diff --git a/11598-09d993bb7bf668293d93.css b/11598-09d993bb7bf668293d93.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/11598-09d993bb7bf668293d93.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/11598-09d993bb7bf668293d93.js b/11598-09d993bb7bf668293d93.js new file mode 100644 index 0000000000..82e3e770fb --- /dev/null +++ b/11598-09d993bb7bf668293d93.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[11598],{55713:function(e,a,r){var n=r(24994);a.A=void 0;var t=n(r(96540)),l=n(r(5556)),d=n(r(67967)),i=n(r(25642)),o=d.default.bind(i.default),s={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var a=e.src,r=e.name,n=e.url,l=e.version,d=t.default.createElement("a",{className:o("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(l)},t.default.createElement("span",{className:o("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:o("badge-version")},"v".concat(l))),i=a?t.default.createElement("a",{className:o("badge"),href:a},t.default.createElement("span",{className:o("badge-name")},"github"),t.default.createElement("span",{className:o("badge-version")},"source")):void 0;return t.default.createElement("div",{className:o("badge-container")},d,i)};m.propTypes=s;a.A=m},11598:function(e,a,r){r.r(a),r.d(a,{default:function(){return m}});var n=r(58168),t=r(53986),l=(r(96540),r(36665)),d=r(66560),i=["components"],o={},s="wrapper";function m(e){var a=e.components,r=(0,t.A)(e,i);return(0,l.mdx)(s,(0,n.A)({},o,r,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(d.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-slide-panel-upgrade-guide"},"Terra Slide Panel Upgrade Guide"),(0,l.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(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-slide-panel-panel-width-small"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-slide-panel-panel-small-width")))),(0,l.mdx)("h4",{id:"added"},"Added"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-main-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-overlay-position-start-box-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-overlay-position-end-box-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-main-squish-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-border-right-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-border-left-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-width-small"),(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-width-large-scalar")),(0,l.mdx)("h4",{id:"removed"},"Removed"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-shadow-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-shadow-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-border-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-border-color")))}m.isMDXComponent=!0},66560:function(e,a,r){r.d(a,{E:function(){return l}});var n=r(96540),t=r(55713),l=function(e){var a=e.url;return n.createElement(t.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel",name:"terra-slide-panel",version:"3.51.0",url:a})}},25642: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"}},58168:function(e,a,r){function n(){return n=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;r[n]=e[n]}return r}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}r.d(a,{A:function(){return n}})}}]); \ No newline at end of file diff --git a/11633-fb23e94517cf14a705a2.css b/11633-fb23e94517cf14a705a2.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/11633-fb23e94517cf14a705a2.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/11633-fb23e94517cf14a705a2.js b/11633-fb23e94517cf14a705a2.js new file mode 100644 index 0000000000..4ed614defc --- /dev/null +++ b/11633-fb23e94517cf14a705a2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[11633],{55713:function(e,r,a){var n=a(24994);r.A=void 0;var t=n(a(96540)),o=n(a(5556)),d=n(a(67967)),m=n(a(25642)),i=d.default.bind(m.default),l={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},s=function(e){var r=e.src,a=e.name,n=e.url,o=e.version,d=t.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/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))),m=r?t.default.createElement("a",{className:i("badge"),href:r},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")},d,m)};s.propTypes=l;r.A=s},11633:function(e,r,a){a.r(r),a.d(r,{default:function(){return s}});var n=a(58168),t=a(53986),o=(a(96540),a(36665)),d=a(14245),m=["components"],i={},l="wrapper";function s(e){var r=e.components,a=(0,t.A)(e,m);return(0,o.mdx)(l,(0,n.A)({},i,a,{components:r,mdxType:"MDXLayout"}),(0,o.mdx)(d.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-theme-provider-upgrade-guide"},"Terra Theme Provider 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"},"isGlobalTheme"))),(0,o.mdx)("h3",{id:"changes-in-functionality"},"Changes in functionality"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"With the removal ",(0,o.mdx)("inlineCode",{parentName:"li"},"isGlobalTheme")," prop, the theme is now applied to the ",(0,o.mdx)("inlineCode",{parentName:"li"},"html")," element instead of the wrapping ",(0,o.mdx)("inlineCode",{parentName:"li"},"div")," element."),(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.mdx)("inlineCode",{parentName:"li"},"div")," element wrapping the children has been removed.")),(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:"renamed"},"Renamed"),(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},"Previous"),(0,o.mdx)("th",{parentName:"tr",align:null},"New"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-mock-background-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-theme-provider-mock-background-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-mock-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-theme-provider-mock-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-mock-display"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-theme-provider-mock-display")))))}s.isMDXComponent=!0},14245:function(e,r,a){a.d(r,{E:function(){return o}});var n=a(96540),t=a(55713),o=function(e){var r=e.url;return n.createElement(t.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-theme-provider",name:"terra-theme-provider",version:"4.17.0",url:r})}},25642:function(e,r,a){a.r(r),r.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"}},58168:function(e,r,a){function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0)continue;a[n]=e[n]}return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}a.d(r,{A:function(){return n}})}}]); \ No newline at end of file diff --git a/1211-a130251e8230718aeca8.css b/1211-a130251e8230718aeca8.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/1211-a130251e8230718aeca8.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/1211-a130251e8230718aeca8.js b/1211-a130251e8230718aeca8.js new file mode 100644 index 0000000000..482dfa79fd --- /dev/null +++ b/1211-a130251e8230718aeca8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[1211],{55713:function(e,n,a){var l=a(24994);n.A=void 0;var d=l(a(96540)),m=l(a(5556)),r=l(a(67967)),u=l(a(25642)),i=r.default.bind(u.default),t={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},p=function(e){var n=e.src,a=e.name,l=e.url,m=e.version,r=d.default.createElement("a",{className:i("badge"),href:l||"https://www.npmjs.org/package/".concat(a,"/v/").concat(m)},d.default.createElement("span",{className:i("badge-name")},l?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(m))),u=n?d.default.createElement("a",{className:i("badge"),href:n},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;n.A=p},23592:function(e,n,a){a.r(n),a.d(n,{default:function(){return s}});var l=a(58168),d=a(53986),m=(a(96540),a(36665)),r=a(5147),u=["components"],i={},t="wrapper";function p(e){var n=e.components,a=(0,d.A)(e,u);return(0,m.mdx)(t,(0,l.A)({},i,a,{components:n,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"1940---may-20-2024"},"1.94.0 - (May 20, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1930---may-14-2024"},"1.93.0 - (May 14, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1920---may-8-2024"},"1.92.0 - (May 8, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1910---may-1-2024"},"1.91.0 - (May 1, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1900---april-17-2024"},"1.90.0 - (April 17, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1890---april-4-2024"},"1.89.0 - (April 4, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1880---march-25-2024"},"1.88.0 - (March 25, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1870---march-14-2024"},"1.87.0 - (March 14, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1860---march-8-2024"},"1.86.0 - (March 8, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1850---march-5-2024"},"1.85.0 - (March 5, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1840---february-28-2024"},"1.84.0 - (February 28, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1830---february-16-2024"},"1.83.0 - (February 16, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1820---january-22-2024"},"1.82.0 - (January 22, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1810---january-10-2024"},"1.81.0 - (January 10, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1800---december-18-2023"},"1.80.0 - (December 18, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1790---december-11-2023"},"1.79.0 - (December 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1780---november-23-2023"},"1.78.0 - (November 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1770---october-11-2023"},"1.77.0 - (October 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1760---october-3-2023"},"1.76.0 - (October 3, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1751---august-4-2023"},"1.75.1 - (August 4, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1750---august-2-2023"},"1.75.0 - (August 2, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Locked ",(0,m.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,m.mdx)("inlineCode",{parentName:"li"},"3.4.0")," for consistency across Terra packages.")))),(0,m.mdx)("h2",{id:"1740---july-31-2023"},"1.74.0 - (July 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1730---july-25-2023"},"1.73.0 - (July 25, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1720---july-19-2023"},"1.72.0 - (July 19, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Locked ",(0,m.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,m.mdx)("inlineCode",{parentName:"li"},"7.0.3")," for consistency across Terra packages.")))),(0,m.mdx)("h2",{id:"1710---june-12-2023"},"1.71.0 - (June 12, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Locked ",(0,m.mdx)("inlineCode",{parentName:"li"},"uuid")," version to ",(0,m.mdx)("inlineCode",{parentName:"li"},"8.2.0"),".")))),(0,m.mdx)("h2",{id:"1700---june-5-2023"},"1.70.0 - (June 5, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"uuid")," to ",(0,m.mdx)("inlineCode",{parentName:"li"},"v8")," for consistency with other components.")))),(0,m.mdx)("h2",{id:"1690---may-11-2023"},"1.69.0 - (May 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1680---april-27-2023"},"1.68.0 - (April 27, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1670---march-29-2023"},"1.67.0 - (March 29, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1660---march-1-2023"},"1.66.0 - (March 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1650---february-14-2023"},"1.65.0 - (February 14, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1640---december-13-2022"},"1.64.0 - (December 13, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1630---march-15-2022"},"1.63.0 - (March 15, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrated docs to terra-framework-docs.")))),(0,m.mdx)("h2",{id:"1620---november-16-2021"},"1.62.0 - (November 16, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1610---november-9-2021"},"1.61.0 - (November 9, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1600---october-14-2021"},"1.60.0 - (October 14, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1590---october-12-2021"},"1.59.0 - (October 12, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1580---september-20-2021"},"1.58.0 - (September 20, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1570---july-21-2021"},"1.57.0 - (July 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1560---july-20-2021"},"1.56.0 - (July 20, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1550---july-13-2021"},"1.55.0 - (July 13, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1540---june-8-2021"},"1.54.0 - (June 8, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1530---may-4-2021"},"1.53.0 - (May 4, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1520---april-6-2021"},"1.52.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"1510---march-9-2021"},"1.51.0 - (March 9, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1500---february-9-2021"},"1.50.0 - (February 9, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1490---february-2-2021"},"1.49.0 - (February 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1480---january-26-2021"},"1.48.0 - (January 26, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1470---january-5-2021"},"1.47.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,m.mdx)("h2",{id:"1460---december-8-2020"},"1.46.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1450---november-24-2020"},"1.45.0 - (November 24, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1440---november-10-2020"},"1.44.0 - (November 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1430---october-20-2020"},"1.43.0 - (October 20, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1420---october-13-2020"},"1.42.0 - (October 13, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1410---september-10-2020"},"1.41.0 - (September 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1400---august-27-2020"},"1.40.0 - (August 27, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bump terra-notification-dialog version from ^3 to ^4")))),(0,m.mdx)("h2",{id:"1390---august-18-2020"},"1.39.0 - (August 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1380---august-11-2020"},"1.38.0 - (August 11, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1370---august-4-2020"},"1.37.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,m.mdx)("h2",{id:"1360---july-14-2020"},"1.36.0 - (July 14, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1350---june-16-2020"},"1.35.0 - (June 16, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1340---june-9-2020"},"1.34.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1330---june-2-2020"},"1.33.0 - (June 2, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1320---may-19-2020"},"1.32.0 - (May 19, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1310---april-28-2020"},"1.31.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,m.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,m.mdx)("h2",{id:"1300---april-6-2020"},"1.30.0 - (April 6, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1290---march-31-2020"},"1.29.0 - (March 31, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1280---march-10-2020"},"1.28.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,m.mdx)("h2",{id:"1270---march-3-2020"},"1.27.0 - (March 3, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1250---february-18-2020"},"1.25.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated wdio config to search for "tests" directory only')))),(0,m.mdx)("h2",{id:"1240---february-4-2020"},"1.24.0 - (February 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1230---january-28-2020"},"1.23.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,m.mdx)("h2",{id:"1220---january-7-2020"},"1.22.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1210---december-16-2019"},"1.21.0 - (December 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1200---december-10-2019"},"1.20.0 - (December 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"1190---november-20-2019"},"1.19.0 - (November 20, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"1180---november-18-2019"},"1.18.0 - (November 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Changed 'NavigationPromptCheckpoint' to have the same logic as 'notification-dialog' changes"),(0,m.mdx)("li",{parentName:"ul"},"'message' prop has been deprecated, will resolve to 'startMessage'"),(0,m.mdx)("li",{parentName:"ul"},"Added a 'startMessage' string prop that will display a message after 'title'"),(0,m.mdx)("li",{parentName:"ul"},"Added a 'content' node prop that will display the given node in the Dialog after 'startMessage'"),(0,m.mdx)("li",{parentName:"ul"},"Added an 'endMessage' string prop that will display a message after 'content'"),(0,m.mdx)("li",{parentName:"ul"},"Added 'buttonOrder' prop to determine order of accept and reject buttons"),(0,m.mdx)("li",{parentName:"ul"},"'emphasizedAction' now accepts a 'none' value and defaults to it.")))),(0,m.mdx)("h2",{id:"1170---november-7-2019"},"1.17.0 - (November 7, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"1160---october-30-2019"},"1.16.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Missing aria-labels added in examples.")))),(0,m.mdx)("h2",{id:"1150---october-21-2019"},"1.15.0 - (October 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"1140---october-16-2019"},"1.14.0 - (October 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"1130---october-3-2019"},"1.13.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"1120---september-26-2019"},"1.12.0 - (September 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"1110---september-19-2019"},"1.11.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,m.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,m.mdx)("h2",{id:"1100---september-6-2019"},"1.10.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"190---august-21-2019"},"1.9.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"180---august-14-2019"},"1.8.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,m.mdx)("h2",{id:"170---july-30-2019"},"1.7.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,m.mdx)("h2",{id:"161---july-23-2019"},"1.6.1 - (July 23, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,m.mdx)("h2",{id:"160---july-23-2019"},"1.6.0 - (July 23, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"150---july-16-2019"},"1.5.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,m.mdx)("h2",{id:"140---july-10-2019"},"1.4.0 - (July 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"130---july-2-2019"},"1.3.0 - (July 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,m.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,m.mdx)("h2",{id:"120---june-19-2019"},"1.2.0 - (June 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,m.mdx)("h2",{id:"110---june-12-2019"},"1.1.0 - (June 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated the version of terra-notification-dialog being used from v2.0.0 to v3.1.0"),(0,m.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes")))),(0,m.mdx)("h2",{id:"100---may-21-2019"},"1.0.0 - (May 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Initial release")))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var n=e.components,a=(0,d.A)(e,x);return(0,m.mdx)(N,(0,l.A)({},o,a,{components:n,mdxType:"MDXLayout"}),(0,m.mdx)(r.E,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},5147:function(e,n,a){a.d(n,{E:function(){return m}});var l=a(96540),d=a(55713),m=function(e){var n=e.url;return l.createElement(d.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-prompt",name:"terra-navigation-prompt",version:"1.94.0",url:n})}},25642: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"}},58168:function(e,n,a){function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;a[l]=e[l]}return a}(e,n);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}a.d(n,{A:function(){return l}})}}]); \ No newline at end of file diff --git a/13182-13c0ee325ff97e1fc920.css b/13182-13c0ee325ff97e1fc920.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/13182-13c0ee325ff97e1fc920.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/13182-13c0ee325ff97e1fc920.js b/13182-13c0ee325ff97e1fc920.js new file mode 100644 index 0000000000..d12eb38907 --- /dev/null +++ b/13182-13c0ee325ff97e1fc920.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[13182],{55713:function(e,a,t){var r=t(24994);a.A=void 0;var n=r(t(96540)),l=r(t(5556)),d=r(t(67967)),o=r(t(25642)),u=d.default.bind(o.default),i={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var a=e.src,t=e.name,r=e.url,l=e.version,d=n.default.createElement("a",{className:u("badge"),href:r||"https://www.npmjs.org/package/".concat(t,"/v/").concat(l)},n.default.createElement("span",{className:u("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:u("badge-version")},"v".concat(l))),o=a?n.default.createElement("a",{className:u("badge"),href:a},n.default.createElement("span",{className:u("badge-name")},"github"),n.default.createElement("span",{className:u("badge-version")},"source")):void 0;return n.default.createElement("div",{className:u("badge-container")},d,o)};m.propTypes=i;a.A=m},13182:function(e,a,t){t.r(a),t.d(a,{default:function(){return m}});var r=t(58168),n=t(53986),l=(t(96540),t(36665)),d=t(62483),o=["components"],u={},i="wrapper";function m(e){var a=e.components,t=(0,n.A)(e,o);return(0,l.mdx)(i,(0,r.A)({},u,t,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(d.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-layout-upgrade-guide"},"Terra Layout Upgrade Guide"),(0,l.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(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},"--layout-slide-panel-background-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-layout-slide-panel-panel-background-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--layout-slide-panel-desktop-panel-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-layout-slide-panel-panel-width")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--layout-slide-panel-phone-panel-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-layout-slide-panel-tiny-panel-width")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--layout-slide-panel-tablet-panel-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-layout-slide-panel-small-panel-width")))),(0,l.mdx)("h4",{id:"added"},"Added"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-overlay-panel-ltr-box-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-overlay-panel-rtl-box-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-border-right-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-border-right-width"),(0,l.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-ltr-box-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-rtl-box-shadow")),(0,l.mdx)("h4",{id:"removed"},"Removed"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"--layout-slide-panel-panel-shadow-color"),(0,l.mdx)("li",{parentName:"ul"},"--layout-slide-panel-panel-border-color")))}m.isMDXComponent=!0},62483:function(e,a,t){t.d(a,{E:function(){return l}});var r=t(96540),n=t(55713),l=function(e){var a=e.url;return r.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-layout",name:"terra-layout",version:"4.41.0",url:a})}},25642:function(e,a,t){t.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"}},58168:function(e,a,t){function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;t[r]=e[r]}return t}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}t.d(a,{A:function(){return r}})}}]); \ No newline at end of file diff --git a/140-280209336b88ad00b8d2.js b/140-280209336b88ad00b8d2.js new file mode 100644 index 0000000000..682bc729b5 --- /dev/null +++ b/140-280209336b88ad00b8d2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[140],{140:function(e,n,t){t.r(n),t.d(n,{default:function(){return w}});var r=t(58168),a=t(53986),i=t(96540),l=t(36665),u=t(50232),o=t(70065),d=["components"],s={};function m(e){var n=e.components,t=(0,a.A)(e,d);return(0,l.mdx)("wrapper",(0,r.A)({},s,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.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.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 {({ input, meta }) => (\n { input.onChange(e.target.value); }}\n value={input.value}\n required\n />\n )}\n \n \n {({ input, meta }) => (\n { input.onChange(e.target.value); }}\n value={input.value}\n required\n />\n )}\n \n \n {\n disclosureManager.disclose({\n preferredType: disclosureType,\n size: 'small',\n content: {\n key: `Nested ${name}`,\n component: ,\n },\n });\n }}\n >\n Disclose Again\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 this.setState({\n text: event.target.value,\n });\n }}\n value={this.state.text || ''}\n />\n {this.state.text && this.state.text.length ?

Component has unsaved changes!

: null}\n
\n
\n

\n Selected Header Action:\n {' '}\n {this.state.selectedHeaderAction}\n

\n \n \n );\n }\n}\n\nDisclosureComponent.contextType = DisclosureManagerContext;\nDisclosureComponent.propTypes = {\n name: PropTypes.string,\n disclosureType: PropTypes.string,\n};\nDisclosureComponent.defaultProps = {\n name: 'Disclosure Component',\n};\n\nconst HEIGHT_KEYS = Object.keys(availableDisclosureHeights);\nconst WIDTH_KEYS = Object.keys(availableDisclosureWidths);\n\nconst generateDimensionOptions = values => (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nclass ContentComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.renderButton = this.renderButton.bind(this);\n this.handleSelectChange = this.handleSelectChange.bind(this);\n this.getId = this.getId.bind(this);\n\n this.state = { id: 'dimensions', disclosureHeight: HEIGHT_KEYS[0], disclosureWidth: WIDTH_KEYS[0] };\n }\n\n handleSelectChange(event) {\n this.setState({ [event.target.name]: event.target.value });\n }\n\n getId(name) {\n return name + this.state.id;\n }\n\n renderButton(size) {\n const disclosureManager = this.context;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'panel',\n size,\n content: {\n key: `Content-Disclosure-${size}`,\n component: ,\n },\n });\n }}\n >\n {`${size.charAt(0).toUpperCase() + size.slice(1)} panel`}\n \n );\n }\n\n renderFormButton() {\n const disclosureManager = this.context;\n\n const name = `Disclose (${this.state.disclosureHeight}) x (${this.state.disclosureWidth})`;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'panel',\n typeConfig: { panelBehavior: 'overlay' },\n dimensions: { height: this.state.disclosureHeight, width: this.state.disclosureWidth },\n content: {\n key: 'Content-Disclosure-Dimensions',\n component: ,\n },\n });\n }}\n >\n {name}\n \n );\n }\n\n renderForm() {\n return (\n
\n \n \n
\n
\n \n \n
\n
\n
\n );\n }\n\n render() {\n return (\n \n )}\n >\n
\n {this.renderButton('default')}\n {this.renderButton('tiny')}\n {this.renderButton('small')}\n {this.renderButton('medium')}\n {this.renderButton('large')}\n {this.renderButton('huge')}\n {this.renderButton('fullscreen')}\n
\n

The child components can disclose content in the panel at various sizes.

\n

The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.

\n
\n
\n {this.renderForm()}\n {this.renderFormButton()}\n
\n \n );\n }\n}\n\nContentComponent.contextType = DisclosureManagerContext;\n\nconst SlidePanelManagerExample = () => {\n const [level, setLevel] = useState(0);\n\n return (\n
\n \n \n
\n
Select panel heading level:
\n setLevel(Number(event.currentTarget.value))}\n options={[\n { value: '0', display: 'Default' },\n { value: 1, display: '1' },\n { value: 2, display: '2' },\n { value: 3, display: '3' },\n { value: 4, display: '4' },\n { value: 5, display: '5' },\n { value: 6, display: '6' },\n ]}\n value={level}\n />\n \n
\n );\n};\n\nexport default SlidePanelManagerExample;\n\n")))}g.isMDXComponent=!0;var v=n(201),b=["components"],x={};function y(e){var t=e.components,n=(0,l.A)(e,b);return(0,s.mdx)("wrapper",(0,a.A)({},x,n,{components:t,mdxType:"MDXLayout"}),(0,s.mdx)("pre",null,(0,s.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")))}y.isMDXComponent=!0;var C=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(v.A,{title:t||"Slide Panel Manager Example",description:n,example:r.createElement(m.A,null),exampleCssSrc:r.createElement(y,null),exampleSrc:r.createElement(g,null),isExpanded:a})},E=n(84313),T=["components"],S={};function k(e){var t=e.components,n=(0,l.A)(e,T);return(0,s.mdx)("wrapper",(0,a.A)({},S,n,{components:t,mdxType:"MDXLayout"}),(0,s.mdx)("pre",null,(0,s.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 disclosureManager.dismiss()\n .catch(() => {\n console.log('Dismiss failed. A lock must be in place.'); // eslint-disable-line no-console\n });\n }}\n >\n Dismiss\n \n {\n disclosureManager.disclose({\n preferredType: disclosureType,\n size: 'small',\n content: {\n key: `Nested ${name}`,\n component: ,\n },\n });\n }}\n >\n Disclose Again\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 this.setState({\n text: event.target.value,\n });\n }}\n value={this.state.text || ''}\n />\n {this.state.text && this.state.text.length ?

Component has unsaved changes!

: null}\n
\n
\n

\n Selected Header Action:\n {' '}\n {this.state.selectedHeaderAction}\n

\n
\n \n );\n }\n}\n\nDisclosureComponent.contextType = DisclosureManagerContext;\nDisclosureComponent.propTypes = {\n name: PropTypes.string,\n disclosureType: PropTypes.string,\n};\nDisclosureComponent.defaultProps = {\n name: 'Disclosure Component',\n};\n\nconst HEIGHT_KEYS = Object.keys(availableDisclosureHeights);\nconst WIDTH_KEYS = Object.keys(availableDisclosureWidths);\n\nconst generateDimensionOptions = values => (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nclass ContentComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.renderButton = this.renderButton.bind(this);\n this.handleSelectChange = this.handleSelectChange.bind(this);\n this.getId = this.getId.bind(this);\n\n this.state = { id: 'dimensions', disclosureHeight: HEIGHT_KEYS[0], disclosureWidth: WIDTH_KEYS[0] };\n }\n\n handleSelectChange(event) {\n this.setState({ [event.target.name]: event.target.value });\n }\n\n getId(name) {\n return name + this.state.id;\n }\n\n renderButton(size) {\n const disclosureManager = this.context;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'panel',\n size,\n typeConfig: { panelBehavior: 'squish' },\n content: {\n key: `Content-Disclosure-${size}`,\n component: ,\n },\n });\n }}\n >\n {`${size.charAt(0).toUpperCase() + size.slice(1)} panel`}\n \n );\n }\n\n renderFormButton() {\n const disclosureManager = this.context;\n\n const name = `Disclose (${this.state.disclosureHeight}) x (${this.state.disclosureWidth})`;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'panel',\n dimensions: { height: this.state.disclosureHeight, width: this.state.disclosureWidth },\n content: {\n key: 'Content-Disclosure-Dimensions',\n component: ,\n },\n });\n }}\n >\n {name}\n \n );\n }\n\n renderForm() {\n return (\n
\n \n \n
\n
\n \n \n
\n
\n
\n );\n }\n\n render() {\n return (\n \n )}\n >\n
\n {this.renderButton('default')}\n {this.renderButton('tiny')}\n {this.renderButton('small')}\n {this.renderButton('medium')}\n {this.renderButton('large')}\n {this.renderButton('huge')}\n {this.renderButton('fullscreen')}\n
\n

The child components can disclose content in the panel at various sizes.

\n

The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.

\n
\n
\n {this.renderForm()}\n {this.renderFormButton()}\n
\n \n );\n }\n}\n\nContentComponent.contextType = DisclosureManagerContext;\n\nconst SlidePanelManagerExample = () => {\n const [level, setLevel] = useState(0);\n\n return (\n
\n \n \n
\n
Select panel heading level:
\n setLevel(Number(event.currentTarget.value))}\n options={[\n { value: '0', display: 'Default' },\n { value: 1, display: '1' },\n { value: 2, display: '2' },\n { value: 3, display: '3' },\n { value: 4, display: '4' },\n { value: 5, display: '5' },\n { value: 6, display: '6' },\n ]}\n value={level}\n />\n \n
\n );\n};\n\nexport default SlidePanelManagerExample;\n\n")))}k.isMDXComponent=!0;var D=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(v.A,{title:t||"Slide Panel Manager Squish Example",description:n,example:r.createElement(E.A,null),exampleCssSrc:r.createElement(y,null),exampleSrc:r.createElement(k,null),isExpanded:a})},_=n(69602),M=["components"],w={};function N(e){var t=e.components,n=(0,l.A)(e,M);return(0,s.mdx)("wrapper",(0,a.A)({},w,n,{components:t,mdxType:"MDXLayout"}),(0,s.mdx)("pre",null,(0,s.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 disclosureManager.dismiss()\n .catch(() => {\n console.log('Dismiss failed. A lock must be in place.'); // eslint-disable-line no-console\n });\n }}\n >\n Dismiss\n \n {\n disclosureManager.disclose({\n preferredType: disclosureType,\n size: 'small',\n content: {\n key: `Nested ${name}`,\n component: ,\n },\n });\n }}\n >\n Disclose Again\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 this.setState({\n text: event.target.value,\n });\n }}\n value={this.state.text || ''}\n />\n {this.state.text && this.state.text.length ?

Component has unsaved changes!

: null}\n
\n
\n

\n Selected Header Action:\n {' '}\n {this.state.selectedHeaderAction}\n

\n
\n \n );\n }\n}\n\nDisclosureComponent.contextType = DisclosureManagerContext;\nDisclosureComponent.propTypes = {\n name: PropTypes.string,\n disclosureType: PropTypes.string,\n};\nDisclosureComponent.defaultProps = {\n name: 'Disclosure Component',\n};\n\nconst HEIGHT_KEYS = Object.keys(availableDisclosureHeights);\nconst WIDTH_KEYS = Object.keys(availableDisclosureWidths);\n\nconst generateDimensionOptions = values => (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nclass ContentComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.renderButton = this.renderButton.bind(this);\n this.handleSelectChange = this.handleSelectChange.bind(this);\n this.getId = this.getId.bind(this);\n\n this.state = { id: 'dimensions', disclosureHeight: HEIGHT_KEYS[0], disclosureWidth: WIDTH_KEYS[0] };\n }\n\n handleSelectChange(event) {\n this.setState({ [event.target.name]: event.target.value });\n }\n\n getId(name) {\n return name + this.state.id;\n }\n\n renderButton(size) {\n const disclosureManager = this.context;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'panel',\n size,\n content: {\n key: `Content-Disclosure-${size}`,\n component: ,\n },\n });\n }}\n >\n {`${size.charAt(0).toUpperCase() + size.slice(1)} panel`}\n \n );\n }\n\n renderFormButton() {\n const disclosureManager = this.context;\n\n const name = `Disclose (${this.state.disclosureHeight}) x (${this.state.disclosureWidth})`;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'panel',\n dimensions: { height: this.state.disclosureHeight, width: this.state.disclosureWidth },\n content: {\n key: 'Content-Disclosure-Dimensions',\n component: ,\n },\n });\n }}\n >\n {name}\n \n );\n }\n\n renderForm() {\n return (\n
\n \n \n
\n
\n \n \n
\n
\n
\n );\n }\n\n render() {\n return (\n \n )}\n >\n
\n {this.renderButton('default')}\n {this.renderButton('tiny')}\n {this.renderButton('small')}\n {this.renderButton('medium')}\n {this.renderButton('large')}\n {this.renderButton('huge')}\n {this.renderButton('fullscreen')}\n
\n

The child components can disclose content in the panel at various sizes.

\n

The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.

\n
\n
\n {this.renderForm()}\n {this.renderFormButton()}\n
\n \n );\n }\n}\n\nContentComponent.contextType = DisclosureManagerContext;\n\nconst SlidePanelManagerExample = () => (\n
\n \n Disclosure Accessory\n
\n)}\n >\n \n \n \n);\n\nexport default SlidePanelManagerExample;\n\n")))}N.isMDXComponent=!0;var P=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(v.A,{title:t||"Slide Panel Manager Accessory Example",description:n,example:r.createElement(_.A,null),exampleCssSrc:r.createElement(y,null),exampleSrc:r.createElement(N,null),isExpanded:a})},H=["components"],A={},B="wrapper";function O(e){var t=e.components,n=(0,l.A)(e,H);return(0,s.mdx)(B,(0,a.A)({},A,n,{components:t,mdxType:"MDXLayout"}),(0,s.mdx)(i.E,{mdxType:"Badge"}),(0,s.mdx)("h1",{id:"terra-slidepanel-manager"},"Terra SlidePanel Manager"),(0,s.mdx)("p",null,"The SlidePanelManager is a DisclosureManager implementation that presents disclosed content using a SlidePanel."),(0,s.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,s.mdx)("ul",null,(0,s.mdx)("li",{parentName:"ul"},"Install with ",(0,s.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,s.mdx)("ul",{parentName:"li"},(0,s.mdx)("li",{parentName:"ul"},(0,s.mdx)("inlineCode",{parentName:"li"},"npm install terra-slide-panel-manager"))))),(0,s.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,s.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,s.mdx)("table",null,(0,s.mdx)("thead",{parentName:"table"},(0,s.mdx)("tr",{parentName:"thead"},(0,s.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,s.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,s.mdx)("tbody",{parentName:"table"},(0,s.mdx)("tr",{parentName:"tbody"},(0,s.mdx)("td",{parentName:"tr",align:null},"react"),(0,s.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,s.mdx)("tr",{parentName:"tbody"},(0,s.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,s.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,s.mdx)("tr",{parentName:"tbody"},(0,s.mdx)("td",{parentName:"tr",align:null},"terra-disclosure-manager"),(0,s.mdx)("td",{parentName:"tr",align:null},"^4.16.0")))),(0,s.mdx)("h2",{id:"usage"},"Usage"),(0,s.mdx)("pre",null,(0,s.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SlidePanelManager, { disclosureType } from 'terra-slide-panel-manager';\n")),(0,s.mdx)("h2",{id:"implementation-requirements"},"Implementation Requirements"),(0,s.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,s.mdx)("inlineCode",{parentName:"p"},"withDisclosureManager()")," higher-order component generator provided by the ",(0,s.mdx)("inlineCode",{parentName:"p"},"terra-disclosure-manager")," package. Alternatively, ",(0,s.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerContext")," can be consumed directly using the ",(0,s.mdx)("inlineCode",{parentName:"p"},"useContext")," hook."),(0,s.mdx)("p",null,"The SlidePanelManager responds to ",(0,s.mdx)("inlineCode",{parentName:"p"},'"panel"')," disclosure type requests. Components that wish to disclose content using the SlidePanelManager should provide a preferred type of ",(0,s.mdx)("inlineCode",{parentName:"p"},'"panel"'),". This value is exported from the package as ",(0,s.mdx)("inlineCode",{parentName:"p"},"disclosureType"),". Please see the ",(0,s.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,s.mdx)("h2",{id:"disclosuremanagerheaderadapter-support"},"DisclosureManagerHeaderAdapter Support"),(0,s.mdx)("p",null,"If a component disclosed by the SlidePanelManager renders a ",(0,s.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,s.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter")," to inject its own title and CollapsibleButtonView into the ActionHeader."),(0,s.mdx)("p",null,"If the disclosed component does ",(0,s.mdx)("strong",{parentName:"p"},"not")," render a ",(0,s.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the SlidePanelManager will ",(0,s.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,s.mdx)("blockquote",null,(0,s.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,s.mdx)("strong",{parentName:"p"},"always")," render the header and navigation controls, regardless of the presence of a DisclosureManagerHeaderAdapter.")),(0,s.mdx)("h2",{id:"disclosure-accessory"},"Disclosure Accessory"),(0,s.mdx)("p",null,"The ",(0,s.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,s.mdx)("h2",{id:"component-features"},"Component Features"),(0,s.mdx)("ul",null,(0,s.mdx)("li",{parentName:"ul"},(0,s.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,s.mdx)("li",{parentName:"ul"},(0,s.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,s.mdx)("li",{parentName:"ul"},(0,s.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,s.mdx)("h2",{id:"examples"},"Examples"),(0,s.mdx)(C,{title:"Overlay Example",mdxType:"SlidePanelManagerExample"}),(0,s.mdx)(D,{title:"Squish Example",mdxType:"SlidePanelManagerSquishExample"}),(0,s.mdx)(P,{title:"Disclosure Accessory Example",mdxType:"SlidePanelManagerAccessoryExample"}),(0,s.mdx)("h2",{id:"slide-panel-manager-props-table"},"Slide Panel Manager Props Table"),(0,s.mdx)(p,{mdxType:"SlidePanelManagerPropsTable"}))}O.isMDXComponent=!0},63530:function(e,t,n){n.d(t,{E:function(){return r}});var a=n(96540),l=n(55713),r=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel-manager",name:"terra-slide-panel-manager",version:"5.106.0",url:t})}},69602:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(43693)),r=a(n(17383)),s=a(n(34579)),i=a(n(28452)),o=a(n(63072)),c=a(n(29511)),d=a(n(96540)),u=a(n(5556)),p=a(n(67967)),m=a(n(82941)),h=a(n(26714)),f=a(n(54495)),g=n(12643),v=a(n(6844)),b=a(n(5175));function x(e,t,n){return t=(0,o.default)(t),(0,i.default)(e,y()?Reflect.construct(t,n||[],(0,o.default)(e).constructor):t.apply(e,n))}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(y=function(){return!!e})()}var C=p.default.bind(b.default),E=function(e){function t(e){var n;return(0,r.default)(this,t),(n=x(this,t,[e])).checkLockState=n.checkLockState.bind(n),n.state={text:void 0},n}return(0,c.default)(t,e),(0,s.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(t,n){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?t():n()})):Promise.resolve()}},{key:"render",value:function(){var e=this,n=this.props,a=n.name,l=n.disclosureType,r=this.context;return d.default.createElement(f.default,{fill:!0},d.default.createElement(g.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:d.default.createElement(h.default,null,d.default.createElement(h.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),d.default.createElement(h.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),d.default.createElement("div",{className:C("content-wrapper")},d.default.createElement("h3",null,a),d.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),d.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),d.default.createElement("button",{type:"button",onClick:function(){r.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),d.default.createElement("button",{type:"button",onClick:function(){r.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:d.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),d.default.createElement("br",null),d.default.createElement("br",null),d.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."),d.default.createElement("input",{"aria-label":"textArea",type:"text",onChange:function(t){e.setState({text:t.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?d.default.createElement("p",null,"Component has unsaved changes!"):null,d.default.createElement("br",null),d.default.createElement("br",null),d.default.createElement("p",null,"Selected Header Action:"," ",d.default.createElement("b",null,this.state.selectedHeaderAction))))}}])}(d.default.Component);E.contextType=g.DisclosureManagerContext,E.propTypes={name:u.default.string,disclosureType:u.default.string},E.defaultProps={name:"Disclosure Component"};var T=Object.keys(g.availableDisclosureHeights),S=Object.keys(g.availableDisclosureWidths),k=function(e){return e.map((function(e,t){var n=t;return d.default.createElement("option",{key:n,value:e},e)}))},D=function(e){function t(e){var n;return(0,r.default)(this,t),(n=x(this,t,[e])).renderButton=n.renderButton.bind(n),n.handleSelectChange=n.handleSelectChange.bind(n),n.getId=n.getId.bind(n),n.state={id:"dimensions",disclosureHeight:T[0],disclosureWidth:S[0]},n}return(0,c.default)(t,e),(0,s.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 t=this.context;return d.default.createElement("button",{type:"button",onClick:function(){t.disclose({preferredType:"panel",size:e,content:{key:"Content-Disclosure-".concat(e),component:d.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},"".concat(e.charAt(0).toUpperCase()+e.slice(1)," panel"))}},{key:"renderFormButton",value:function(){var e=this,t=this.context,n="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return d.default.createElement("button",{type:"button",onClick:function(){t.disclose({preferredType:"panel",dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:d.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},n)}},{key:"renderForm",value:function(){return d.default.createElement("form",null,d.default.createElement("label",{htmlFor:this.getId("disclosureHeightSquish")},"Pop Content Height"),d.default.createElement("select",{id:this.getId("disclosureHeightSquish"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},k(T)),d.default.createElement("br",null),d.default.createElement("br",null),d.default.createElement("label",{htmlFor:this.getId("disclosureWidthSquish")},"Pop Content Width"),d.default.createElement("select",{id:this.getId("disclosureWidthSquish"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},k(S)),d.default.createElement("br",null),d.default.createElement("br",null))}},{key:"render",value:function(){return d.default.createElement(f.default,{header:d.default.createElement(m.default,{text:"SlidePanelManager Child Component"})},d.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"),d.default.createElement("br",null),d.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),d.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.")),d.default.createElement("div",{className:C("content-wrapper")},this.renderForm(),this.renderFormButton()))}}])}(d.default.Component);D.contextType=g.DisclosureManagerContext;t.A=function(){return d.default.createElement("div",{className:C("example-wrapper")},d.default.createElement(v.default,{panelBehavior:"squish",disclosureAccessory:d.default.createElement("div",{className:C("disclosure-accessory")},"Disclosure Accessory")},d.default.createElement(D,null)))}},75326:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var r=a(n(85715)),s=a(n(43693)),i=a(n(17383)),o=a(n(34579)),c=a(n(28452)),d=a(n(63072)),u=a(n(29511)),p=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=E(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&{}.hasOwnProperty.call(e,s)){var i=r?Object.getOwnPropertyDescriptor(e,s):null;i&&(i.get||i.set)?Object.defineProperty(a,s,i):a[s]=e[s]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(5556)),h=a(n(67967)),f=a(n(82941)),g=a(n(26714)),v=a(n(54495)),b=n(12643),x=a(n(80765)),y=a(n(6844)),C=a(n(5175));function E(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(E=function(e){return e?n:t})(e)}function T(e,t,n){return t=(0,d.default)(t),(0,c.default)(e,S()?Reflect.construct(t,n||[],(0,d.default)(e).constructor):t.apply(e,n))}function S(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(S=function(){return!!e})()}var k=h.default.bind(C.default),D=function(e){function t(e){var n;return(0,i.default)(this,t),(n=T(this,t,[e])).checkLockState=n.checkLockState.bind(n),n.state={text:void 0},n}return(0,u.default)(t,e),(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(t,n){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?t():n()})):Promise.resolve()}},{key:"render",value:function(){var e=this,n=this.props,a=n.name,l=n.disclosureType,r=this.context;return p.default.createElement(v.default,{fill:!0},p.default.createElement(b.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:p.default.createElement(g.default,null,p.default.createElement(g.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),p.default.createElement(g.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),p.default.createElement("div",{className:k("content-wrapper")},p.default.createElement("h3",null,a),p.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),p.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),p.default.createElement("button",{type:"button",onClick:function(){r.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),p.default.createElement("button",{type:"button",onClick:function(){r.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:p.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),p.default.createElement("br",null),p.default.createElement("br",null),p.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."),p.default.createElement("input",{"aria-label":"textArea",type:"text",onChange:function(t){e.setState({text:t.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?p.default.createElement("p",null,"Component has unsaved changes!"):null,p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("p",null,"Selected Header Action:"," ",p.default.createElement("b",null,this.state.selectedHeaderAction))))}}])}(p.default.Component);D.contextType=b.DisclosureManagerContext,D.propTypes={name:m.default.string,disclosureType:m.default.string},D.defaultProps={name:"Disclosure Component"};var _=Object.keys(b.availableDisclosureHeights),M=Object.keys(b.availableDisclosureWidths),w=function(e){return e.map((function(e,t){var n=t;return p.default.createElement("option",{key:n,value:e},e)}))},N=function(e){function t(e){var n;return(0,i.default)(this,t),(n=T(this,t,[e])).renderButton=n.renderButton.bind(n),n.handleSelectChange=n.handleSelectChange.bind(n),n.getId=n.getId.bind(n),n.state={id:"dimensions",disclosureHeight:_[0],disclosureWidth:M[0]},n}return(0,u.default)(t,e),(0,o.default)(t,[{key:"handleSelectChange",value:function(e){this.setState((0,s.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var t=this.context;return p.default.createElement("button",{type:"button",onClick:function(){t.disclose({preferredType:"panel",size:e,content:{key:"Content-Disclosure-".concat(e),component:p.default.createElement(D,{name:"Disclosure Component",disclosureType:"panel"})}})}},"".concat(e.charAt(0).toUpperCase()+e.slice(1)," panel"))}},{key:"renderFormButton",value:function(){var e=this,t=this.context,n="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return p.default.createElement("button",{type:"button",onClick:function(){t.disclose({preferredType:"panel",typeConfig:{panelBehavior:"overlay"},dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:p.default.createElement(D,{name:"Disclosure Component",disclosureType:"panel"})}})}},n)}},{key:"renderForm",value:function(){return p.default.createElement("form",null,p.default.createElement("label",{htmlFor:this.getId("disclosureHeightOverlay")},"Pop Content Height"),p.default.createElement("select",{id:this.getId("disclosureHeightOverlay"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},w(_)),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("label",{htmlFor:this.getId("disclosureWidthOverlay")},"Pop Content Width"),p.default.createElement("select",{id:this.getId("disclosureWidthOverlay"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},w(M)),p.default.createElement("br",null),p.default.createElement("br",null))}},{key:"render",value:function(){return p.default.createElement(v.default,{header:p.default.createElement(f.default,{text:"SlidePanelManager Child Component"})},p.default.createElement("div",{className:k("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),p.default.createElement("br",null),p.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),p.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.")),p.default.createElement("div",{className:k("content-wrapper")},this.renderForm(),this.renderFormButton()))}}])}(p.default.Component);N.contextType=b.DisclosureManagerContext;t.A=function(){var e=(0,p.useState)(0),t=(0,r.default)(e,2),n=t[0],a=t[1];return p.default.createElement("div",{className:k("example-wrapper")},p.default.createElement(y.default,{level:0===n?void 0:n},p.default.createElement(N,null),p.default.createElement("br",null),p.default.createElement("div",{id:"headingLevel",className:k("form-select")},"Select panel heading level:"),p.default.createElement(x.default,{ariaLabel:"Panel heading level",className:k("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:n})))}},84313:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var r=a(n(85715)),s=a(n(43693)),i=a(n(17383)),o=a(n(34579)),c=a(n(28452)),d=a(n(63072)),u=a(n(29511)),p=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=E(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&{}.hasOwnProperty.call(e,s)){var i=r?Object.getOwnPropertyDescriptor(e,s):null;i&&(i.get||i.set)?Object.defineProperty(a,s,i):a[s]=e[s]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(5556)),h=a(n(67967)),f=a(n(82941)),g=a(n(26714)),v=a(n(54495)),b=n(12643),x=a(n(80765)),y=a(n(6844)),C=a(n(5175));function E(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(E=function(e){return e?n:t})(e)}function T(e,t,n){return t=(0,d.default)(t),(0,c.default)(e,S()?Reflect.construct(t,n||[],(0,d.default)(e).constructor):t.apply(e,n))}function S(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(S=function(){return!!e})()}var k=h.default.bind(C.default),D=function(e){function t(e){var n;return(0,i.default)(this,t),(n=T(this,t,[e])).checkLockState=n.checkLockState.bind(n),n.state={text:void 0},n}return(0,u.default)(t,e),(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(t,n){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?t():n()})):Promise.resolve()}},{key:"render",value:function(){var e=this,n=this.props,a=n.name,l=n.disclosureType,r=this.context;return p.default.createElement(v.default,{fill:!0},p.default.createElement(b.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:p.default.createElement(g.default,null,p.default.createElement(g.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),p.default.createElement(g.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),p.default.createElement("div",{className:k("content-wrapper")},p.default.createElement("h3",null,a),p.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),p.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),p.default.createElement("button",{type:"button",onClick:function(){r.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),p.default.createElement("button",{type:"button",onClick:function(){r.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:p.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),p.default.createElement("br",null),p.default.createElement("br",null),p.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."),p.default.createElement("input",{"aria-label":"textArea",type:"text",onChange:function(t){e.setState({text:t.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?p.default.createElement("p",null,"Component has unsaved changes!"):null,p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("p",null,"Selected Header Action:"," ",p.default.createElement("b",null,this.state.selectedHeaderAction))))}}])}(p.default.Component);D.contextType=b.DisclosureManagerContext,D.propTypes={name:m.default.string,disclosureType:m.default.string},D.defaultProps={name:"Disclosure Component"};var _=Object.keys(b.availableDisclosureHeights),M=Object.keys(b.availableDisclosureWidths),w=function(e){return e.map((function(e,t){var n=t;return p.default.createElement("option",{key:n,value:e},e)}))},N=function(e){function t(e){var n;return(0,i.default)(this,t),(n=T(this,t,[e])).renderButton=n.renderButton.bind(n),n.handleSelectChange=n.handleSelectChange.bind(n),n.getId=n.getId.bind(n),n.state={id:"dimensions",disclosureHeight:_[0],disclosureWidth:M[0]},n}return(0,u.default)(t,e),(0,o.default)(t,[{key:"handleSelectChange",value:function(e){this.setState((0,s.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var t=this.context;return p.default.createElement("button",{type:"button",onClick:function(){t.disclose({preferredType:"panel",size:e,typeConfig:{panelBehavior:"squish"},content:{key:"Content-Disclosure-".concat(e),component:p.default.createElement(D,{name:"Disclosure Component",disclosureType:"panel"})}})}},"".concat(e.charAt(0).toUpperCase()+e.slice(1)," panel"))}},{key:"renderFormButton",value:function(){var e=this,t=this.context,n="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return p.default.createElement("button",{type:"button",onClick:function(){t.disclose({preferredType:"panel",dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:p.default.createElement(D,{name:"Disclosure Component",disclosureType:"panel"})}})}},n)}},{key:"renderForm",value:function(){return p.default.createElement("form",null,p.default.createElement("label",{htmlFor:this.getId("disclosureHeightSquish")},"Pop Content Height"),p.default.createElement("select",{id:this.getId("disclosureHeightSquish"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},w(_)),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("label",{htmlFor:this.getId("disclosureWidthSquish")},"Pop Content Width"),p.default.createElement("select",{id:this.getId("disclosureWidthSquish"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},w(M)),p.default.createElement("br",null),p.default.createElement("br",null))}},{key:"render",value:function(){return p.default.createElement(v.default,{header:p.default.createElement(f.default,{text:"SlidePanelManager Child Component"})},p.default.createElement("div",{className:k("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),p.default.createElement("br",null),p.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),p.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.")),p.default.createElement("div",{className:k("content-wrapper")},this.renderForm(),this.renderFormButton()))}}])}(p.default.Component);N.contextType=b.DisclosureManagerContext;t.A=function(){var e=(0,p.useState)(0),t=(0,r.default)(e,2),n=t[0],a=t[1];return p.default.createElement("div",{className:k("example-wrapper")},p.default.createElement(y.default,{level:0===n?void 0:n},p.default.createElement(N,null),p.default.createElement("br",null),p.default.createElement("div",{id:"headingLevel",className:k("form-select")},"Select panel heading level:"),p.default.createElement(x.default,{ariaLabel:"Panel heading level",className:k("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:n})))}},89986: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"}},92420:function(e,t,n){n.r(t),t.default={arrange:"Arrange-module__arrange___hY0Ml",fill:"Arrange-module__fill___m88eq",fit:"Arrange-module__fit___tv8j-",center:"Arrange-module__center___9qfhG",bottom:"Arrange-module__bottom___8beod",stretch:"Arrange-module__stretch___eQF-k",default:"Arrange-module__default___z+O29"}},5175:function(e,t,n){n.r(t),t.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"}},39496:function(e,t,n){function a(e){return a="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},a(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var l=c(n(96540)),r=c(n(5556)),s=c(n(67967)),i=c(n(92420)),o=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function c(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var f=s.default.bind(i.default),g={fitStart:r.default.element,fill:r.default.element.isRequired,fitEnd:r.default.element,align:r.default.oneOf(["center","bottom","stretch"]),alignFitStart:r.default.oneOf(["center","bottom","stretch"]),alignFitEnd:r.default.oneOf(["center","bottom","stretch"]),alignFill:r.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:r.default.object,fillAttributes:r.default.object,fitEndAttributes:r.default.object},v=function(e){var t=e.fitStart,n=e.fill,a=e.fitEnd,r=e.align,s=e.alignFitStart,i=e.alignFill,c=e.alignFitEnd,u=e.fitStartAttributes,m=e.fillAttributes,g=e.fitEndAttributes,v=h(e,o),b=p({},u),x=p({},m),y=p({},g);return l.default.createElement("span",d({},v,{className:f("arrange",v.className)}),l.default.createElement("span",d({},b,{className:f("fit",r||s,b.className,"fit-block")}),t),l.default.createElement("span",d({},x,{className:f("fill",r||i,x.className,"fill-block")}),n),l.default.createElement("span",d({},y,{className:f("fit",r||c,y.className)}),a))};v.propTypes=g;t.default=v}}]); \ No newline at end of file diff --git a/17845-27211c70a00db00bc430.css b/17845-27211c70a00db00bc430.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/17845-27211c70a00db00bc430.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/17845-27211c70a00db00bc430.js b/17845-27211c70a00db00bc430.js new file mode 100644 index 0000000000..756b12dbe1 --- /dev/null +++ b/17845-27211c70a00db00bc430.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[17845],{55713:function(e,n,a){var r=a(24994);n.A=void 0;var t=r(a(96540)),o=r(a(5556)),s=r(a(67967)),i=r(a(25642)),p=s.default.bind(i.default),l={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},d=function(e){var n=e.src,a=e.name,r=e.url,o=e.version,s=t.default.createElement("a",{className:p("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},t.default.createElement("span",{className:p("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:p("badge-version")},"v".concat(o))),i=n?t.default.createElement("a",{className:p("badge"),href:n},t.default.createElement("span",{className:p("badge-name")},"github"),t.default.createElement("span",{className:p("badge-version")},"source")):void 0;return t.default.createElement("div",{className:p("badge-container")},s,i)};d.propTypes=l;n.A=d},17845:function(e,n,a){a.r(n),a.d(n,{default:function(){return d}});var r=a(58168),t=a(53986),o=(a(96540),a(36665)),s=a(21547),i=["components"],p={},l="wrapper";function d(e){var n=e.components,a=(0,t.A)(e,i);return(0,o.mdx)(l,(0,r.A)({},p,a,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)(s.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"upgrade-guide---v2-to-v3"},"Upgrade Guide - v2 to v3"),(0,o.mdx)("p",null,"Versions 2.x of the DisclosureManager utilize prop injection to provide child components with functions used to change the DisclosureManager state. With versions 3.x, the DisclosureManager uses React's Context API instead of prop injection to provide those functions. Components that interact with a DisclosureManager (or one of Terra's provided implementations, ModalManager or SlidePanelManager) must be updated to continue getting access to the DisclosureManager APIs."),(0,o.mdx)("p",null,"Components today that receive an ",(0,o.mdx)("inlineCode",{parentName:"p"},"app")," prop from a DisclosureManager will need to use the ",(0,o.mdx)("inlineCode",{parentName:"p"},"withDisclosureManager()")," higher order component generator to interface with the DisclosureManager's context. Instead of a prop named ",(0,o.mdx)("inlineCode",{parentName:"p"},"app"),", components wrapped with ",(0,o.mdx)("inlineCode",{parentName:"p"},"withDisclosureManager()")," will receive a prop named ",(0,o.mdx)("inlineCode",{parentName:"p"},"disclosureManager"),". "),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"disclosureManager")," prop is equivalent to the previous ",(0,o.mdx)("inlineCode",{parentName:"p"},"app")," prop; it has just been renamed to better unify the consumer-facing API conventions with the DisclosureManager itself. As a result of this renaming, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-app-delegate")," package has been deprecated and is no longer used. The ",(0,o.mdx)("inlineCode",{parentName:"p"},"disclosureManagerShape")," object can be imported from the ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-disclosure-manager")," package instead for use in other propType declarations."),(0,o.mdx)("p",null,"With prop injection, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"app")," prop was only provided to immediate children of the DisclosureManager. However, by using context, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"disclosureManager")," value will be exposed to any children of the DisclosureManager that are wrapped with ",(0,o.mdx)("inlineCode",{parentName:"p"},"withDisclosureManager()"),". Components that are currently passing an ",(0,o.mdx)("inlineCode",{parentName:"p"},"app")," prop around to their own child components should be able to remove that logic and have those subsequent children interface with the context directly. Components that do not directly interact with the DisclosureManager should be able to safely ignore its existance."),(0,o.mdx)("p",null,"The below examples show contrasting v2.x and v3.x implementations of components that interact with a DisclosureManager (in this case, a ModalManager)."),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-diff"},"/**\n * v2.x to v3.x\n */\n import Base from 'terra-base';\n import ModalManager from 'terra-modal-manager'; \n- import AppDelegate from 'terra-app-delegate';\n+ import { withDisclosureManager, disclosureManagerShape } from 'terra-disclosure-manager';\n\n- const MyDisclosureComponent = ({ app }) => (\n+ const MyDisclosureComponent = withDisclosureManager(({ disclosureManager }) => (\n { \n- app.closeDisclosure();\n+ disclosureManager.closeDisclosure();\n }}\n />\n- );\n+ ));\n\n MyDisclosureComponent.propType = {\n- app: AppDelegate.propType,\n+ disclosureManager: disclosureManagerShape,\n };\n\n- const MyComponent = ({ app }) => (\n+ const MyComponent = withDisclosureManager(({ disclosureManager }) => (\n { \n- app.disclose({\n+ disclosureManager.disclose({\n preferredType: 'modal',\n content: {\n key: 'MY-MODAL-DISCLOSURE',\n component: ,\n }\n });\n }}\n />\n- );\n+ ));\n \n MyComponent.propType = {\n- app: AppDelegate.propType,\n+ disclosureManager: disclosureManagerShape,\n };\n\n const MyApp = () => (\n \n \n \n \n \n );\n")))}d.isMDXComponent=!0},21547:function(e,n,a){a.d(n,{E:function(){return o}});var r=a(96540),t=a(55713),o=function(e){var n=e.url;return r.createElement(t.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-disclosure-manager",name:"terra-disclosure-manager",version:"4.44.0",url:n})}},25642: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"}},58168:function(e,n,a){function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;a[r]=e[r]}return a}(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,{A:function(){return r}})}}]); \ No newline at end of file diff --git a/18311-2c2c20950526732951b5.js b/18311-2c2c20950526732951b5.js new file mode 100644 index 0000000000..b776e8340f --- /dev/null +++ b/18311-2c2c20950526732951b5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[18311],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(5556)),r=a(n(67967)),u=a(n(25642)),c=r.default.bind(u.default),i={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,r=l.default.createElement("a",{className:c("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},l.default.createElement("span",{className:c("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:c("badge-version")},"v".concat(o))),u=t?l.default.createElement("a",{className:c("badge"),href:t},l.default.createElement("span",{className:c("badge-name")},"github"),l.default.createElement("span",{className:c("badge-version")},"source")):void 0;return l.default.createElement("div",{className:c("badge-container")},r,u)};s.propTypes=i;t.A=s},201:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var o=a(n(85715)),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=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var u=o?Object.getOwnPropertyDescriptor(e,r):null;u&&(u.get||u.set)?Object.defineProperty(a,r,u):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(96540)),u=a(n(5556)),c=a(n(67967)),i=n(92912),s=a(n(49558)),d=a(n(53665)),m=n(25966),p=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var _=c.default.bind(p.default),b={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},E=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,u=e.description,c=e.isExpanded,p=(0,r.useState)(c),f=(0,o.default)(p,2),b=f[0],E=f[1],x=(0,r.useState)(!1),g=(0,o.default)(x,2),T=g[0],h=g[1],N=r.default.useContext(i.ThemeContext),w=void 0!==a,A=function(){h(!T),b&&E(!b)},C=function(){E(!b),T&&h(!T)},D=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:_("template",N.className)},r.default.createElement("div",{className:_("header")},l&&r.default.createElement("h2",{className:_("title")},l)),r.default.createElement("div",{className:_("content")},u&&r.default.createElement("div",{className:_("description")},u),t),r.default.createElement("div",{className:_("footer")},n?r.default.createElement("div",{className:_("button-container")},w&&r.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":T}),onClick:A,onKeyDown:function(e){return D(e,A)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:_("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(d.default,{className:_("chevron")})),r.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:C,onKeyDown:function(e){return D(e,C)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:_("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(d.default,{className:_("chevron")}))):null,r.default.createElement("div",null,T&&r.default.createElement("div",{className:_("css")},a),b&&r.default.createElement("div",{className:_("code")},n))))};E.propTypes=b,E.defaultProps={isExpanded:!1};t.A=E},18311:function(e,t,n){n.r(t),n.d(t,{default:function(){return g}});var a=n(58168),l=n(53986),o=n(96540),r=n(36665),u=(n(20574),n(92182)),c=["components"],i={};function s(e){var t=e.components,n=(0,l.A)(e,c);return(0,r.mdx)("wrapper",(0,a.A)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.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 ],\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 ],\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 ],\n },\n ],\n};\n\nconst AutoLayoutDefaultTable = () => (\n \n);\n\nexport default AutoLayoutDefaultTable;\n\n")))}s.isMDXComponent=!0;var d=n(201),m=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(d.A,{title:t||"Auto Layout Default Table",description:n,example:o.createElement(u.A,null),exampleSrc:o.createElement(s,null),isExpanded:a})},p=n(69763),f=["components"],_={};function b(e){var t=e.components,n=(0,l.A)(e,f);return(0,r.mdx)("wrapper",(0,a.A)({},_,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.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', width: '35%' },\n { id: 'Column-1', displayName: 'Location', width: '25%' },\n { id: 'Column-2', displayName: 'Illness Severity', width: '15%' },\n { id: 'Column-3', displayName: 'Visit', width: '25%' },\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 ],\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 ],\n },\n ],\n};\n\nconst AutoLayoutTable = () => (\n \n);\n\nexport default AutoLayoutTable;\n\n")))}b.isMDXComponent=!0;var y=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(d.A,{title:t||"Auto Layout Table",description:n,example:o.createElement(p.A,null),exampleSrc:o.createElement(b,null),isExpanded:a})},v=["components"],E={},x="wrapper";function g(e){var t=e.components,n=(0,l.A)(e,v);return(0,r.mdx)(x,(0,a.A)({},E,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"auto-layout-table"},"Auto Layout Table"),(0,r.mdx)("h3",{id:"description"},"Description"),(0,r.mdx)("p",null,"This example demonstrates a ",(0,r.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/table/about"},"Table")," component implementation leveraging the auto layout."),(0,r.mdx)(m,{title:"Auto Layout Default",mdxType:"AutoLayoutDefaultTable"}),(0,r.mdx)(y,{title:"Auto Layout with Defined Column Sizes",mdxType:"AutoLayoutTable"}))}g.isMDXComponent=!0},20574:function(e,t,n){n.d(t,{E:function(){return o}});var a=n(96540),l=n(55713),o=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.24.0",url:t})}},92182:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(83264)),r={cols:[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"}]}]};t.A=function(){return l.default.createElement(o.default,{id:"my-table-id",isAutoLayout:!0,overflowColumns:r.cols,rows:r.rows,ariaLabel:"Table"})}},69763:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(83264)),r={cols:[{id:"Column-0",displayName:"Patient",width:"35%"},{id:"Column-1",displayName:"Location",width:"25%"},{id:"Column-2",displayName:"Illness Severity",width:"15%"},{id:"Column-3",displayName:"Visit",width:"25%"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"}]}]};t.A=function(){return l.default.createElement(o.default,{id:"my-table-id",isAutoLayout:!0,overflowColumns:r.cols,rows:r.rows,ariaLabel:"Table"})}},25642: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"}},89986: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"}},58168:function(e,t,n){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}n.d(t,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/196-f412b966cdce24909e9c.css b/196-f412b966cdce24909e9c.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/196-f412b966cdce24909e9c.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/196-f412b966cdce24909e9c.js b/196-f412b966cdce24909e9c.js new file mode 100644 index 0000000000..8970b46238 --- /dev/null +++ b/196-f412b966cdce24909e9c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[196],{55713:function(e,t,a){var n=a(24994);t.A=void 0;var r=n(a(96540)),o=n(a(5556)),i=n(a(67967)),s=n(a(25642)),d=i.default.bind(s.default),l={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},u=function(e){var t=e.src,a=e.name,n=e.url,o=e.version,i=r.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},r.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(o))),s=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},i,s)};u.propTypes=l;t.A=u},196:function(e,t,a){a.r(t),a.d(t,{default:function(){return u}});var n=a(58168),r=a(53986),o=(a(96540),a(36665)),i=a(74481),s=["components"],d={},l="wrapper";function u(e){var t=e.components,a=(0,r.A)(e,s);return(0,o.mdx)(l,(0,n.A)({},d,a,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(i.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"keyboard-shortcuts-for-terra-date-input"},"Keyboard Shortcuts for Terra Date Input"),(0,o.mdx)("p",null,"The Terra Date Input offers additional functionality with specific keyboard shortcuts to save time when interacting with date inputs."),(0,o.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,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},"Key / Sequence"),(0,o.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"T"),(0,o.mdx)("td",{parentName:"tr",align:null},"Sets the date value to the current date (Today).")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"-"),(0,o.mdx)("td",{parentName:"tr",align:null},"Decrements the date value by 1 day. If blank or not a valid date, input will set value to Yesterday.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"+"),(0,o.mdx)("td",{parentName:"tr",align:null},"Increments the date value by 1 day. If blank or not a valid date, input will set value to Tomorrow.")))),(0,o.mdx)("p",null,(0,o.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,o.mdx)("h2",{id:"release-notes-for-specific-versions"},"Release notes for specific versions"),(0,o.mdx)("h3",{id:"1320"},"1.32.0"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Initial release. This adds the key listeners to the day number input and the year number input, but does not add the listeners or shortcut responses to the month dropdown select input, since pressing keys with the dropdown in focus will contradict with the select's existing behavior of attempting to match the localized month name strings. This will continue to be explored with how to best add the keyboard shortcut behavior for the month dropdown potentially in a future release.")))}u.isMDXComponent=!0},74481:function(e,t,a){a.d(t,{E:function(){return o}});var n=a(96540),r=a(55713),o=function(e){var t=e.url;return n.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-input",name:"terra-date-input",version:"1.57.0",url:t})}},25642: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"}},58168:function(e,t,a){function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;a[n]=e[n]}return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}a.d(t,{A:function(){return n}})}}]); \ No newline at end of file diff --git a/20192-7c0fed54d6ebe3e3b8bd.css b/20192-7c0fed54d6ebe3e3b8bd.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/20192-7c0fed54d6ebe3e3b8bd.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/20192-7c0fed54d6ebe3e3b8bd.js b/20192-7c0fed54d6ebe3e3b8bd.js new file mode 100644 index 0000000000..2cd7db4de0 --- /dev/null +++ b/20192-7c0fed54d6ebe3e3b8bd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[20192],{55713:function(e,a,l){var d=l(24994);a.A=void 0;var m=d(l(96540)),n=d(l(5556)),i=d(l(67967)),r=d(l(25642)),t=i.default.bind(r.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,i=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))),r=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")},i,r)};p.propTypes=u;a.A=p},20192:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(58168),m=l(53986),n=(l(96540),l(36665)),i=l(85226),r=["components"],t={},u="wrapper";function p(e){var a=e.components,l=(0,m.A)(e,r);return(0,n.mdx)(u,(0,d.A)({},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:"4670---may-20-2024"},"4.67.0 - (May 20, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"4660---march-14-2024"},"4.66.0 - (March 14, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"4650---march-8-2024"},"4.65.0 - (March 8, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Time input displays incorrectly in firefox.")))),(0,n.mdx)("h2",{id:"4640---february-28-2024"},"4.64.0 - (February 28, 2024)"),(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 error message reading issue.")))),(0,n.mdx)("h2",{id:"4630---february-22-2024"},"4.63.0 - (February 22, 2024)"),(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 ariaDescribedBy prop to announce invalid error message."))),(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 fix for field label SR announce.")))),(0,n.mdx)("h2",{id:"4620---february-16-2024"},"4.62.0 - (February 16, 2024)"),(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"},"Added fix for field label screenreader announcement."))),(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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"up"),",",(0,n.mdx)("inlineCode",{parentName:"li"},"down")," key functionality to same as ",(0,n.mdx)("inlineCode",{parentName:"li"},"+"),",",(0,n.mdx)("inlineCode",{parentName:"li"},"-")," functionality to make uniform."),(0,n.mdx)("li",{parentName:"ul"},"Changed ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-time-input")," type ",(0,n.mdx)("inlineCode",{parentName:"li"},"number")," instead of ",(0,n.mdx)("inlineCode",{parentName:"li"},"text"),".")))),(0,n.mdx)("h2",{id:"4610---january-25-2024"},"4.61.0 - (January 25, 2024)"),(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"},"Added metadata as argument for onBlur callback."))),(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 time input to change the focused input field instead of the minute input while pressing ",(0,n.mdx)("inlineCode",{parentName:"li"},"+"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"-")," keys."),(0,n.mdx)("li",{parentName:"ul"},"Fixed minor formatting mistake."))),(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 visual focus dashed border for ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-time-input"),"."),(0,n.mdx)("li",{parentName:"ul"},"Updated screen reader response to announce hot keys suggestions.")))),(0,n.mdx)("h2",{id:"4600---january-2-2024"},"4.60.0 - (January 2, 2024)"),(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 screen response to announce when invalid time is entered.")))),(0,n.mdx)("h2",{id:"4590---december-18-2023"},"4.59.0 - (December 18, 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:"4580---october-11-2023"},"4.58.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:"4570---october-3-2023"},"4.57.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:"4560---august-31-2023"},"4.56.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:"4550---august-2-2023"},"4.55.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"},"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:"4540---july-31-2023"},"4.54.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:"4530---july-19-2023"},"4.53.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:"4520---july-4-2023"},"4.52.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:"4510---june-12-2023"},"4.51.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:"4500---june-5-2023"},"4.50.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:"4490---may-25-2023"},"4.49.0 - (May 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 selection styles not getting applied on AM/PM button.")))),(0,n.mdx)("h2",{id:"4480---march-29-2023"},"4.48.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 WDIO screenshots."))),(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added package-lock.json")))),(0,n.mdx)("h2",{id:"4470---february-14-2023"},"4.47.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:"4461---march-29-2022"},"4.46.1 - (March 29, 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 some edge case scenarios for keyboard shortcuts")))),(0,n.mdx)("h2",{id:"4460---march-15-2022"},"4.46.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:"4451---march-1-2022"},"4.45.1 - (March 1, 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"},"Supply isInvalid as well as aria-invalid to AccessibleInput")))),(0,n.mdx)("h2",{id:"4450---february-15-2022"},"4.45.0 - (February 15, 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"},"Accessibility improvements.")))),(0,n.mdx)("h2",{id:"4441---february-9-2022"},"4.44.1 - (February 9, 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"},"Added a test for time-input padding."))),(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Reduce random test failures.")))),(0,n.mdx)("h2",{id:"4440---february-2-2022"},"4.44.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"},"Added keyboard shortcuts ",(0,n.mdx)("inlineCode",{parentName:"li"},"N"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"-"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"+"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"A"),", and ",(0,n.mdx)("inlineCode",{parentName:"li"},"P")," for auto-setting time values.")))),(0,n.mdx)("h2",{id:"4431---january-4-2022"},"4.43.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"},"Updated jest snapshots")))),(0,n.mdx)("h2",{id:"4430---september-20-2021"},"4.43.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"},"Improved specificity of meridiem button group."),(0,n.mdx)("li",{parentName:"ul"},"Check NODE_ENV for the current development environment.")))),(0,n.mdx)("h2",{id:"4420---july-21-2021"},"4.42.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 Jest Snapshots")))),(0,n.mdx)("h2",{id:"4410---july-20-2021"},"4.41.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"},"Updated Jest Snapshots")))),(0,n.mdx)("h2",{id:"4400---june-8-2021"},"4.40.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:"4390---april-6-2021"},"4.39.0 - (April 6, 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"},"Correct time input test to select the seconds input instead of the minute input.")))),(0,n.mdx)("h2",{id:"4380---march-9-2021"},"4.38.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 terra-functional-testing")))),(0,n.mdx)("h2",{id:"4370---january-5-2021"},"4.37.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:"4360---december-8-2020"},"4.36.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"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"4350---november-10-2020"},"4.35.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:"4340---october-13-2020"},"4.34.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"},"Added documentation on mock for ",(0,n.mdx)("inlineCode",{parentName:"li"},"uuid"),".")))),(0,n.mdx)("h2",{id:"4330---october-6-2020"},"4.33.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"},"Upgrade ",(0,n.mdx)("inlineCode",{parentName:"li"},"form-input")," dependency to ",(0,n.mdx)("inlineCode",{parentName:"li"},"^4.4.0")," and updated jests.")))),(0,n.mdx)("h2",{id:"4320---september-16-2020"},"4.32.0 - (September 16, 2020)"),(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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"placeholder")," from the input."))),(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 format to be displayed under the time-input."))),(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 to allow only 24 hour format for ",(0,n.mdx)("inlineCode",{parentName:"li"},"es")," locale.")))),(0,n.mdx)("h2",{id:"4310---august-4-2020"},"4.31.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:"4300---july-14-2020"},"4.30.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)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,n.mdx)("h2",{id:"4290---june-9-2020"},"4.29.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)("h2",{id:"4280---may-19-2020"},"4.28.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"},"Updated CSS specificity on the input fields to ensure that conflicts didn't arise with form input.")))),(0,n.mdx)("h2",{id:"4270---april-28-2020"},"4.27.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:"4260---april-6-2020"},"4.26.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"},"Updated wdio screenshots")))),(0,n.mdx)("h2",{id:"4250---march-31-2020"},"4.25.0 - (March 31, 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 time-input resizing on modal when cached value is selected."))),(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 wdio screenshots")))),(0,n.mdx)("h2",{id:"4240---march-10-2020"},"4.24.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:"4230---march-3-2020"},"4.23.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:"4220---february-18-2020"},"4.22.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:"4210---february-4-2020"},"4.21.0 - (February 4, 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"},"Fixed background color issue of time components in incomplete ",(0,n.mdx)("inlineCode",{parentName:"li"},"time-input")," in Fusion theme.")))),(0,n.mdx)("h2",{id:"4200---january-28-2020"},"4.20.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:"4190---january-7-2020"},"4.19.0 - (January 7, 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 new WDIO screenshots"))),(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 yarn reference in docs")))),(0,n.mdx)("h2",{id:"4180---december-10-2019"},"4.18.0 - (December 10, 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 orion-fusion-theme and generated the respective reference wdio screenshots."))),(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 background color issue of time components in incomplete ",(0,n.mdx)("inlineCode",{parentName:"li"},"time-input"),".")))),(0,n.mdx)("h2",{id:"4170---november-26-2019"},"4.17.0 - (November 26, 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 eslint error regarding operator-assignment.")))),(0,n.mdx)("h2",{id:"4160---november-7-2019"},"4.16.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:"4150---october-30-2019"},"4.15.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"},"Changed 12-hour format appearance for mobile and desktop."),(0,n.mdx)("li",{parentName:"ul"},"Meridiem select on Desktop has been changed to buttons which means that the WebdriverIO reference screenshots (if any) and/or any code in the consumer application that accesses the old meridiem select functionality on the Desktop view need to be updated.")))),(0,n.mdx)("h2",{id:"4140---october-21-2019"},"4.14.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"},"Update Jest snapshots")))),(0,n.mdx)("h2",{id:"4130---october-16-2019"},"4.13.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"},"isIncomplete")," prop and stylings"),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"isInvalid")," prop and stylings"),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"isInvalidMeridiem")," prop"),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"required")," prop")))),(0,n.mdx)("h2",{id:"4120---october-3-2019"},"4.12.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:"4110---september-26-2019"},"4.11.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:"4100---september-19-2019"},"4.10.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"},"Fallback the time notation variant to ",(0,n.mdx)("inlineCode",{parentName:"li"},"24-hour")," for locales that do not use the ",(0,n.mdx)("inlineCode",{parentName:"li"},"12-hour")," notation."))),(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:"490---september-6-2019"},"4.9.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:"480---august-21-2019"},"4.8.0 - (August 21, 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"},"Replaced Object.assign syntax with Object spread syntax"))),(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 extra calls to hide the caret in inputs (some are still needed because ",(0,n.mdx)("inlineCode",{parentName:"li"},"time-input")," explicitly sets a ",(0,n.mdx)("inlineCode",{parentName:"li"},"caret-color"),")."),(0,n.mdx)("li",{parentName:"ul"},"Removed styles hiding carets on test pages when not running within WDIO")))),(0,n.mdx)("h2",{id:"470---august-14-2019"},"4.7.0 - (August 14, 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 interface with react-intl's context rather than old React Context API."),(0,n.mdx)("li",{parentName:"ul"},"Removed inline styles from dev site components."),(0,n.mdx)("li",{parentName:"ul"},"Removed Ignore Accessibility condition from wdio tests."),(0,n.mdx)("li",{parentName:"ul"},"Changed help text color to match required contrast ratio."),(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"),(0,n.mdx)("li",{parentName:"ul"},"Updated package.json test scripts"))),(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 onChange callback triggering twice for values prepended with zero.")))),(0,n.mdx)("h2",{id:"460---july-30-2019"},"4.6.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:"450---july-16-2019"},"4.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)("li",{parentName:"ul"},"Added the ability to have an input field for seconds.")))),(0,n.mdx)("h2",{id:"440---july-10-2019"},"4.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"430---july-2-2019"},"4.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"},"Changed help text color to match required contrast ratio."),(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:"420---june-19-2019"},"4.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:"410---june-12-2019"},"4.1.0 - (June 12, 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 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)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports"))),(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:"400---may-13-2019"},"4.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"},"Changed the onBlur event to get triggered only when the entire time input component loses focus."),(0,n.mdx)("li",{parentName:"ul"},"Removed the 'onInputFocus' custom prop in favor of the first-class 'onFocus' 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 upgrade guide."))),(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 'onFocus' prop.")))),(0,n.mdx)("h2",{id:"370---april-24-2019"},"3.7.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"},'Replaced string "12-hour" with TimeUtil.FORMAT_12_HOUR in terra dev-site examples'),(0,n.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"360---march-26-2019"},"3.6.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:"350---march-20-2019"},"3.5.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:"340---march-12-2019"},"3.4.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:"330---march-5-2019"},"3.3.0 - (March 5, 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"},"Updated failing wdio test selector due to aria-pressed prop changes")))),(0,n.mdx)("h2",{id:"320---february-26-2019"},"3.2.0 - (February 26, 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 en-AU translations"))),(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"},"Changed browser.execute function in wdio spec to be a string for IE and FF driver compatibility")))),(0,n.mdx)("h2",{id:"310---february-5-2019"},"3.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:"300---january-25-2019"},"3.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 variable names to match new naming standard"),(0,n.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Removed variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,n.mdx)("h2",{id:"2360---january-5-2019"},"2.36.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:"2350---january-2-2019"},"2.35.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"},"Removed use of componentWillMount from examples"),(0,n.mdx)("li",{parentName:"ul"},"Removed use of componentWillReceiveProps"),(0,n.mdx)("li",{parentName:"ul"},"Migrate package to the terra-framework repository"))),(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"},"Aria labels for meridiem display and select")))),(0,n.mdx)("h2",{id:"2341---november-20-2018"},"2.34.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:"2340---november-19-2018"},"2.34.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:"2330---november-13-2018"},"2.33.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:"2320---november-9-2018"},"2.32.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:"2310---october-24-2018"},"2.31.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:"2300---october-16-2018"},"2.30.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:"2290---october-8-2018"},"2.29.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:"2280---october-2-2018"},"2.28.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:"2270---september-25-2018"},"2.27.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:"2261---september-6-2018"},"2.26.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:"2260---september-5-2018"},"2.26.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:"2250---september-4-2018"},"2.25.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)("li",{parentName:"ul"},"Border radius to use px")))),(0,n.mdx)("h2",{id:"2240---august-29-2018"},"2.24.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:"2230---august-21-2018"},"2.23.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:"2220---august-8-2018"},"2.22.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:"2210---august-1-2018"},"2.21.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:"2200---july-25-2018"},"2.20.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:"2190---july-19-2018"},"2.19.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)("li",{parentName:"ul"},"Replace legacy Input with the new terra-form-input package"),(0,n.mdx)("li",{parentName:"ul"},"Give desktop time input the same styles as terra-form-input.")))),(0,n.mdx)("h2",{id:"2180---july-17-2018"},"2.18.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:"2170---july-10-2018"},"2.17.0 - (July 10, 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"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Prevent modification of passed in attribute props.")))),(0,n.mdx)("h2",{id:"2160---june-28-2018"},"2.16.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:"2150---june-22-2018"},"2.15.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:"2140---june-12-2018"},"2.14.0 - (June 12, 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"},"Prevent focus events from causing runtime errors"))),(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 "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:"2130---may-30-2018"},"2.13.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:"2120---may-25-2018"},"2.12.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"},"Replaced nightwatch tests with wdio")))),(0,n.mdx)("h2",{id:"2110---may-23-2018"},"2.11.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:"2100---may-16-2018"},"2.10.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:"290---may-9-2018"},"2.9.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:"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"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add missing eslint-disable-next-line no-console")))),(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"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Translations for other locales")))),(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"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,n.mdx)("li",{parentName:"ul"},"Uplifted component to use terra-button v2"))),(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 disabled prop")))),(0,n.mdx)("h2",{id:"1180---february-1-2018"},"1.18.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:"1170---january-18-2018"},"1.17.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:"1160---january-5-2018"},"1.16.0 - (January 5, 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 variant prop to all for setting of 12 hour time input."),(0,n.mdx)("li",{parentName:"ul"},"Added support for theming."),(0,n.mdx)("li",{parentName:"ul"},"Added mobile only time input."))),(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"},"Turned placeholders into i18n Translations"),(0,n.mdx)("li",{parentName:"ul"},"Updated tests to use aria-pressed instead of aria-selected for button group")))),(0,n.mdx)("h2",{id:"1150---november-28-2017"},"1.15.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"},"Removed onInputFocus prop and pass it down as a custom prop.")))),(0,n.mdx)("h2",{id:"1140---november-16-2017"},"1.14.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"},"Added onInputFocus prop.")))),(0,n.mdx)("h2",{id:"1130---october-24-2017"},"1.13.0 - (October 24, 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"},"Added onBlur prop.")))),(0,n.mdx)("h2",{id:"1120---october-6-2017"},"1.12.0 - (October 6, 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:"1110---september-26-2017"},"1.11.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:"1100---september-19-2017"},"1.10.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:"190---september-12-2017"},"1.9.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"180---september-7-2017"},"1.8.0 - (September 7, 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"},"Focus management issue between hour and time input in Firefox."),(0,n.mdx)("li",{parentName:"ul"},"Border styling"),(0,n.mdx)("li",{parentName:"ul"},"Input bidirectionality")))),(0,n.mdx)("h2",{id:"170---september-5-2017"},"1.7.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:"160---august-31-2017"},"1.6.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:"150---august-15-2017"},"1.5.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:"140---august-8-2017"},"1.4.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"},"Minor dependency version bump")))),(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"},"Minor dependency version bump")))),(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"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed onChange callback to occur for onBlur or onKeyDown")))),(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"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(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)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated package.json to use rimraf")))),(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 a=e.components,l=(0,m.A)(e,x);return(0,n.mdx)(N,(0,d.A)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(i.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},85226:function(e,a,l){l.d(a,{E:function(){return n}});var d=l(96540),m=l(55713),n=function(e){var a=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-time-input",name:"terra-time-input",version:"4.67.0",url:a})}},25642: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"}},58168:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(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,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/20711-31abef590691246af40e.css b/20711-31abef590691246af40e.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/20711-31abef590691246af40e.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/20711-31abef590691246af40e.js b/20711-31abef590691246af40e.js new file mode 100644 index 0000000000..7e0f4e2804 --- /dev/null +++ b/20711-31abef590691246af40e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[20711],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var r=a(n(96540)),i=a(n(5556)),l=a(n(67967)),o=a(n(25642)),u=l.default.bind(o.default),d={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,l=r.default.createElement("a",{className:u("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:u("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:u("badge-version")},"v".concat(i))),o=t?r.default.createElement("a",{className:u("badge"),href:t},r.default.createElement("span",{className:u("badge-name")},"github"),r.default.createElement("span",{className:u("badge-version")},"source")):void 0;return r.default.createElement("div",{className:u("badge-container")},l,o)};m.propTypes=d;t.A=m},20711:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});var a=n(58168),r=n(53986),i=(n(96540),n(36665)),l=n(85226),o=["components"],u={},d="wrapper";function m(e){var t=e.components,n=(0,r.A)(e,o);return(0,i.mdx)(d,(0,a.A)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(l.E,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"keyboard-shortcuts-for-terra-time-input"},"Keyboard Shortcuts for Terra Time Input"),(0,i.mdx)("p",null,"The Terra Time Input offers additional functionality with specific keyboard shortcuts to save time when interacting with time inputs."),(0,i.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,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},"Key / Sequence"),(0,i.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"N"),(0,i.mdx)("td",{parentName:"tr",align:null},"Sets the time value to the current time (Now).")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"-"),(0,i.mdx)("td",{parentName:"tr",align:null},"Decrements the minute value by 1 minute. If blank or not a valid time, input will set value to current time minus 1 minute.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"+"),(0,i.mdx)("td",{parentName:"tr",align:null},"Increments the minute value by 1 minute. If blank or not a valid time, input will set value to current time plus 1 minute.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"A"),(0,i.mdx)("td",{parentName:"tr",align:null},"In a 12 hour clock, sets meridiem to antemeridiem. If blank or not a valid time, input will set value to midnight. If not a 12 hour clock, will do nothing.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"P"),(0,i.mdx)("td",{parentName:"tr",align:null},"In a 12 hour clock, sets meridiem to postmeridiem. If blank or not a valid time, input will set value to noon. If not a 12 hour clock, will do nothing.")))),(0,i.mdx)("p",null,(0,i.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,i.mdx)("h2",{id:"release-notes-for-specific-versions"},"Release notes for specific versions"),(0,i.mdx)("h3",{id:"4431"},"4.43.1"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Initial keyboard shortcut release. This adds the key listeners to the hour number input, minute number input, and second number input.")))}m.isMDXComponent=!0},85226:function(e,t,n){n.d(t,{E:function(){return i}});var a=n(96540),r=n(55713),i=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-time-input",name:"terra-time-input",version:"4.67.0",url:t})}},25642: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"}},58168:function(e,t,n){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(t,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/22521-c4cf262e5515278c3fe8.css b/22521-c4cf262e5515278c3fe8.css new file mode 100644 index 0000000000..ac7428d431 --- /dev/null +++ b/22521-c4cf262e5515278c3fe8.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +[dir] .NavigationPromptExample-module__form-content-wrapper___QUryn{border:1px solid #d3d3d3;padding:10px}[dir] .NavigationPromptExample-module__example-content-wrapper___LQJst{padding:10px}.NavigationPromptExample-module__title___sRSpM{font-weight:bold}.NavigationPromptExample-module__input-text-box___iqWvw{font-size:16px;width:100%}.NavigationPromptExample-module__prompt-text-wrapper___GrB-V{font-style:italic}[dir=ltr] .NavigationPromptExample-module__prompt-text-wrapper___GrB-V{padding-left:5px}[dir=rtl] .NavigationPromptExample-module__prompt-text-wrapper___GrB-V{padding-right:5px}[dir] .NavigationPromptExample-module__input-content-wrapper___hNDwO, [dir] .NavigationPromptExample-module__content-wrapper___y-P3c{padding-bottom:10px} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/22521-c4cf262e5515278c3fe8.js b/22521-c4cf262e5515278c3fe8.js new file mode 100644 index 0000000000..74be475581 --- /dev/null +++ b/22521-c4cf262e5515278c3fe8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[22521],{201:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var r=a(n(85715)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=h(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(96540)),l=a(n(5556)),p=a(n(67967)),m=n(92912),s=a(n(49558)),d=a(n(53665)),c=n(25966),u=a(n(89986));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 g=p.default.bind(u.default),f={example:l.default.element,exampleSrc:l.default.element,exampleCssSrc:l.default.element,title:l.default.string,description:l.default.node,isExpanded:l.default.bool},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},N=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,l=e.description,p=e.isExpanded,u=(0,i.useState)(p),h=(0,r.default)(u,2),f=h[0],N=h[1],b=(0,i.useState)(!1),y=(0,r.default)(b,2),w=y[0],P=y[1],T=i.default.useContext(m.ThemeContext),C=void 0!==a,_=function(){P(!w),f&&N(!f)},k=function(){N(!f),w&&P(!w)},E=function(e,t){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),t())};return i.default.createElement("div",{className:g("template",T.className)},i.default.createElement("div",{className:g("header")},o&&i.default.createElement("h2",{className:g("title")},o)),i.default.createElement("div",{className:g("content")},l&&i.default.createElement("div",{className:g("description")},l),t),i.default.createElement("div",{className:g("footer")},n?i.default.createElement("div",{className:g("button-container")},C&&i.default.createElement("button",{type:"button",className:g("css-toggle","item",{"is-selected":w}),onClick:_,onKeyDown:function(e){return E(e,_)},onBlur:x,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(s.default,{className:g("chevron")}),i.default.createElement("span",null,"CSS"),i.default.createElement(d.default,{className:g("chevron")})),i.default.createElement("button",{type:"button",className:g("code-toggle","item",{"is-selected":f}),onClick:k,onKeyDown:function(e){return E(e,k)},onBlur:x,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(s.default,{className:g("chevron")}),i.default.createElement("span",null,"Code"),i.default.createElement(d.default,{className:g("chevron")}))):null,i.default.createElement("div",null,w&&i.default.createElement("div",{className:g("css")},a),f&&i.default.createElement("div",{className:g("code")},n))))};N.propTypes=f,N.defaultProps={isExpanded:!1};t.A=N},48911:function(e,t,n){n.r(t),n.d(t,{default:function(){return D}});var a=n(58168),o=n(53986),r=n(96540),i=n(36665),l=n(5147),p=n(12883),m=["components"],s={},d="wrapper";function c(e){var t=e.components,n=(0,o.A)(e,m);return(0,i.mdx)(d,(0,a.A)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(p.Ay,{mdxType:"PropsTable"},(0,i.mdx)(p.fI,{key:"ROW1",mdxType:"Row"},(0,i.mdx)(p.dt,{mdxType:"PropNameCell"},"description"),(0,i.mdx)(p.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"A string describing the content or concept for which the NavigationPrompt is being rendered."))),(0,i.mdx)(p.fI,{key:"ROW2",mdxType:"Row"},(0,i.mdx)(p.dt,{mdxType:"PropNameCell"},"metaData"),(0,i.mdx)(p.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,i.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"An object containing any other pertinent information related to the NavigationPrompt.")))))}c.isMDXComponent=!0;var u=["components"],h={},g="wrapper";function f(e){var t=e.components,n=(0,o.A)(e,u);return(0,i.mdx)(g,(0,a.A)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(p.Ay,{mdxType:"PropsTable"},(0,i.mdx)(p.fI,{key:"ROW1",mdxType:"Row"},(0,i.mdx)(p.dt,{mdxType:"PropNameCell"},"children"),(0,i.mdx)(p.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,i.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Components to render within the context of the NavigationPromptCheckpoint. Any NavigationPrompts rendered within\nthese child components will be registered to this NavigationPromptCheckpoint instance."))),(0,i.mdx)(p.fI,{key:"ROW2",mdxType:"Row"},(0,i.mdx)(p.dt,{mdxType:"PropNameCell"},"onPromptChange"),(0,i.mdx)(p.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,i.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"A function that will be executed when NavigationPrompts are registered to or unregistered from the NavigationPromptCheckpoint instance.\nThis can be used to track registered prompts outside of a NavigationPromptCheckpoint and handle prompt resolution directly, if necessary.\nThe function will be provided with an array of data objects representing the registered NavigationPrompts as the sole argument. An empty\nArray will be provided when no prompts are registered."),(0,i.mdx)("p",null,"Function Example:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"(arrayOfPrompts) => {\n arrayOfPrompts.forEach((prompt) => {\n console.log(prompt.description);\n console.log(prompt.metaData);\n })\n this.myLocalPromptRegistry = arrayOfPrompts;\n}\n"))))))}f.isMDXComponent=!0;var x=n(86668),v=["components"],N={};function b(e){var t=e.components,n=(0,o.A)(e,v);return(0,i.mdx)("wrapper",(0,a.A)({},N,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport NavigationPrompt, { NavigationPromptCheckpoint } from 'terra-navigation-prompt';\nimport styles from './NavigationPromptExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst exampleTitle = 'Descriptive Notification Prompt Title';\nconst exampleMessage = 'A Notification Prompt usually has an introductory warning instructing the user that there are unsaved changes or that there is a similar situation that warrants capturing the user\\'s attention and requires that they take action before continuing.\\n\\nIt is good practice to include details about the originating source (page name, side-panel title, modal header title, etc.) and location description (form name, title from the section of the page, general position, etc.) to provide the user a contextual reference as to where they have an area needing attention: e.g. where data is about to be lost, the window about to be closed, the section about to be removed. Following the initial details, it is helpful to include a detailed description educating the user about any danger or caution as to what will happen to the current items about to be lost (form data, page content, etc.) if the user chooses each of the two actions provided in the notification prompt message.';\nconst exampleRejectButtonText = 'Descriptive Reject Button Action';\nconst exampleAcceptButtonText = 'Descriptive Accept Button Action';\nconst exampleButtonOrder = 'acceptFirst';\n\n/**\n * The Input is a stateful component that renders a NavigationPrompt based upon its current input element value.\n * It provides its NavigationPrompt with a description and a metaData object containing its current value.\n */\nconst Input = ({ title, ariaLabel }) => {\n const [inputValue, setInputValue] = useState('');\n const promptMetaData = useRef({\n value: '',\n });\n\n /**\n * The Input renders a NavigationPrompt when it wants to communicate the presence of its unresolved\n * state.\n */\n return (\n
\n {inputValue && inputValue.length ? : null}\n
\n {title}\n {inputValue && inputValue.length ? (Unsaved value is present and NavigationPrompt is rendered) : null}\n
\n {\n promptMetaData.current = {\n value: event.target.value,\n };\n\n setInputValue(event.target.value);\n }}\n />\n
\n );\n};\n\nInput.propTypes = {\n title: PropTypes.string,\n ariaLabel: PropTypes.string,\n};\n\n/**\n * The Form renders two Input components to demonstrate the the registration logic of multiple concurrent NavigationPrompts.\n * The Form also renders a NavigationPromptCheckpoint around those Inputs in order to demonstrate the NavigationPromptCheckpoint's ability to\n * render a custom title/message during prompt resolution.\n *\n * Before the Form's Reset action can occur, the Form resolves the prompts below its checkpoint with a custom title and message featuring the\n * registered prompts' descriptions and metaData. If the user confirms the Reset, the Input components are unmounted and replaced with new instances\n * that have no unsaved changes (and thus render no NavigationPrompts). If the user denies the Reset, no action is taken.\n *\n * The Form's Submit action does not prompt the user before clearing the Input values, demonstrating that the onus is on the Form, not the Input, to trigger\n * the prompt resolver when necessary.\n */\nconst Form = ({ title }) => {\n const [timeStamp, setTimeStamp] = useState(Date.now());\n const inputCheckpointRef = useRef();\n\n return (\n
\n \n \n

{title}

\n

The Form renders a NavigationPromptCheckpoint around its child Input components. If NavigationPrompts are rendered by any child components, the Form will resolve those prompts before resetting the Input values.

\n

\n Last Updated:\n {' '}\n {new Date(timeStamp).toLocaleString()}\n

\n \n \n
\n {\n inputCheckpointRef.current.resolvePrompts({\n title: exampleTitle,\n startMessage: exampleMessage,\n rejectButtonText: exampleRejectButtonText,\n acceptButtonText: exampleAcceptButtonText,\n buttonOrder: exampleButtonOrder,\n }).then(() => {\n setTimeStamp(Date.now());\n }).catch(() => {\n // User prevented navigation.\n });\n }}\n >\n Reset\n \n {\n setTimeStamp(Date.now());\n }}\n >\n Submit\n \n \n \n
\n );\n};\n\nForm.propTypes = {\n title: PropTypes.string,\n};\n\n/**\n * The FormSwitcher toggles between two versions a Form to demonstrate the functionality of nested NavigationPromptCheckpoints.\n * Any NavigationPrompt registered to the Form's checkpoint will also be registered to the FormSwitcher's checkpoint.\n *\n * Before the FormSwitcher changes the Form type, the FormSwitcher resolves the prompts below its checkpoint with the default prompt title and message.\n * If the user confirms the switch, the Form component is unmounted and replace with a new version containing no unsaved changes. If the user denies the switch,\n * no action is taken.\n */\nconst FormSwitcher = () => {\n const [activeForm, setActiveForm] = useState('Form 1');\n const formCheckpointRef = useRef();\n\n function onSwitchForm(formKey) {\n formCheckpointRef.current.resolvePrompts({\n title: exampleTitle,\n startMessage: exampleMessage,\n rejectButtonText: exampleRejectButtonText,\n acceptButtonText: exampleAcceptButtonText,\n buttonOrder: exampleButtonOrder,\n }).then(() => {\n setActiveForm(formKey);\n }).catch(() => {\n // User prevented form switch.\n });\n }\n\n return (\n
\n

Form Switcher

\n

The FormSwitcher is an example component that uses the NavigationPrompt and NavigationPromptCheckpoint. If NavigationPrompts are rendered by any child components, the FormSwitcher will resolve those prompts before rendering a different Form.

\n \n Switch to Form 1\n \n \n Switch to Form 2\n \n
\n
\n \n
\n \n
\n );\n};\n\n/**\n * The NavigationPromptExample renders a NavigationPromptCheckpoint around the FormSwitcher to demonstrate the\n * functionality of the onPromptChange callback. onPromptChange receives the current set of prompts as its first argument,\n * and it executes whenever a NavigationPrompt registers or unregisters with a NavigationPromptCheckpoint.\n */\nconst NavigationPromptExample = () => {\n const [prompts, setPrompts] = useState([]);\n\n return (\n
\n Registered Prompts: \n {prompts.length ? {prompts.map(prompt => `${prompt.description} (${prompt.metaData.value})`).join(', ')} : null}\n
\n
\n {\n setPrompts(newPrompts);\n }}\n >\n \n \n
\n );\n};\n\nexport default NavigationPromptExample;\n\n")))}b.isMDXComponent=!0;var y=n(201),w=["components"],P={};function T(e){var t=e.components,n=(0,o.A)(e,w);return(0,i.mdx)("wrapper",(0,a.A)({},P,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .form-content-wrapper {\n border: 1px solid #d3d3d3;\n padding: 10px;\n }\n\n .example-content-wrapper {\n padding: 10px;\n }\n\n .title {\n font-weight: bold;\n }\n\n .input-text-box {\n font-size: 16px;\n width: 100%;\n }\n\n .prompt-text-wrapper {\n font-style: italic;\n padding-left: 5px;\n }\n\n .input-content-wrapper,\n .content-wrapper {\n padding-bottom: 10px;\n }\n}\n\n")))}T.isMDXComponent=!0;var C=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(y.A,{title:t||"Navigation Prompt Example",description:n,example:r.createElement(x.A,null),exampleCssSrc:r.createElement(T,null),exampleSrc:r.createElement(b,null),isExpanded:a})},_=["components"],k={},E="wrapper";function D(e){var t=e.components,n=(0,o.A)(e,_);return(0,i.mdx)(E,(0,a.A)({},k,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(l.E,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-navigation-prompt"},"Terra Navigation Prompt"),(0,i.mdx)("p",null,"The NavigationPrompt and NavigationPromptCheckpoint components allow for the detection and management of components with unsaved state."),(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-navigation-prompt")))),(0,i.mdx)("li",{parentName:"ul"},"Import the module",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"import NavigationPrompt, { NavigationPromptCheckpoint } from 'terra-navigation-prompt';"))))),(0,i.mdx)("p",null,"This package uses React's Context for inter-component communication. A single instance of this package must be installed to ensure that communication occurs between all Context Providers and Consumers. To help ensure a single instance is installed, this package should be defined as a peer dependency in packages that are reusable libraries or otherwise consumed by other packages."),(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.0")),(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.0")))),(0,i.mdx)("h2",{id:"rationale"},"Rationale"),(0,i.mdx)("p",null,"A React component has complete control over its own rendering logic. It can render child components and un-mount those child components as it sees fit. It follows that any individual component has no direct control over its own mounting and un-mounting; it is rendered (or not) at the discretion of its parent. A component must rely on its lifecycle events to determine how it is being implemented."),(0,i.mdx)("p",null,"However, a component's children can be stateful and responsible for important user input or interactions. If the user can navigate away from that child component, it may be necessary for that child component to notify the user that their workflow is incomplete or that some transient state has not yet been persisted. If the component has no control over its own unmounting, how can it communicate this state to the overall application before the component is already being unmounted?"),(0,i.mdx)("p",null,"The most straightforward solution is to lift the state up. If the child component's state is lifted into a parent component, it can either be more directly managed by the parent component or persisted indefinitely. ",(0,i.mdx)("strong",{parentName:"p"},"This is the strategy that should be implemented by most components.")," However, for very large applications or highly composable applications built out of many stateful components, lifting the state may not be feasible."),(0,i.mdx)("p",null,"Another solution is to expose callbacks from the stateful child components. Whenever the stateful components' state changes, these callbacks would be executed to notify the parent component of the updated state. This works well at a small scale, but this becomes hard to maintain as the component tree increases in depth. One would have to chain these callbacks many levels deep to ensure every component is kept abreast of the current state, and every component, even those without these state concerns, would have to adhere to a consistent prop interface for those callbacks."),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"NavigationPrompt")," and the ",(0,i.mdx)("inlineCode",{parentName:"p"},"NavigationPromptCheckpoint")," were created to smooth over the rough edges of the aforementioned strategies. By using this package, state can remain localized to the components that own it, and the presence of transient child state can be determined after each render without impacting every component in the tree."),(0,i.mdx)("h2",{id:"usage"},"Usage"),(0,i.mdx)("h3",{id:"navigationprompt"},(0,i.mdx)("inlineCode",{parentName:"h3"},"NavigationPrompt")),(0,i.mdx)("p",null,"When a component renders a NavigationPrompt, it tells its parent components two things: that the component is in the middle of something important, and that users may care about the component going away."),(0,i.mdx)("p",null,"The NavigationPrompt can be rendered with two props: a ",(0,i.mdx)("inlineCode",{parentName:"p"},"description")," string that gives context to the NavigationPrompt, and a ",(0,i.mdx)("inlineCode",{parentName:"p"},"metaData")," object that can be used to provide additional data that may be relevant to the NavigationPrompt."),(0,i.mdx)("p",null,"The NavigationPrompt can be rendered like any other component, but prop consistency should be maintained between renders when possible. Creating a new object for the ",(0,i.mdx)("inlineCode",{parentName:"p"},"metaData")," prop within a render function will cause the NavigationPrompt to re-register itself during every update:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"render() {\n return (\n \n );\n}\n")),(0,i.mdx)("p",null,"To prevent duplicate registrations, the ",(0,i.mdx)("inlineCode",{parentName:"p"},"metaData")," value can be stored inside a component's state or an internal property and updated only when necessary:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},"+ constructor() {\n+ this.state = {\n+ metaDataValue: {\n+ important: 'info',\n+ }\n+ }\n+ }\n\nrender() {\n return (\n \n );\n}\n")),(0,i.mdx)("h3",{id:"navigationpromptcheckpoint"},(0,i.mdx)("inlineCode",{parentName:"h3"},"NavigationPromptCheckpoint")),(0,i.mdx)("p",null,"Any component that navigates between stateful child components should render NavigationPromptCheckpoints around those children. Each NavigationPrompt rendered by a child will be registered to the NavigationPromptCheckpoints above it in the component tree. The implementer of each NavigationPromptCheckpoint can use the registered data to prompt the user before navigating or prevent navigation altogether."),(0,i.mdx)("h4",{id:"onpromptchange"},(0,i.mdx)("inlineCode",{parentName:"h4"},"onPromptChange")),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," function prop is used to communicate NavigationPrompt registrations to the implementer of a NavigationPromptCheckpoint. The function is called with an array of objects containing each registered NavigationPrompt's ",(0,i.mdx)("inlineCode",{parentName:"p"},"description")," and ",(0,i.mdx)("inlineCode",{parentName:"p"},"metaData")," properties."),(0,i.mdx)("blockquote",null,(0,i.mdx)("p",{parentName:"blockquote"},"Note: The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," prop will be called after each NavigationPrompt registration and removal. It may be called more than once with the same array of NavigationPrompt data. Calls to ",(0,i.mdx)("inlineCode",{parentName:"p"},"setState")," within onPromptChange should be performed only when necessary to minimize component updates.")),(0,i.mdx)("h4",{id:"resolveprompts"},(0,i.mdx)("inlineCode",{parentName:"h4"},"resolvePrompts")),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," function can be accessed from the ref to a NavigationPromptCheckpoint. Calling ",(0,i.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," results in a Promise being returned and a NotificationDialog being presented to the user with options to either confirm or cancel their action. If the user confirms the action, the dialog will close, and the returned Promise will be resolved. If the user cancels the action, the dialog will close, and the returned Promise will be rejected. If no NavigationPrompts are detected, no dialog is presented, and the returned Promise will be resolved."),(0,i.mdx)("p",null,(0,i.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," accepts either an Object or function argument. The Object should contain the text strings used to render the NotificationDialog. The function should return an Object containing the text strings used to render the NotificationDialog. Additionally, the function will receive an array of registered NavigationPrompts as an argument. The array of prompts can be used to create dynamic strings based on the current set of registered prompts."),(0,i.mdx)("p",null,"The keys expected in the resolvePrompts Object or return value include:"),(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},"Key"),(0,i.mdx)("th",{parentName:"tr",align:null},"Type"),(0,i.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"title")),(0,i.mdx)("td",{parentName:"tr",align:null},"String"),(0,i.mdx)("td",{parentName:"tr",align:null},"The title of the NotificationDialog.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"message")),(0,i.mdx)("td",{parentName:"tr",align:null},"String"),(0,i.mdx)("td",{parentName:"tr",align:null},"Deprecated, The message of the NotificationDialog. Resolves to 'startMessage'")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"startMessage")),(0,i.mdx)("td",{parentName:"tr",align:null},"String"),(0,i.mdx)("td",{parentName:"tr",align:null},"The starting message of the NotificationDialog.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"content")),(0,i.mdx)("td",{parentName:"tr",align:null},"Node"),(0,i.mdx)("td",{parentName:"tr",align:null},"The content of the NotificationDialog.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"endMessage")),(0,i.mdx)("td",{parentName:"tr",align:null},"String"),(0,i.mdx)("td",{parentName:"tr",align:null},"The ending message of the NotificationDialog.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"acceptButtonText")),(0,i.mdx)("td",{parentName:"tr",align:null},"String"),(0,i.mdx)("td",{parentName:"tr",align:null},"The text to render within the NotificationDialog's accept button.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"rejectButtonText")),(0,i.mdx)("td",{parentName:"tr",align:null},"String"),(0,i.mdx)("td",{parentName:"tr",align:null},"The text to render within the NotificationDialog's reject button.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"buttonOrder")),(0,i.mdx)("td",{parentName:"tr",align:null},"String"),(0,i.mdx)("td",{parentName:"tr",align:null},"A string indicating which action should be rendered first, required. Supported values include: ",(0,i.mdx)("inlineCode",{parentName:"td"},"acceptFirst"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"rejectFirst"),".")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"emphasizedAction")),(0,i.mdx)("td",{parentName:"tr",align:null},"String"),(0,i.mdx)("td",{parentName:"tr",align:null},"A string indicating which action should be rendered as emphasized. Supported values include: ",(0,i.mdx)("inlineCode",{parentName:"td"},"accept"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"reject"),", and ",(0,i.mdx)("inlineCode",{parentName:"td"},"none"),". Defaults to ",(0,i.mdx)("inlineCode",{parentName:"td"},"none"),".")))),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"const ResolvePromptExample = () => {\n const [contentKey, setContentKey] = useState(false);\n const checkpointRef = useRef();\n\n /**\n * This resolvePrompts implementation provides an Object directly.\n */\n const resetWithStaticText = () => {\n checkpointRef.current.resolvePrompts({\n title: 'Pending Changes',\n startMessage: 'Data will be lost if this action is taken',\n rejectButtonText: `Return`,\n acceptButtonText: 'Continue without Saving',\n buttonOrder: 'acceptFirst',\n }).then(() => {\n // User decided to continue\n setContentKey({ contentKey: !state.contentKey });\n }).catch(() => {\n // User decided to cancel, so the state is not updated.\n });\n };\n\n /**\n * This resolvePrompts implementation provides a function that builds dynamic strings and return\n * an Object.\n */\n const resetWithDynamicText = () => {\n checkpointRef.current.resolvePrompts(prompts => ({\n title: prompts.map(prompt => prompt.description).join(', '),\n startMessage: `Data will be lost in the following sections: ${prompts.map(prompt => prompt.description).join(', ')}`,\n rejectButtonText: `Return`,\n acceptButtonText: 'Continue without Saving',\n })).then(() => {\n // User decided to continue\n setContentKey({ contentKey: !state.contentKey });\n }).catch(() => {\n // User decided to cancel, so the state is not updated.\n });\n }\n\n return (\n
\n \n \n \n \n \n
\n )\n}\n")),(0,i.mdx)("h2",{id:"extending-the-navigationprompt"},"Extending the NavigationPrompt"),(0,i.mdx)("p",null,"The various APIs provided and consumed by the NavigationPrompt and NavigationPromptCheckpoint are purposefully broad and nonrestrictive. If more defined or restricted APIs are desirable for a application platform, these components can and should be wrapped by components that provide the necessary interfaces."),(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)("h2",{id:"examples"},"Examples"),(0,i.mdx)(C,{mdxType:"NavigationPromptExample"}),(0,i.mdx)("h2",{id:"navigation-prompt-props-table"},"Navigation Prompt Props Table"),(0,i.mdx)(c,{mdxType:"NavigationPromptPropsTable"}),(0,i.mdx)("h2",{id:"navigation-prompt-checkpoint-props-table"},"Navigation Prompt Checkpoint Props Table"),(0,i.mdx)(f,{mdxType:"NavigationPromptCheckpointPropsTable"}),(0,i.mdx)("h2",{id:"testing"},"Testing"),(0,i.mdx)("p",null,"Navigation Prompt uses ",(0,i.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,i.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,i.mdx)("p",null,"If Enzyme ",(0,i.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering is being used for the tests then the mock may not be required. However, if ",(0,i.mdx)("inlineCode",{parentName:"p"},"mount")," is used then ",(0,i.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown below:"),(0,i.mdx)("pre",null,(0,i.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")))}D.isMDXComponent=!0},5147:function(e,t,n){n.d(t,{E:function(){return r}});var a=n(96540),o=n(55713),r=function(e){var t=e.url;return a.createElement(o.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-prompt",name:"terra-navigation-prompt",version:"1.94.0",url:t})}},86668:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var r=a(n(85715)),i=c(n(96540)),l=a(n(5556)),p=a(n(67967)),m=c(n(95447)),s=a(n(20333));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 c(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}var u=p.default.bind(s.default),h="Descriptive Notification Prompt Title",g="A Notification Prompt usually has an introductory warning instructing the user that there are unsaved changes or that there is a similar situation that warrants capturing the user's attention and requires that they take action before continuing.\n\nIt is good practice to include details about the originating source (page name, side-panel title, modal header title, etc.) and location description (form name, title from the section of the page, general position, etc.) to provide the user a contextual reference as to where they have an area needing attention: e.g. where data is about to be lost, the window about to be closed, the section about to be removed. Following the initial details, it is helpful to include a detailed description educating the user about any danger or caution as to what will happen to the current items about to be lost (form data, page content, etc.) if the user chooses each of the two actions provided in the notification prompt message.",f="Descriptive Reject Button Action",x="Descriptive Accept Button Action",v="acceptFirst",N=function(e){var t=e.title,n=e.ariaLabel,a=(0,i.useState)(""),o=(0,r.default)(a,2),l=o[0],p=o[1],s=(0,i.useRef)({value:""});return i.default.createElement("div",{className:u("input-content-wrapper")},l&&l.length?i.default.createElement(m.default,{description:t,metaData:s.current}):null,i.default.createElement("div",{className:u("content-wrapper")},i.default.createElement("span",{className:u("title")},t),l&&l.length?i.default.createElement("span",{className:u("prompt-text-wrapper")},"(Unsaved value is present and NavigationPrompt is rendered)"):null),i.default.createElement("input",{type:"text",className:u("input-text-box"),"aria-label":n,onChange:function(e){s.current={value:e.target.value},p(e.target.value)}}))};N.propTypes={title:l.default.string,ariaLabel:l.default.string};var b=function(e){var t=e.title,n=(0,i.useState)(Date.now()),a=(0,r.default)(n,2),o=a[0],l=a[1],p=(0,i.useRef)();return i.default.createElement("div",{className:u("form-content-wrapper")},i.default.createElement(m.NavigationPromptCheckpoint,{ref:p},i.default.createElement(i.default.Fragment,{key:o},i.default.createElement("h3",null,t),i.default.createElement("p",null,"The Form renders a NavigationPromptCheckpoint around its child Input components. If NavigationPrompts are rendered by any child components, the Form will resolve those prompts before resetting the Input values."),i.default.createElement("p",null,"Last Updated:"," ",new Date(o).toLocaleString()),i.default.createElement(N,{title:"Text Input A",ariaLabel:"Text Input A"}),i.default.createElement(N,{title:"Text Input B",ariaLabel:"Text Input B"}),i.default.createElement("br",null),i.default.createElement("button",{type:"button",onClick:function(){p.current.resolvePrompts({title:h,startMessage:g,rejectButtonText:f,acceptButtonText:x,buttonOrder:v}).then((function(){l(Date.now())})).catch((function(){}))}},"Reset"),i.default.createElement("button",{type:"button",onClick:function(){l(Date.now())}},"Submit"))))};b.propTypes={title:l.default.string};var y=function(){var e=(0,i.useState)("Form 1"),t=(0,r.default)(e,2),n=t[0],a=t[1],o=(0,i.useRef)();function l(e){o.current.resolvePrompts({title:h,startMessage:g,rejectButtonText:f,acceptButtonText:x,buttonOrder:v}).then((function(){a(e)})).catch((function(){}))}return i.default.createElement("div",null,i.default.createElement("h2",null,"Form Switcher"),i.default.createElement("p",null,"The FormSwitcher is an example component that uses the NavigationPrompt and NavigationPromptCheckpoint. If NavigationPrompts are rendered by any child components, the FormSwitcher will resolve those prompts before rendering a different Form."),i.default.createElement("button",{type:"button",disabled:"Form 1"===n,onClick:l.bind(null,"Form 1")},"Switch to Form 1"),i.default.createElement("button",{type:"button",disabled:"Form 2"===n,onClick:l.bind(null,"Form 2")},"Switch to Form 2"),i.default.createElement("br",null),i.default.createElement("br",null),i.default.createElement(m.NavigationPromptCheckpoint,{ref:o},i.default.createElement(b,{title:n,key:n})))};t.A=function(){var e=(0,i.useState)([]),t=(0,r.default)(e,2),n=t[0],a=t[1];return i.default.createElement("div",{className:u("example-content-wrapper")},i.default.createElement("span",{className:u("title")},"Registered Prompts: "),n.length?i.default.createElement("span",null,n.map((function(e){return"".concat(e.description," (").concat(e.metaData.value,")")})).join(", ")):null,i.default.createElement("br",null),i.default.createElement("hr",null),i.default.createElement(m.NavigationPromptCheckpoint,{onPromptChange:function(e){a(e)}},i.default.createElement(y,null)))}},89986: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"}},20333:function(e,t,n){n.r(t),t.default={"form-content-wrapper":"NavigationPromptExample-module__form-content-wrapper___QUryn","example-content-wrapper":"NavigationPromptExample-module__example-content-wrapper___LQJst",title:"NavigationPromptExample-module__title___sRSpM","input-text-box":"NavigationPromptExample-module__input-text-box___iqWvw","prompt-text-wrapper":"NavigationPromptExample-module__prompt-text-wrapper___GrB-V","input-content-wrapper":"NavigationPromptExample-module__input-content-wrapper___hNDwO","content-wrapper":"NavigationPromptExample-module__content-wrapper___y-P3c"}},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(96540)),o=r(n(25365));function r(e){return e&&e.__esModule?e:{default:e}}var i=function(e){var t=Object.assign({},e);return a.default.createElement(o.default,t,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};i.displayName="IconChevronLeft",i.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=i}}]); \ No newline at end of file diff --git a/23528-2b478b4b70ea303a296d.css b/23528-2b478b4b70ea303a296d.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/23528-2b478b4b70ea303a296d.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/23528-2b478b4b70ea303a296d.js b/23528-2b478b4b70ea303a296d.js new file mode 100644 index 0000000000..516fc58c1e --- /dev/null +++ b/23528-2b478b4b70ea303a296d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[23528],{55713:function(e,a,l){var n=l(24994);a.A=void 0;var d=n(l(96540)),r=n(l(5556)),m=n(l(67967)),t=n(l(25642)),i=m.default.bind(t.default),u={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},p=function(e){var a=e.src,l=e.name,n=e.url,r=e.version,m=d.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(l,"/v/").concat(r)},d.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(r))),t=a?d.default.createElement("a",{className:i("badge"),href:a},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},m,t)};p.propTypes=u;a.A=p},1147:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var n=l(58168),d=l(53986),r=(l(96540),l(36665)),m=l(80607),t=["components"],i={},u="wrapper";function p(e){var a=e.components,l=(0,d.A)(e,t);return(0,r.mdx)(u,(0,n.A)({},i,l,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"changelog"},"Changelog"),(0,r.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,r.mdx)("h2",{id:"150---may-20-2024"},"1.5.0 - (May 20, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"140---may-8-2024"},"1.4.0 - (May 8, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated the radio button hover style to be distinct from row hover."),(0,r.mdx)("li",{parentName:"ul"},"Fixed axe issue for wrong aria-control value.")))),(0,r.mdx)("h2",{id:"130---april-23-2024"},"1.3.0 - (April 23, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"120---april-18-2024"},"1.2.0 - (April 18, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Enlarged radio button click target for selectable folder tree items.")))),(0,r.mdx)("h2",{id:"110---april-10-2024"},"1.1.0 - (April 10, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Fixed an issue where folder tree items could not receive focus after data was updated.")))),(0,r.mdx)("h2",{id:"100---march-29-2024"},"1.0.0 - (March 29, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Fixed screenreader reading the wrong indexes for subfolder items.")))),(0,r.mdx)("h2",{id:"100-alpha10---march-14-2024"},"1.0.0-alpha.10 - (March 14, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"100-alpha9---february-28-2024"},"1.0.0-alpha.9 - (February 28, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Renamed ",(0,r.mdx)("inlineCode",{parentName:"li"},"onClick")," prop to ",(0,r.mdx)("inlineCode",{parentName:"li"},"onSelect"),"."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Added"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"isSelectable")," prop to FolderTreeItem.")))),(0,r.mdx)("h2",{id:"100-alpha8---february-16-2024"},"1.0.0-alpha.8 - (February 16, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added translations.")))),(0,r.mdx)("h2",{id:"100-alpha7---february-7-2024"},"1.0.0-alpha.7 - (February 7, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added screenreader announcement when all items are expanded or collapsed.")))),(0,r.mdx)("h2",{id:"100-alpha6---january-12-2024"},"1.0.0-alpha.6 - (January 12, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update prop descriptions.")))),(0,r.mdx)("h2",{id:"100-alpha5---january-10-2024"},"1.0.0-alpha.5 - (January 10, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Only the last focused item has a tab index of 0.")))),(0,r.mdx)("h2",{id:"100-alpha4---december-18-2023"},"1.0.0-alpha.4 - (December 18, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added the ability to expand all/collapse all folders."),(0,r.mdx)("li",{parentName:"ul"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"onExpandAll")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"onCollapseAll")," props."),(0,r.mdx)("li",{parentName:"ul"},"Added keyboard navigation."),(0,r.mdx)("li",{parentName:"ul"},"Added new focus style indicators.")))),(0,r.mdx)("h2",{id:"100-alpha3---december-11-2023"},"1.0.0-alpha.3 - (December 11, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated cursor style to pointer for clickable regions.")))),(0,r.mdx)("h2",{id:"100-alpha2---december-5-2023"},"1.0.0-alpha.2 - (December 5, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added the ability to expand and collapse folders.")))),(0,r.mdx)("h2",{id:"100-alpha1---november-22-2023"},"1.0.0-alpha.1 - (November 22, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Created base ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-folder-tree")," component.")))),(0,r.mdx)("h2",{id:"011-alpha0---october-25-2023"},"0.1.1-alpha.0 - (October 25, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))))}p.isMDXComponent=!0;var o=["components"],x={},c="wrapper";function s(e){var a=e.components,l=(0,d.A)(e,o);return(0,r.mdx)(c,(0,n.A)({},x,l,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(m.E,{mdxType:"Badge"}),(0,r.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},80607:function(e,a,l){l.d(a,{E:function(){return r}});var n=l(96540),d=l(55713),r=function(e){var a=e.url;return n.createElement(d.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-folder-tree",name:"terra-folder-tree",version:"1.5.0",url:a})}},25642: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"}},58168:function(e,a,l){function n(){return n=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[n]=e[n]}return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}l.d(a,{A:function(){return n}})}}]); \ No newline at end of file diff --git a/23683-93c551c2e152c7e0c766.js b/23683-93c551c2e152c7e0c766.js new file mode 100644 index 0000000000..21e09cf838 --- /dev/null +++ b/23683-93c551c2e152c7e0c766.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[23683],{23683:function(e,t,n){n.r(t),n.d(t,{default:function(){return k}});var l=n(58168),r=n(53986),a=(n(96540),n(36665)),i=n(74647),o=n(36060),c=n(12883),d=["components"],p={},m="wrapper";function s(e){var t=e.components,n=(0,r.A)(e,d);return(0,a.mdx)(m,(0,l.A)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(c.Ay,{mdxType:"PropsTable"},(0,a.mdx)(c.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(c.dt,{mdxType:"PropNameCell"},"items"),(0,a.mdx)(c.$d,{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.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(c.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(c.Hd,{mdxType:"DescriptionCell"}))))}s.isMDXComponent=!0;var u=n(43527),h=n(584),x=["components"],f={},v="wrapper";function k(e){var t=e.components,n=(0,r.A)(e,x);return(0,a.mdx)(v,(0,l.A)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.E,{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.A,{mdxType:"DefaultFilePath"}),(0,a.mdx)(h.A,{mdxType:"OnClickFilePath"}),(0,a.mdx)("h2",{id:"filepath-props-table"},"FilePath props table"),(0,a.mdx)(s,{mdxType:"FilePathPropsTable"}))}k.isMDXComponent=!0},43527:function(e,t,n){n.d(t,{A:function(){return s}});var l=n(96540),r=n(93865),a=n(58168),i=n(53986),o=n(36665),c=["components"],d={};function p(e){var t=e.components,n=(0,i.A)(e,c);return(0,o.mdx)("wrapper",(0,a.A)({},d,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")))}p.isMDXComponent=!0;var m=n(201),s=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(m.A,{title:t||"Default File Path",description:n,example:l.createElement(r.A,null),exampleSrc:l.createElement(p,null),isExpanded:a})}},584:function(e,t,n){n.d(t,{A:function(){return s}});var l=n(96540),r=n(42671),a=n(58168),i=n(53986),o=n(36665),c=["components"],d={};function p(e){var t=e.components,n=(0,i.A)(e,c);return(0,o.mdx)("wrapper",(0,a.A)({},d,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")))}p.isMDXComponent=!0;var m=n(201),s=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(m.A,{title:t||"On Click File Path",description:n,example:l.createElement(r.A,null),exampleSrc:l.createElement(p,null),isExpanded:a})}},36060:function(e,t,n){n.d(t,{E:function(){return a}});var l=n(96540),r=n(55713),a=function(e){var t=e.url;return l.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-file-path",name:"terra-file-path",version:"1.21.0",url:t})}},6929:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(96540)),a=l(n(5556)),i=n(8604),o=l(n(26714)),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},d=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("nav",{"aria-label":"".concat(n.formatMessage({id:"Terra.file-path.ariaLabel"}),", ").concat(n.formatMessage({id:"Terra.file-path.ariaLabel-current-location"})," ").concat(a.text)},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})))};d.propTypes=c;t.default=(0,i.injectIntl)(d)},93865:function(e,t,n){var l=n(24994);t.A=void 0;var r=l(n(96540)),a=l(n(6929)),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.A=function(){return r.default.createElement(a.default,{items:i})}},42671:function(e,t,n){var l=n(24994),r=n(73738);t.A=void 0;var a=l(n(85715)),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&&{}.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(96540)),o=l(n(6929));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.A=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/24604-e6986ae113bc231a2d33.css b/24604-e6986ae113bc231a2d33.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/24604-e6986ae113bc231a2d33.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/24604-e6986ae113bc231a2d33.js b/24604-e6986ae113bc231a2d33.js new file mode 100644 index 0000000000..99b69921e9 --- /dev/null +++ b/24604-e6986ae113bc231a2d33.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[24604],{55713:function(e,a,l){var d=l(24994);a.A=void 0;var m=d(l(96540)),n=d(l(5556)),t=d(l(67967)),r=d(l(25642)),u=t.default.bind(r.default),i={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,t=m.default.createElement("a",{className:u("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:u("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:u("badge-version")},"v".concat(n))),r=a?m.default.createElement("a",{className:u("badge"),href:a},m.default.createElement("span",{className:u("badge-name")},"github"),m.default.createElement("span",{className:u("badge-version")},"source")):void 0;return m.default.createElement("div",{className:u("badge-container")},t,r)};p.propTypes=i;a.A=p},24604:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(58168),m=l(53986),n=(l(96540),l(36665)),t=l(73),r=["components"],u={},i="wrapper";function p(e){var a=e.components,l=(0,m.A)(e,r);return(0,n.mdx)(i,(0,d.A)({},u,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"3420---may-20-2024"},"3.42.0 - (May 20, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{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---march-29-2024"},"3.41.0 - (March 29, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'"Skip to content" button\'s logic that adds and removes ',(0,n.mdx)("inlineCode",{parentName:"li"},"tabindex")," attribute for the main element was removed to fix unexpected focus behavior for users using screen readers.")))),(0,n.mdx)("h2",{id:"3400---december-18-2023"},"3.40.0 - (December 18, 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:"3390---july-31-2023"},"3.39.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:"3380---february-14-2023"},"3.38.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:"3370---december-6-2022"},"3.37.0 - (December 6, 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"},'Moved "Skip to Content" button to render first at smallest breakpoint.')))),(0,n.mdx)("h2",{id:"3361---march-15-2022"},"3.36.1 - (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:"3360---september-20-2021"},"3.36.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)("h2",{id:"3350---june-8-2021"},"3.35.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:"3340---april-6-2021"},"3.34.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:"3330---march-9-2021"},"3.33.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 terra-functional-testing")))),(0,n.mdx)("h2",{id:"3320---january-5-2021"},"3.32.0 - (January 5, 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 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"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"3310---november-24-2020"},"3.31.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:"3300---august-4-2020"},"3.30.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:"3290---july-14-2020"},"3.29.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"},"updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,n.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,n.mdx)("h2",{id:"3280---may-26-2020"},"3.28.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"},"Apply themes by context and directly include packaged themes.")))),(0,n.mdx)("h2",{id:"3270---april-28-2020"},"3.27.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:"3260---march-31-2020"},"3.26.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:"3250---february-18-2020"},"3.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 clinical-lowlight-theme theming files")))),(0,n.mdx)("h2",{id:"3240---february-4-2020"},"3.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 docs to use MDX syntax.")))),(0,n.mdx)("h2",{id:"3230---january-28-2020"},"3.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:"3220---december-10-2019"},"3.22.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:"3210---november-7-2019"},"3.21.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:"3200---october-16-2019"},"3.20.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:"3190---october-3-2019"},"3.19.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:"3180---september-26-2019"},"3.18.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:"3170---september-19-2019"},"3.17.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:"3160---september-6-2019"},"3.16.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:"3150---august-14-2019"},"3.15.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:"3140---july-30-2019"},"3.14.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:"3130---july-16-2019"},"3.13.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 for 'Skip to Content' button."),(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"3120---july-10-2019"},"3.12.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:"3110---july-2-2019"},"3.11.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:"3100---june-19-2019"},"3.10.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"},"Updated to use terra-responsive-element v5"),(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:"390---june-12-2019"},"3.9.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"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ARIA landmark roles"))),(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 spec to use Terra.describeViewports")))),(0,n.mdx)("h2",{id:"380---may-21-2019"},"3.8.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"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.should.validateElement()"))))),(0,n.mdx)("h2",{id:"370---may-15-2019"},"3.7.0 - (May 15, 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 tabindex on main element to prevent keyboard page scroll bug")))),(0,n.mdx)("h2",{id:"360---april-24-2019"},"3.6.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:"350---april-16-2019"},"3.5.0 - (April 16, 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 alignment of the header content.")))),(0,n.mdx)("h2",{id:"340---march-26-2019"},"3.4.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:"330---march-20-2019"},"3.3.0 - (March 20, 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 Jest tests to use terra-enzyme-intl"))),(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 styling of the header content in IE11.")))),(0,n.mdx)("h2",{id:"320---february-26-2019"},"3.2.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:"310---february-5-2019"},"3.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:"300---january-25-2019"},"3.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 variable names to match new naming standard"),(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:"2240---january-5-2019"},"2.24.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:"2230---january-2-2019"},"2.23.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:"2220---december-5-2018"},"2.22.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:"2210---december-3-2018"},"2.21.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:"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 bump")))),(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"},"Import ",(0,n.mdx)("inlineCode",{parentName:"li"},"injectIntl")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"intlShape")," from react-intl instead of terra-base")))),(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"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added skip to content button")))),(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-14-2018"},"2.13.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:"2120---july-26-2018"},"2.12.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:"2110---july-25-2018"},"2.11.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:"2100---july-10-2018"},"2.10.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"},"Clean up dependencies")))),(0,n.mdx)("h2",{id:"290---july-6-2018"},"2.9.0 - (July 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:"280---july-3-2018"},"2.8.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:"270---june-12-2018"},"2.7.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:"260---june-12-2018"},"2.6.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:"250---may-30-2018"},"2.5.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:"240---may-22-2018"},"2.4.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:"230---april-30-2018"},"2.3.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:"220---march-23-2018"},"2.2.0 - (March 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"},"Updated screenshots"))),(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"},"Css for the application header layout logo's min width")))),(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"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Css rule to hide overflow in the case of large content."),(0,n.mdx)("li",{parentName:"ul"},"Added npmrc file with package-lock set to false.")))),(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:"120---february-15-2018"},"1.2.0 - (February 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 updates")))),(0,n.mdx)("h2",{id:"110---january-23-2018"},"1.1.0 - (January 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:"100---january-8-2018"},"1.0.0 - (January 8, 2018)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.A)(e,x);return(0,n.mdx)(N,(0,d.A)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},73:function(e,a,l){l.d(a,{E:function(){return n}});var d=l(96540),m=l(55713),n=function(e){var a=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-header-layout",name:"terra-application-header-layout",version:"3.42.0",url:a})}},25642: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"}},58168:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(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,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/24951-90c8a5096235f7bff4de.css b/24951-90c8a5096235f7bff4de.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/24951-90c8a5096235f7bff4de.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/24951-90c8a5096235f7bff4de.js b/24951-90c8a5096235f7bff4de.js new file mode 100644 index 0000000000..c568781aea --- /dev/null +++ b/24951-90c8a5096235f7bff4de.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[24951],{55713:function(e,a,d){var l=d(24994);a.A=void 0;var m=l(d(96540)),n=l(d(5556)),r=l(d(67967)),t=l(d(25642)),i=r.default.bind(t.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,d=e.name,l=e.url,n=e.version,r=m.default.createElement("a",{className:i("badge"),href:l||"https://www.npmjs.org/package/".concat(d,"/v/").concat(n)},m.default.createElement("span",{className:i("badge-name")},l?"package":"npm"),m.default.createElement("span",{className:i("badge-version")},"v".concat(n))),t=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,t)};p.propTypes=u;a.A=p},24951:function(e,a,d){d.r(a),d.d(a,{default:function(){return s}});var l=d(58168),m=d(53986),n=(d(96540),d(36665)),r=d(21547),t=["components"],i={},u="wrapper";function p(e){var a=e.components,d=(0,m.A)(e,t);return(0,n.mdx)(u,(0,l.A)({},i,d,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"4440---may-20-2024"},"4.44.0 - (May 20, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"4430---july-25-2023"},"4.43.0 - (July 25, 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 heights ",(0,n.mdx)("inlineCode",{parentName:"li"},"'280'"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"'380'"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"'460'")," and widths ",(0,n.mdx)("inlineCode",{parentName:"li"},"'400'"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"'600'"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"'700'"),".")))),(0,n.mdx)("h2",{id:"4420---march-15-2022"},"4.42.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:"4410---june-8-2021"},"4.41.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:"4400---april-6-2021"},"4.40.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:"4390---march-9-2021"},"4.39.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:"4380---january-5-2021"},"4.38.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:"4370---november-10-2020"},"4.37.0 - (November 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"},"Replaced 'size' with 'dimensions' in ",(0,n.mdx)("inlineCode",{parentName:"li"},"disclose")," API.")))),(0,n.mdx)("h2",{id:"4360---october-13-2020"},"4.36.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"},"Removed terra-doc-template dependency.")))),(0,n.mdx)("h2",{id:"4350---august-4-2020"},"4.35.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"},"Added typeConfig property to ",(0,n.mdx)("inlineCode",{parentName:"li"},"disclose")," API to support custom properties."))),(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:"4340---july-14-2020"},"4.34.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"},"updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,n.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,n.mdx)("h2",{id:"4330---april-28-2020"},"4.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"},"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:"4320---february-25-2020"},"4.32.0 - (February 25, 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"},"Add ",(0,n.mdx)("inlineCode",{parentName:"li"},"title")," options to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"disclose")," API provided to disclosed content (see #1013)")))),(0,n.mdx)("h2",{id:"4310---february-18-2020"},"4.31.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:"4300---february-4-2020"},"4.30.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"},"Organize documentation and convert to mdx")))),(0,n.mdx)("h2",{id:"4290---january-28-2020"},"4.29.0 - (January 28, 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"},"Update copyright to include 2020"))),(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 dismiss check registration chaining to parent disclosure managers")))),(0,n.mdx)("h2",{id:"4280---december-10-2019"},"4.28.0 - (December 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 updates")))),(0,n.mdx)("h2",{id:"4270---november-20-2019"},"4.27.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 disclosure content wrapping")))),(0,n.mdx)("h2",{id:"4260---november-7-2019"},"4.26.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:"4250---october-21-2019"},"4.25.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"},"Fixed typo in disclosure manager docs")))),(0,n.mdx)("h2",{id:"4240---october-16-2019"},"4.24.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:"4230---october-3-2019"},"4.23.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:"4220---september-26-2019"},"4.22.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:"4210---september-19-2019"},"4.21.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"},"Corrected lint warnings")))),(0,n.mdx)("h2",{id:"4200---september-6-2019"},"4.20.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"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated inline documentation for DisclosureManagerHeaderAdapter")))),(0,n.mdx)("h2",{id:"4190---august-21-2019"},"4.19.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:"4180---august-14-2019"},"4.18.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:"4170---july-30-2019"},"4.17.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:"4160---july-16-2019"},"4.16.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)("li",{parentName:"ul"},"Added DisclosureManagerHeaderAdapter and DisclosureManagerHeaderAdapterContext"),(0,n.mdx)("li",{parentName:"ul"},"Adding properties to render-function parameter to facilitate DisclosureManagerHeaderAdapter support")))),(0,n.mdx)("h2",{id:"4150---july-10-2019"},"4.15.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:"4140---july-2-2019"},"4.14.0 - (July 2, 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 bug where afterdismiss promise was getting resolved prior to dismissing."))),(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"},"Export context and delegate")))),(0,n.mdx)("h2",{id:"4130---june-19-2019"},"4.13.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:"4120---june-12-2019"},"4.12.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"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes")))),(0,n.mdx)("h2",{id:"4110---may-13-2019"},"4.11.0 - (May 13, 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"},"Included documentation regarding consumption and dependency management")))),(0,n.mdx)("h2",{id:"4100---may-7-2019"},"4.10.0 - (May 7, 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 new width 560px to Disclosure Widths.")))),(0,n.mdx)("h2",{id:"490---april-24-2019"},"4.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)("li",{parentName:"ul"},"Explicitly documented the required arguments for the disclose behavior")))),(0,n.mdx)("h2",{id:"480---april-16-2019"},"4.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:"470---april-2-2019"},"4.7.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)("li",{parentName:"ul"},"Introduced safety checks for nested disclosure dismissals")))),(0,n.mdx)("h2",{id:"460---march-26-2019"},"4.6.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:"450---march-20-2019"},"4.5.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 upgrade guide markdown altered to correct 508 heading error")))),(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"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed unused dependencies")))),(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"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Corrected state management during update lifecycle to prevent undesired disclosure closures")))),(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"},"Added Context-based API for consumer-facing DisclosureManager APIs"),(0,n.mdx)("li",{parentName:"ul"},"Removed injection of ",(0,n.mdx)("inlineCode",{parentName:"li"},"app")," prop into child/disclosure components."))),(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 exports for withDisclosureManager and disclosureManagerShape"),(0,n.mdx)("li",{parentName:"ul"},"Added Upgrade Guide for conversion from v2.x to v3.x")))),(0,n.mdx)("h2",{id:"2150---november-15-2018"},"2.15.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:"2140---october-8-2018"},"2.14.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:"2130---september-5-2018"},"2.13.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:"2120---august-30-2018"},"2.12.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:"2110---august-14-2018"},"2.11.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:"2100---july-25-2018"},"2.10.0 - (July 25, 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 dependency on action-header"))),(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 clinical-action-header with action-header"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed\nRemoved dependency on terra-clinical-action-header"))),(0,n.mdx)("h2",{id:"290---july-3-2018"},"2.9.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:"280---june-29-2018"},"2.8.0 - (June 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed\nFixed reusable test example to be accessible")),(0,n.mdx)("h2",{id:"270---june-12-2018"},"2.7.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:"260---may-30-2018"},"2.6.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:"250---may-22-2018"},"2.5.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:"240---may-8-2018"},"2.4.0 - (May 8, 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"},"Available disclosure dimension heights and widths.")))),(0,n.mdx)("h2",{id:"230---april-30-2018"},"2.3.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:"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"},"Updated documentation")))),(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,d=(0,m.A)(e,x);return(0,n.mdx)(N,(0,l.A)({},o,d,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},21547:function(e,a,d){d.d(a,{E:function(){return n}});var l=d(96540),m=d(55713),n=function(e){var a=e.url;return l.createElement(m.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-disclosure-manager",name:"terra-disclosure-manager",version:"4.44.0",url:a})}},25642:function(e,a,d){d.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"}},58168:function(e,a,d){function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;d[l]=e[l]}return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,d)&&(m[d]=e[d])}return m}d.d(a,{A:function(){return l}})}}]); \ No newline at end of file diff --git a/25102-9f6407e58b1ad5588242.css b/25102-9f6407e58b1ad5588242.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/25102-9f6407e58b1ad5588242.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/25102-9f6407e58b1ad5588242.js b/25102-9f6407e58b1ad5588242.js new file mode 100644 index 0000000000..690d7d517d --- /dev/null +++ b/25102-9f6407e58b1ad5588242.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[25102],{55713:function(e,a,n){var t=n(24994);a.A=void 0;var r=t(n(96540)),i=t(n(5556)),o=t(n(67967)),m=t(n(25642)),d=o.default.bind(m.default),l={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var a=e.src,n=e.name,t=e.url,i=e.version,o=r.default.createElement("a",{className:d("badge"),href:t||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:d("badge-name")},t?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(i))),m=a?r.default.createElement("a",{className:d("badge"),href:a},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,m)};u.propTypes=l;a.A=u},25102:function(e,a,n){n.r(a),n.d(a,{default:function(){return u}});var t=n(58168),r=n(53986),i=(n(96540),n(36665)),o=n(49264),m=["components"],d={},l="wrapper";function u(e){var a=e.components,n=(0,r.A)(e,m);return(0,i.mdx)(l,(0,t.A)({},d,n,{components:a,mdxType:"MDXLayout"}),(0,i.mdx)(o.E,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-navigation-side-menu-upgrade-guide"},"Terra Navigation Side Menu Upgrade Guide"),(0,i.mdx)("h2",{id:"changes-from-version-1-to-version-2"},"Changes from version 1 to version 2"),(0,i.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,i.mdx)("h4",{id:"renamed"},"Renamed"),(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},"Previous"),(0,i.mdx)("th",{parentName:"tr",align:null},"New"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-navigation-side-menu-item-size"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-navigation-side-menu-item-font-size")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-navigation-side-menu-item-selected-background-image"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-navigation-side-menu-item-selected-before-background-image")))),(0,i.mdx)("h4",{id:"added"},"Added"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-list-item-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-hover-chevron-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-hover-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-hover-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-focus-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-focus-box-shadow"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-focus-chevron-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-active-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-active-chevron-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-chevron-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-hover-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-hover-chevron-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-focus-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-focus-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-focus-chevron-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-chevron-padding-left"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-chevron-height"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-chevron-width"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-content-container-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-content-container-header-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-content-container-main-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-action-header-box-shadow"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-background-attachment"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-background-size"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-before-background-image"),(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-chevron-color")),(0,i.mdx)("h4",{id:"removed"},"Removed"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-box-shadow")))}u.isMDXComponent=!0},49264:function(e,a,n){n.d(a,{E:function(){return i}});var t=n(96540),r=n(55713),i=function(e){var a=e.url;return t.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-side-menu",name:"terra-navigation-side-menu",version:"2.58.0",url:a})}},25642: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"}},58168:function(e,a,n){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;n[t]=e[t]}return n}(e,a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(a,{A:function(){return t}})}}]); \ No newline at end of file diff --git a/25220-fc354606c009ac9f3575.css b/25220-fc354606c009ac9f3575.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/25220-fc354606c009ac9f3575.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/25220-fc354606c009ac9f3575.js b/25220-fc354606c009ac9f3575.js new file mode 100644 index 0000000000..8fef871f3a --- /dev/null +++ b/25220-fc354606c009ac9f3575.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[25220],{55713:function(a,e,t){var n=t(24994);e.A=void 0;var r=n(t(96540)),l=n(t(5556)),m=n(t(67967)),i=n(t(25642)),d=m.default.bind(i.default),p={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},o=function(a){var e=a.src,t=a.name,n=a.url,l=a.version,m=r.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(t,"/v/").concat(l)},r.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(l))),i=e?r.default.createElement("a",{className:d("badge"),href:e},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},m,i)};o.propTypes=p;e.A=o},25220:function(a,e,t){t.r(e),t.d(e,{default:function(){return o}});var n=t(58168),r=t(53986),l=(t(96540),t(36665)),m=t(2644),i=["components"],d={},p="wrapper";function o(a){var e=a.components,t=(0,r.A)(a,i);return(0,l.mdx)(p,(0,n.A)({},d,t,{components:e,mdxType:"MDXLayout"}),(0,l.mdx)(m.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-application-name-upgrade-guide"},"Terra Application Name Upgrade Guide"),(0,l.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(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-application-header-name-align-items"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-header-align-items")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-name-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-header-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-name-title-font-weight"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-header-title-font-weight")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-name-title-overflow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-header-title-overflow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-name-title-padding-left"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-header-title-padding-left")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-name-title-padding-right"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-header-title-padding-right")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-name-text-overflow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-header-title-text-overflow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-name-white-space"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-header-title-white-space")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-name-word-break"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-header-title-word-break")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-name-word-wrap"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-header-title-word-wrap")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-name-title-overflow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-title-overflow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-name-title-padding-left"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-title-padding-left")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-name-title-padding-right"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-title-padding-right")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-name-text-overflow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-title-text-overflow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-name-white-space"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-title-white-space")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-name-word-break"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-title-word-break")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-name-word-wrap"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-title-word-wrap")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-name-align-items"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-align-items")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-name-border-bottom"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-border-bottom")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-name-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-name-padding-bottom"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-padding-bottom")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-name-padding-top"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-padding-top")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null}),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-name-menu-title-font-weight")))),(0,l.mdx)("h4",{id:"added"},"Added"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-header-font-size"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-header-letter-spacing"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-header-line-height"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-header-padding-bottom"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-header-padding-left"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-header-padding-right"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-header-padding-top"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-header-title-text-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-menu-accessory-display"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-menu-accessory-padding-right"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-menu-title-text-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-menu-font-size"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-menu-letter-spacing"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-menu-line-height"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-menu-min-height"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-menu-padding-left"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-name-menu-padding-right")),(0,l.mdx)("h4",{id:"removed"},"Removed"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"--terra-application-header-name-flex"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-menu-name-accessory-padding-left"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-menu-name-flex"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-menu-name-height")))}o.isMDXComponent=!0},2644:function(a,e,t){t.d(e,{E:function(){return l}});var n=t(96540),r=t(55713),l=function(a){var e=a.url;return n.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-name",name:"terra-application-name",version:"3.46.0",url:e})}},25642:function(a,e,t){t.r(e),e.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"}},58168:function(a,e,t){function n(){return n=Object.assign?Object.assign.bind():function(a){for(var e=1;e=0)continue;t[n]=a[n]}return t}(a,e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(a);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(a,t)&&(r[t]=a[t])}return r}t.d(e,{A:function(){return n}})}}]); \ No newline at end of file diff --git a/26942-fd27ec99011e94302417.css b/26942-fd27ec99011e94302417.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/26942-fd27ec99011e94302417.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/26942-fd27ec99011e94302417.js b/26942-fd27ec99011e94302417.js new file mode 100644 index 0000000000..301aa5020b --- /dev/null +++ b/26942-fd27ec99011e94302417.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[26942],{55713:function(e,a,n){var t=n(24994);a.A=void 0;var i=t(n(96540)),o=t(n(5556)),r=t(n(67967)),d=t(n(25642)),l=r.default.bind(d.default),m={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},s=function(e){var a=e.src,n=e.name,t=e.url,o=e.version,r=i.default.createElement("a",{className:l("badge"),href:t||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},i.default.createElement("span",{className:l("badge-name")},t?"package":"npm"),i.default.createElement("span",{className:l("badge-version")},"v".concat(o))),d=a?i.default.createElement("a",{className:l("badge"),href:a},i.default.createElement("span",{className:l("badge-name")},"github"),i.default.createElement("span",{className:l("badge-version")},"source")):void 0;return i.default.createElement("div",{className:l("badge-container")},r,d)};s.propTypes=m;a.A=s},26942:function(e,a,n){n.r(a),n.d(a,{default:function(){return s}});var t=n(58168),i=n(53986),o=(n(96540),n(36665)),r=n(9208),d=["components"],l={},m="wrapper";function s(e){var a=e.components,n=(0,i.A)(e,d);return(0,o.mdx)(m,(0,t.A)({},l,n,{components:a,mdxType:"MDXLayout"}),(0,o.mdx)(r.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-notification-dialog-upgrade-guide"},"Terra Notification Dialog Upgrade Guide"),(0,o.mdx)("h2",{id:"upgrading-from-version-3-to-version-4"},"Upgrading from version 3 to version 4"),(0,o.mdx)("p",null,"The latest changes to the Notification Dialog reflect risk vs non-risk situations on when a dialog is presented and we have changed the variants provided by the Notification Dialog to reflect these. To align with standards, the ability to change the header and dialog icon is no longer available for the defined variant types. The ",(0,o.mdx)("inlineCode",{parentName:"p"},"custom")," variant will need to be used if the predefined signal word and icon combination for a variant does not meet your needs."),(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"},"dialogTitle")," prop"),(0,o.mdx)("li",{parentName:"ul"},"Added ",(0,o.mdx)("inlineCode",{parentName:"li"},"custom")," prop which accepts an object of keys",(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"signalWord")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"iconClassName"))))),(0,o.mdx)("h3",{id:"changed-props"},"Changed Props"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"variant")," prop is now required and the supported values have changes. The previous variants were ",(0,o.mdx)("inlineCode",{parentName:"li"},"alert"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"warning"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"error"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"success"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"info"),", and ",(0,o.mdx)("inlineCode",{parentName:"li"},"custom"),". The new variants are ",(0,o.mdx)("inlineCode",{parentName:"li"},"hazard-high"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"hazard-medium"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"hazard-low"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"error"),", and ",(0,o.mdx)("inlineCode",{parentName:"li"},"custom"),". The mappings from the v3 variants to the v4 variants are as follows:",(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"alert")," -> ",(0,o.mdx)("inlineCode",{parentName:"li"},"hazard-high")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"warning")," -> ",(0,o.mdx)("inlineCode",{parentName:"li"},"hazard-medium")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"info")," -> ",(0,o.mdx)("inlineCode",{parentName:"li"},"hazard-low")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"error")," and ",(0,o.mdx)("inlineCode",{parentName:"li"},"custom")," - these are the same."),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"success")," - this variant has been removed.")))),(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"},"title")," - use ",(0,o.mdx)("inlineCode",{parentName:"li"},"dialogTitle")," prop instead"),(0,o.mdx)("li",{parentName:"ul"},"Removed ",(0,o.mdx)("inlineCode",{parentName:"li"},"header")," - create a custom notification dialog if a custom signal word is needed"),(0,o.mdx)("li",{parentName:"ul"},"Removed ",(0,o.mdx)("inlineCode",{parentName:"li"},"customIcon")," - use ",(0,o.mdx)("inlineCode",{parentName:"li"},"custom.iconClassName")," prop instead"),(0,o.mdx)("li",{parentName:"ul"},"Removed ",(0,o.mdx)("inlineCode",{parentName:"li"},"primaryAction")," - use ",(0,o.mdx)("inlineCode",{parentName:"li"},"acceptAction")," prop instead"),(0,o.mdx)("li",{parentName:"ul"},"Removed ",(0,o.mdx)("inlineCode",{parentName:"li"},"secondaryAction")," - use ",(0,o.mdx)("inlineCode",{parentName:"li"},"rejectAction")," prop instead"),(0,o.mdx)("li",{parentName:"ul"},"Removed ",(0,o.mdx)("inlineCode",{parentName:"li"},"message")," - use ",(0,o.mdx)("inlineCode",{parentName:"li"},"startMessage")," prop instead"),(0,o.mdx)("li",{parentName:"ul"},"Removed ",(0,o.mdx)("inlineCode",{parentName:"li"},"isOpen")," - render NotificationDialog when it should be open")),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-diff"},"import NotificationDialog from 'terra-notification-dialog';\n\nconst Dialog = () => {\n const [showDialog, setShowDialog] = React.useState(true);\n\n return (\n+ {showDialog && {\n return (\n {\n+ const theme = React.useContext(ThemeContext);\n\n return (\n }\n+ custom={{\n+ signalWord: 'Issue',\n+ iconClassName: cx('my-icon', theme.className)\n+ }}\n dialogTitle=\"There was an issue when you saved.\"\n startMessage=\"Please resumbit the form to save your progress.\"\n acceptAction={{\n text: 'OK',\n onClick: handleCloseModal,\n }}\n />\n );\n };\n")),(0,o.mdx)("h4",{id:"componentmodulescss"},"Component.module.scss"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-diff"},"+ @import '~terra-mixins/lib/Mixins';\n\n:local {\n+ .my-icon { \n+ background: var(--example-custom-icon-background, inline-svg(\"...\"));\n+ }\n\n+ .orion-fusion-theme {\n+ @include terra-inline-svg-var('--example-custom-icon-background', \"...\");\n+ }\n\n+ .clinical-lowlight-theme {\n+ @include terra-inline-svg-var('--example-custom-icon-background', \"...\");\n+ }\n}\n")),(0,o.mdx)("h3",{id:"added-layout-for-rendering-lists-with-content-prop"},"Added Layout for Rendering Lists with content Prop"),(0,o.mdx)("p",null,"The Notification Dialog provides has added the ",(0,o.mdx)("inlineCode",{parentName:"p"},"ContentLayoutAsList")," layout component to be used with the ",(0,o.mdx)("inlineCode",{parentName:"p"},"content")," prop. This layout renders a list of strings with styles that align with the Notification Dialog. Usage like:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-diff"},"- import NotificationDialog from 'terra-notification-dialog';\n+ import NotificationDialog, { ContentLayoutAsList } from 'terra-notification-dialog';\n\nconst Dialog = () => (\n {\n-
    \n-
  • 200 mg every 3 hours
    • \n-
  • 400 mg ever 6 hours
    • \n-
\n- }}\n+ content={(\n+ \n+ )}\n endMessage=\"Please specify the dose and frequency to order the medication.\"\n acceptAction={{\n text: 'OK',\n onClick: handleCloseModal,\n }}\n />\n);\n")),(0,o.mdx)("h3",{id:"added-data-attributes-for-testing"},"Added Data Attributes for Testing"),(0,o.mdx)("p",null,"The data attribute, ",(0,o.mdx)("inlineCode",{parentName:"p"},"data-terra-notification-dialog"),", was added to assist with validating the Notification Dialog was presented. This can be used like:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-diff"}," it('opens a notification dialog', () => {\n $('#triggerNotificationDialog').click();\n- expect(browser.isExisting('[class*=\"notification-dialog\"]')).toBeTruthy();\n- expect(browser.hasFocus('[class*=\"notification-dialog\"]')).toBeTruthy();\n+ expect(browser.isExisting('[data-terra-notification-dialog]')).toBeTruthy();\n+ expect(browser.hasFocus('[data-terra-notification-dialog]')).toBeTruthy();\n Terra.validates.element();\n });\n")),(0,o.mdx)("p",null,"The data attribute, ",(0,o.mdx)("inlineCode",{parentName:"p"},"data-terra-notification-dialog-button")," was added to assist with selecting the accept and reject buttons when writing browser tests:"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"use ",(0,o.mdx)("inlineCode",{parentName:"li"},'data-terra-notification-dialog-button="accept"')," to select the accept button"),(0,o.mdx)("li",{parentName:"ul"},"use ",(0,o.mdx)("inlineCode",{parentName:"li"},'data-terra-notification-dialog-button="reject"')," to select the reject button")),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-diff"}," it('rejects the notification dialog', () => {\n- $('[class*=\"notification-dialog-inner-wrapper\"] button:last-child').click();\n+ $('[data-terra-notification-dialog-button=\"reject\"]').click();\n Terra.validates.element('rejected', { selector: '#root' });\n });\n")),(0,o.mdx)("h2",{id:"changes-from-version-1-to-version-2"},"Changes from version 1 to version 2"),(0,o.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,o.mdx)("h4",{id:"renamed"},"Renamed"),(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},"Previous"),(0,o.mdx)("th",{parentName:"tr",align:null},"New"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-background"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-background")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-border-radius"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-border-radius")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-small-horizontal-inset"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-small-horizontal-inset")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-body-background-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-body-background-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-body-padding"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-body-padding")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-header-background-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-header-background-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-header-border-bottom"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-header-border-bottom")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-header-font-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-header-font-size")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-header-padding"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-header-padding")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-footer-background-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-footer-background-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-footer-border-top"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-footer-border-top")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-footer-font-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-footer-font-size")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-hazard-alert-icon"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-hazard-alert-icon-background")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-hazard-medium-icon"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-hazard-medium-icon-background")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-hazard-low-icon"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-hazard-low-icon-background")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-success-icon"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-success-icon-background")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-error-icon"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-error-icon-background")))),(0,o.mdx)("h4",{id:"added"},"Added"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"--terra-notification-dialog-icon-height"),(0,o.mdx)("li",{parentName:"ul"},"--terra-notification-dialog-icon-width")))}s.isMDXComponent=!0},9208:function(e,a,n){n.d(a,{E:function(){return o}});var t=n(96540),i=n(55713),o=function(e){var a=e.url;return t.createElement(i.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-notification-dialog",name:"terra-notification-dialog",version:"4.50.0",url:a})}},25642: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"}},58168:function(e,a,n){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;n[t]=e[t]}return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}n.d(a,{A:function(){return t}})}}]); \ No newline at end of file diff --git a/27007-5934182431a687238ed1.css b/27007-5934182431a687238ed1.css new file mode 100644 index 0000000000..8f6fb5f531 --- /dev/null +++ b/27007-5934182431a687238ed1.css @@ -0,0 +1,8 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.LayoutSlidePanel-module__clinical-lowlight-theme___q2naq{--terra-layout-slide-panel-overlay-panel-ltr-box-shadow: 1px 0 0 0 #101010, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-overlay-panel-rtl-box-shadow: -1px 0 0 0 #101010, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-panel-background-color: #181b1d;--terra-layout-slide-panel-squish-panel-background-color: #383f42;--terra-layout-slide-panel-squish-panel-border-right-color: #383f42;--terra-layout-slide-panel-squish-panel-ltr-box-shadow: none;--terra-layout-slide-panel-squish-panel-rtl-box-shadow: none;--terra-layout-slide-panel-panel-width: 18.571rem;--terra-layout-slide-panel-tiny-panel-width: calc(100% - 3.571rem);--terra-layout-slide-panel-small-panel-width: 22.857rem;--terra-layout-slide-panel-squish-panel-border-right-width: 1px}.LayoutSlidePanel-module__orion-fusion-theme___2KWcp{--terra-layout-slide-panel-overlay-panel-ltr-box-shadow: 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-overlay-panel-rtl-box-shadow: -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-panel-background-color: #fff;--terra-layout-slide-panel-squish-panel-background-color: #fff;--terra-layout-slide-panel-squish-panel-border-right-color: #d3d4d5;--terra-layout-slide-panel-squish-panel-ltr-box-shadow: none;--terra-layout-slide-panel-squish-panel-rtl-box-shadow: none;--terra-layout-slide-panel-panel-width: 18.571rem;--terra-layout-slide-panel-tiny-panel-width: calc(100% - 3.571rem);--terra-layout-slide-panel-small-panel-width: 22.857rem;--terra-layout-slide-panel-squish-panel-border-right-width: 1px}.LayoutSlidePanel-module__content-container___vB31H{outline:none}.LayoutSlidePanel-module__layout-slide-panel___6Ra3S{height:100%;overflow:hidden;position:relative;width:100%}.LayoutSlidePanel-module__content___Qa4PX,.LayoutSlidePanel-module__panel___xUrqy{box-sizing:border-box;height:100%;overflow:hidden;transition:none}[dir=ltr] .LayoutSlidePanel-module__is-animated___1uvdg{transition:left .15s ease}[dir=rtl] .LayoutSlidePanel-module__is-animated___1uvdg{transition:right .15s ease}.LayoutSlidePanel-module__content___Qa4PX{position:relative;width:100%;z-index:0}[dir=ltr] .LayoutSlidePanel-module__content___Qa4PX{float:right}[dir=rtl] .LayoutSlidePanel-module__content___Qa4PX{float:left}.LayoutSlidePanel-module__panel___xUrqy{position:absolute;width:18.571rem;width:var(--terra-layout-slide-panel-panel-width, 18.571rem);z-index:5000}[dir] .LayoutSlidePanel-module__panel___xUrqy{background-color:#fff;background-color:var(--terra-layout-slide-panel-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__panel___xUrqy{left:-100%}[dir=rtl] .LayoutSlidePanel-module__panel___xUrqy{right:-100%}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC>.LayoutSlidePanel-module__panel___xUrqy{left:0}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC>.LayoutSlidePanel-module__panel___xUrqy{right:0}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-tiny___9Oz70{width:calc(100% - 3.571rem);width:var(--terra-layout-slide-panel-tiny-panel-width, calc(100% - 3.571rem))}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-small___JXknd{width:22.857rem;width:var(--terra-layout-slide-panel-small-panel-width, 22.857rem)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-ltr-box-shadow, 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:-1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-rtl-box-shadow, -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__content___Qa4PX{width:calc(100% - 18.571rem - 1px);width:calc(100% - var(--terra-layout-slide-panel-panel-width, 18.571rem) - var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{transition:none;width:calc(1px + 18.571rem);width:calc(var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px) + var(--terra-layout-slide-panel-panel-width, 18.571rem))}[dir] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{background-color:#fff;background-color:var(--terra-layout-slide-panel-squish-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-right-color:#d3d4d5;border-right-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-right-style:solid;border-right-width:1px;border-right-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-left-color:#d3d4d5;border-left-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-left-style:solid;border-left-width:1px;border-left-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-ltr-box-shadow)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-rtl-box-shadow)}.LayoutSlidePanel-module__panel___xUrqy[aria-hidden=true]{visibility:hidden}.LayoutSlidePanel-module__main-container___xHsZe{display:block;height:100%} +.LayoutDocCommon-module__content-wrapper1___oJTcg{height:calc(100% - 10px);position:relative;width:calc(100% - 10px)}[dir] .LayoutDocCommon-module__content-wrapper1___oJTcg{border:4px dashed #d3d3d3;margin:5px}.LayoutDocCommon-module__content-wrapper2___8QgQE{color:gray;position:absolute;top:50%}[dir=ltr] .LayoutDocCommon-module__content-wrapper2___8QgQE{left:50%;transform:translateX(-50%)}[dir=rtl] .LayoutDocCommon-module__content-wrapper2___8QgQE{right:50%;transform:translateX(50%)}[dir] .LayoutDocCommon-module__content-text___OgDt\+{margin:0}.LayoutDocCommon-module__button___WArH6{display:inline;height:25px}[dir] .LayoutDocCommon-module__button___WArH6{border:1px dashed #d3d3d3}[dir=ltr] .LayoutDocCommon-module__button___WArH6{margin-left:5px}[dir=rtl] .LayoutDocCommon-module__button___WArH6{margin-right:5px} +.ToolbarExample-module__content-wrapper1___9lB53{display:flex;height:60px;position:relative;width:calc(100% - 10px)}[dir] .ToolbarExample-module__content-wrapper1___9lB53{border:4px dashed #d3d3d3;margin:5px}.ToolbarExample-module__content-wrapper2___zbeYH{color:gray;position:absolute;top:15px}[dir=ltr] .ToolbarExample-module__content-wrapper2___zbeYH{left:50%;transform:translateX(-50%)}[dir=rtl] .ToolbarExample-module__content-wrapper2___zbeYH{right:50%;transform:translateX(50%)}.ToolbarExample-module__content-text___z\+c57{display:inline}[dir] .ToolbarExample-module__content-text___z\+c57{margin:0}.ToolbarExample-module__button___3doYU{display:inline;height:25px}[dir] .ToolbarExample-module__button___3doYU{border:1px dashed #d3d3d3}[dir=ltr] .ToolbarExample-module__button___3doYU{margin-left:5px}[dir=rtl] .ToolbarExample-module__button___3doYU{margin-right:5px} +.LayoutDocExampleCommon-module__layout-example___lwA5J{height:400px;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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/27007-5934182431a687238ed1.js b/27007-5934182431a687238ed1.js new file mode 100644 index 0000000000..8b6b8c00ad --- /dev/null +++ b/27007-5934182431a687238ed1.js @@ -0,0 +1 @@ +(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[27007],{201:function(e,t,n){"use strict";var a=n(24994),l=n(73738);t.A=void 0;var o=a(n(85715)),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=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var m=o?Object.getOwnPropertyDescriptor(e,r):null;m&&(m.get||m.set)?Object.defineProperty(a,r,m):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(5556)),u=a(n(67967)),d=n(92912),i=a(n(49558)),p=a(n(53665)),s=n(25966),c=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=u.default.bind(c.default),y={example:m.default.element,exampleSrc:m.default.element,exampleCssSrc:m.default.element,title:m.default.string,description:m.default.node,isExpanded:m.default.bool},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,m=e.description,u=e.isExpanded,c=(0,r.useState)(u),f=(0,o.default)(c,2),y=f[0],g=f[1],b=(0,r.useState)(!1),N=(0,o.default)(b,2),E=N[0],v=N[1],T=r.default.useContext(d.ThemeContext),C=void 0!==a,w=function(){v(!E),y&&g(!y)},M=function(){g(!y),E&&v(!E)},L=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:x("template",T.className)},r.default.createElement("div",{className:x("header")},l&&r.default.createElement("h2",{className:x("title")},l)),r.default.createElement("div",{className:x("content")},m&&r.default.createElement("div",{className:x("description")},m),t),r.default.createElement("div",{className:x("footer")},n?r.default.createElement("div",{className:x("button-container")},C&&r.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":E}),onClick:w,onKeyDown:function(e){return L(e,w)},onBlur:h,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(i.default,{className:x("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(p.default,{className:x("chevron")})),r.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":y}),onClick:M,onKeyDown:function(e){return L(e,M)},onBlur:h,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(i.default,{className:x("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(p.default,{className:x("chevron")}))):null,r.default.createElement("div",null,E&&r.default.createElement("div",{className:x("css")},a),y&&r.default.createElement("div",{className:x("code")},n))))};g.propTypes=y,g.defaultProps={isExpanded:!1};t.A=g},93434:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return I}});var a=n(58168),l=n(53986),o=n(96540),r=n(36665),m=n(62483),u=n(12883),d=["components"],i={},p="wrapper";function s(e){var t=e.components,n=(0,l.A)(e,d);return(0,r.mdx)(p,(0,a.A)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(u.Ay,{mdxType:"PropsTable"},(0,r.mdx)(u.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(u.dt,{mdxType:"PropNameCell"},"header"),(0,r.mdx)(u.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Element to be placed within the header section of the layout."))),(0,r.mdx)(u.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(u.dt,{mdxType:"PropNameCell"},"menu"),(0,r.mdx)(u.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Element to be placed within the menu section of the layout. If not set, Layout-provided menu controls will be hidden."))),(0,r.mdx)(u.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(u.dt,{mdxType:"PropNameCell"},"menuText"),(0,r.mdx)(u.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String used to decorate menu hover control."))),(0,r.mdx)(u.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(u.dt,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(u.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Element to be placed within the main content section of the layout.")))))}s.isMDXComponent=!0;var c=n(91575),f=["components"],x={};function y(e){var t=e.components,n=(0,l.A)(e,f);return(0,r.mdx)("wrapper",(0,a.A)({},x,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Layout from 'terra-layout';\nimport classNames from 'classnames/bind';\nimport ContentExample from '../common/ContentExample';\nimport MenuExample from '../common/MenuExample';\nimport ToolbarExample from '../common/ToolbarExample';\nimport styles from './LayoutDocExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst layout = () => (\n }\n menu={}\n menuText=\"Menu\"\n className={cx('layout-example')}\n >\n \n \n);\n\nexport default layout;\n\n")))}y.isMDXComponent=!0;var h=n(201),_=["components"],g={};function b(e){var t=e.components,n=(0,l.A)(e,_);return(0,r.mdx)("wrapper",(0,a.A)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .layout-example {\n height: 400px;\n width: 100%;\n }\n}\n\n")))}b.isMDXComponent=!0;var N=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(h.A,{title:t||"Layout Standard",description:n,example:o.createElement(c.A,null),exampleCssSrc:o.createElement(b,null),exampleSrc:o.createElement(y,null),isExpanded:a})},E=n(77733),v=["components"],T={};function C(e){var t=e.components,n=(0,l.A)(e,v);return(0,r.mdx)("wrapper",(0,a.A)({},T,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Layout from 'terra-layout';\nimport classNames from 'classnames/bind';\nimport ContentExample from '../common/ContentExample';\nimport ToolbarExample from '../common/ToolbarExample';\nimport styles from './LayoutDocExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst layout = () => (\n }\n className={cx('layout-example')}\n >\n \n \n);\n\nexport default layout;\n\n")))}C.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(h.A,{title:t||"Layout Menu Disabled",description:n,example:o.createElement(E.A,null),exampleCssSrc:o.createElement(b,null),exampleSrc:o.createElement(C,null),isExpanded:a})},M=n(22848),L=["components"],A={};function D(e){var t=e.components,n=(0,l.A)(e,L);return(0,r.mdx)("wrapper",(0,a.A)({},A,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Layout from 'terra-layout';\nimport classNames from 'classnames/bind';\nimport ContentExample from '../common/ContentExample';\nimport MenuExample from '../common/MenuExample';\nimport styles from './LayoutDocExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst layout = () => (\n }\n menuText=\"Menu\"\n className={cx('layout-example')}\n >\n \n \n);\n\nexport default layout;\n\n")))}D.isMDXComponent=!0;var k=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(h.A,{title:t||"Layout No Header",description:n,example:o.createElement(M.A,null),exampleCssSrc:o.createElement(b,null),exampleSrc:o.createElement(D,null),isExpanded:a})},P=["components"],S={},j="wrapper";function I(e){var t=e.components,n=(0,l.A)(e,P);return(0,r.mdx)(j,(0,a.A)({},S,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(m.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-layout"},"Terra Layout"),(0,r.mdx)("p",null,"The Layout component provides a responsive starting point for the positioning of application components."),(0,r.mdx)("p",null,"The Layout is responsive at the following breakpoints (as defined by the ",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/blob/main/packages/terra-responsive-element/src/breakpoints.module.scss"},"terra-responsive-element"),"):"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Desktop ","[",(0,r.mdx)("inlineCode",{parentName:"li"},"medium"),", ",(0,r.mdx)("inlineCode",{parentName:"li"},"large"),", ",(0,r.mdx)("inlineCode",{parentName:"li"},"huge"),"]"," - The menu is pinned open and not dismissable. The content region is resized to account for the menu, and the menu is presented under the header content."),(0,r.mdx)("li",{parentName:"ul"},"Tablet ","[",(0,r.mdx)("inlineCode",{parentName:"li"},"small"),"]"," - The menu is disclosed by a programatic toggle provided to the header content. The header content must adhere to a Layout-specific prop API and properly display a toggle button if necessary. The header is overlaid by the menu when open, and the menu is dismissed by clicking in the negative overlay space."),(0,r.mdx)("li",{parentName:"ul"},"Phone ","[",(0,r.mdx)("inlineCode",{parentName:"li"},"tiny"),"]"," - This breakpoint's behavior is similar to that of Tablet, with the only difference being the menu size. The menu is presented as nearly full-screen, leaving only enough negative space to allow for dismissal.")),(0,r.mdx)("p",null,"To facilitate communication between the Layout and its content, the Layout provides a ",(0,r.mdx)("inlineCode",{parentName:"p"},"layoutConfig")," prop to the components in its various regions. The ",(0,r.mdx)("inlineCode",{parentName:"p"},"layoutConfig")," is an object that contains the various properties:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"size")," - The current responsive size of the layout as rendered. Components can render based on this size rather than implement their own resize observers."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"toggleMenu")," - A function that will toggle the current menu state open/closed. This function is provided only when the breakpoint is ",(0,r.mdx)("inlineCode",{parentName:"li"},"tiny")," or ",(0,r.mdx)("inlineCode",{parentName:"li"},"small"),"."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"menuIsOpen")," - A boolean flag indicating whether or not the menu is currently displayed."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"togglePin")," - A function that will toggle the current menu's pinned state. This function is provied only to the ",(0,r.mdx)("inlineCode",{parentName:"li"},"menu")," component and only when the breakpoint size is ",(0,r.mdx)("inlineCode",{parentName:"li"},"medium"),"."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"menuIsPinned")," - A boolean flag indicating whether or not the menu is currently pinned. This flag is provied only to the ",(0,r.mdx)("inlineCode",{parentName:"li"},"menu")," component and only when the breakpoint size is ",(0,r.mdx)("inlineCode",{parentName:"li"},"medium"),".")),(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-layout"))))),(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-router-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^5.0.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#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:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Layout from 'terra-layout';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(N,{title:"Layout - Standard",mdxType:"LayoutStandard"}),(0,r.mdx)(w,{title:"Layout - No Menu",mdxType:"LayoutMenuDisabled"}),(0,r.mdx)(k,{title:"Layout - No Header",mdxType:"LayoutNoHeader"}),(0,r.mdx)("h2",{id:"layout-props-table"},"Layout Props Table"),(0,r.mdx)(s,{mdxType:"LayoutPropsTable"}))}I.isMDXComponent=!0},62483:function(e,t,n){"use strict";n.d(t,{E:function(){return o}});var a=n(96540),l=n(55713),o=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-layout",name:"terra-layout",version:"4.41.0",url:t})}},95060:function(e,t,n){"use strict";var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(96540)),o=a(n(5556)),r=a(n(67967)),m=a(n(11925)),u=r.default.bind(m.default),d=function(e){var t=e.layoutConfig;return l.default.createElement("div",{className:u("content-wrapper1")},l.default.createElement("div",{className:u("content-wrapper2")},l.default.createElement("h2",{className:u("content-text")},"Content"),t.toggleMenu&&l.default.createElement("button",{type:"button",className:u("button"),onClick:t.toggleMenu},"Toggle Menu")))};d.propTypes={layoutConfig:o.default.shape({toggleMenu:o.default.func})};t.default=d},68670:function(e,t,n){"use strict";var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(96540)),o=a(n(5556)),r=a(n(67967)),m=a(n(11925)),u=r.default.bind(m.default),d=function(e){var t=e.layoutConfig;return l.default.createElement("div",{className:u("content-wrapper1")},l.default.createElement("div",{className:u("content-wrapper2")},l.default.createElement("h2",{className:u("content-text")},"Menu"),t.toggleMenu&&l.default.createElement("button",{type:"button",className:u("button"),onClick:t.toggleMenu},"Toggle Menu"),t.togglePin&&!t.menuIsPinned&&l.default.createElement("button",{type:"button",className:u("button"),onClick:t.togglePin},"Pin"),t.togglePin&&t.menuIsPinned&&l.default.createElement("button",{type:"button",className:u("button"),onClick:t.togglePin},"Unpin")))};d.propTypes={layoutConfig:o.default.shape({toggleMenu:o.default.func,togglePin:o.default.func,menuIsPinned:o.default.bool})};t.default=d},34194:function(e,t,n){"use strict";var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(96540)),o=a(n(5556)),r=a(n(67967)),m=a(n(383)),u=r.default.bind(m.default),d={layoutConfig:o.default.object},i=function(e){var t=e.layoutConfig;return l.default.createElement("div",{className:u("content-wrapper1")},l.default.createElement("div",{className:u("content-wrapper2")},l.default.createElement("h2",{className:u("content-text")},"Header"),t.toggleMenu&&l.default.createElement("button",{type:"button",className:u("button"),onClick:t.toggleMenu},"Toggle Menu")))};i.propTypes=d;t.default=i},77733:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(58846)),r=a(n(67967)),m=a(n(95060)),u=a(n(34194)),d=a(n(16204)),i=r.default.bind(d.default);t.A=function(){return l.default.createElement(o.default,{header:l.default.createElement(u.default,null),className:i("layout-example")},l.default.createElement(m.default,null))}},22848:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(58846)),r=a(n(67967)),m=a(n(95060)),u=a(n(68670)),d=a(n(16204)),i=r.default.bind(d.default);t.A=function(){return l.default.createElement(o.default,{menu:l.default.createElement(u.default,null),menuText:"Menu",className:i("layout-example")},l.default.createElement(m.default,null))}},91575:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(58846)),r=a(n(67967)),m=a(n(95060)),u=a(n(68670)),d=a(n(34194)),i=a(n(16204)),p=r.default.bind(i.default);t.A=function(){return l.default.createElement(o.default,{header:l.default.createElement(d.default,null),menu:l.default.createElement(u.default,null),menuText:"Menu",className:p("layout-example")},l.default.createElement(m.default,null))}},89986:function(e,t,n){"use strict";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"}},11925:function(e,t,n){"use strict";n.r(t),t.default={"content-wrapper1":"LayoutDocCommon-module__content-wrapper1___oJTcg","content-wrapper2":"LayoutDocCommon-module__content-wrapper2___8QgQE","content-text":"LayoutDocCommon-module__content-text___OgDt+",button:"LayoutDocCommon-module__button___WArH6"}},383:function(e,t,n){"use strict";n.r(t),t.default={"content-wrapper1":"ToolbarExample-module__content-wrapper1___9lB53","content-wrapper2":"ToolbarExample-module__content-wrapper2___zbeYH","content-text":"ToolbarExample-module__content-text___z+c57",button:"ToolbarExample-module__button___3doYU"}},16204:function(e,t,n){"use strict";n.r(t),t.default={"layout-example":"LayoutDocExampleCommon-module__layout-example___lwA5J"}},49558:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),l=o(n(25365));function o(e){return e&&e.__esModule?e:{default:e}}var r=function(e){var t=Object.assign({},e);return a.default.createElement(l.default,t,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};r.displayName="IconChevronLeft",r.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=r},20220:function(e){var t=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'],n=t.join(","),a="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;function l(e,t){t=t||{};var l,r,m,i=[],p=[],s=e.querySelectorAll(n);for(t.includeContainer&&a.call(e,n)&&(s=Array.prototype.slice.apply(s)).unshift(e),l=0;l=0)continue;l[d]=e[d]}return l}(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,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/27494-0b36d506238f578e92ed.css b/27494-0b36d506238f578e92ed.css new file mode 100644 index 0000000000..561d08416e --- /dev/null +++ b/27494-0b36d506238f578e92ed.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.FolderTree-module__orion-fusion-theme___fXhZ1{--terra-folder-tree-item-hover-background-color: rgb(203, 230, 247, 0.5);--terra-folder-tree-item-hover-before-background-color: rgb(203, 230, 247, 0.5);--terra-folder-tree-focus-box-shadow: inset 0 0 1px 3px rgba(76, 178, 233, 0.5), inset 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-folder-tree-focus-outline: none;--terra-folder-tree-focus-outline-offset: 0}.FolderTree-module__clinical-lowlight-theme___-PNN8{--terra-folder-tree-item-border-bottom: #181b1d;--terra-folder-tree-item-background: #1e3a49;--terra-folder-tree-item-hover-background-color: rgb(203, 230, 247, 0.25);--terra-folder-tree-item-hover-before-background-color: rgb(203, 230, 247, 0.25);--terra-folder-tree-item-selected-background-color: #232a2d;--terra-folder-tree-focus-outline: 2px dashed #fff}.FolderTree-module__folder-tree___LAcUH{list-style:none}[dir] .FolderTree-module__folder-tree___LAcUH{margin:0;padding:0}.FolderTree-module__folder-tree-container___z6ElC{height:100%;width:100%} +.FolderTreeItem-module__clinical-lowlight-theme___zIByE{--terra-folder-tree-item-border-bottom: #181b1d;--terra-folder-tree-item-background: #1e3a49;--terra-folder-tree-item-hover-background-color: rgb(203, 230, 247, 0.25);--terra-folder-tree-item-hover-before-background-color: rgb(203, 230, 247, 0.25);--terra-folder-tree-item-selected-background-color: #232a2d;--terra-folder-tree-focus-outline: 2px dashed #fff}.FolderTreeItem-module__orion-fusion-theme___jxKiJ{--terra-folder-tree-item-hover-background-color: rgb(203, 230, 247, 0.5);--terra-folder-tree-item-hover-before-background-color: rgb(203, 230, 247, 0.5);--terra-folder-tree-focus-box-shadow: inset 0 0 1px 3px rgba(76, 178, 233, 0.5), inset 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-folder-tree-focus-outline: none;--terra-folder-tree-focus-outline-offset: 0}.FolderTreeItem-module__folder-tree-item___KIv1r{align-items:center;display:flex;min-height:48px;min-height:var(--terra-folder-tree-item-min-height, 48px);overflow-wrap:anywhere;width:100%}[dir] .FolderTreeItem-module__folder-tree-item___KIv1r{background:#fff;background:var(--terra-folder-tree-item-background, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-folder-tree-item-border-bottom, 1px solid #dedfe0);margin:0;padding:0}[dir] .FolderTreeItem-module__folder-tree-item___KIv1r:hover{cursor:pointer}[dir] .FolderTreeItem-module__folder-tree-item___KIv1r:hover:not(.FolderTreeItem-module__hover-within___MT5Nm){background-color:rgba(203, 230, 247, 0.5);background-color:var(--terra-folder-tree-item-hover-background-color, rgba(203, 230, 247, 0.5))}.FolderTreeItem-module__folder-tree-item___KIv1r.FolderTreeItem-module__hover-within___MT5Nm .FolderTreeItem-module__radio-target___LTvty::before{bottom:0;content:"";position:absolute;top:0}[dir] .FolderTreeItem-module__folder-tree-item___KIv1r.FolderTreeItem-module__hover-within___MT5Nm .FolderTreeItem-module__radio-target___LTvty::before{background-color:rgba(203, 230, 247, 0.5);background-color:var(--terra-folder-tree-item-hover-before-background-color, rgba(203, 230, 247, 0.5));border-radius:50%}[dir=ltr] .FolderTreeItem-module__folder-tree-item___KIv1r.FolderTreeItem-module__hover-within___MT5Nm .FolderTreeItem-module__radio-target___LTvty::before{left:0;right:0}[dir=rtl] .FolderTreeItem-module__folder-tree-item___KIv1r.FolderTreeItem-module__hover-within___MT5Nm .FolderTreeItem-module__radio-target___LTvty::before{right:0;left:0}.FolderTreeItem-module__folder-tree-item___KIv1r:focus{outline:2px dashed #000;outline:var(--terra-folder-tree-focus-outline, 2px dashed #000);outline-offset:-4px;outline-offset:var(--terra-folder-tree-focus-outline-offset, -4px)}[dir] .FolderTreeItem-module__folder-tree-item___KIv1r:focus{box-shadow:none;box-shadow:var(--terra-folder-tree-focus-box-shadow, none)}[dir] .FolderTreeItem-module__selected___4KAt4{background-color:#e2f2fc;background-color:var(--terra-folder-tree-item-selected-background-color, #e2f2fc)}.FolderTreeItem-module__subfolder___jGfBJ{list-style:none}[dir] .FolderTreeItem-module__subfolder___jGfBJ{margin:0;padding:0}[dir=ltr] .FolderTreeItem-module__non-selectable___T7duq{padding-left:48px}[dir=rtl] .FolderTreeItem-module__non-selectable___T7duq{padding-right:48px}.FolderTreeItem-module__radio___PUHKG,.FolderTreeItem-module__radio-target___LTvty{position:relative}[dir] .FolderTreeItem-module__radio___PUHKG:hover{cursor:pointer}[dir] .FolderTreeItem-module__radio-target___LTvty:hover{cursor:pointer}.FolderTreeItem-module__radio-container___bjvz1{height:14px;width:14px}[dir] .FolderTreeItem-module__radio-container___bjvz1{margin:17px} +.BasicFolderTree-module__content-wrapper___oiYHU{position:relative} diff --git a/27494-0b36d506238f578e92ed.js b/27494-0b36d506238f578e92ed.js new file mode 100644 index 0000000000..8d3076088d --- /dev/null +++ b/27494-0b36d506238f578e92ed.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[27494],{86159:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(a(96540)),l=i(a(5556)),n=i(a(67967)),d=i(a(23695)),o=i(a(36605)),m=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var u=n.default.bind(o.default),c=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:l.default.string},h=function(e){var t=e.children,a=s(e,m),l=r.default.useContext(d.default),o=(0,n.default)(u(["button",l.className]),a.className);return r.default.createElement("button",p({},a,{type:"button",className:o,onBlur:c,onMouseDown:x,"data-focus-styles-enabled":!0}),t)};h.propTypes=f;t.default=h},20999:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=m(a(96540)),l=m(a(5556)),n=m(a(67967)),d=m(a(23695)),o=m(a(17269));function m(e){return e&&e.__esModule?e:{default:e}}var i=n.default.bind(o.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"])},s=function(e){var t=e.ariaLevel,a=e.variant,l=e.children,n=r.default.useContext(d.default);return r.default.createElement("div",{className:i("notice",a,n.className)},r.default.createElement("div",{className:i("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:i("title"),"aria-level":t},r.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(a))),r.default.createElement("div",{className:i("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:i("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:i("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:i("list")},r.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),r.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),r.default.createElement("li",null,r.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(a),r.default.Children.map(l,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};s.propTypes=p,s.defaultProps={ariaLevel:"2",variant:"important"};t.default=s},18778:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=p(a(96540)),l=p(a(5556)),n=p(a(46942)),d=p(a(67967)),o=p(a(23695)),m=p(a(16576)),i=["title"];function p(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var c=d.default.bind(m.default),x={title:l.default.string},f=function(e){var t=e.title,a=u(e,i),l=r.default.useContext(o.default),d=(0,n.default)(c(["placeholder",l.className]),a.className),m=c(["inner"]);return r.default.createElement("div",s({},a,{className:d}),r.default.createElement("div",{className:m},r.default.createElement("p",{className:c("title")},t)))};f.propTypes=x,f.defaultProps={title:""};t.default=f},74647:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var r=d(a(20999)),l=d(a(18778)),n=d(a(86159));function d(e){return e&&e.__esModule?e:{default:e}}},38463:function(e,t,a){a.r(t),a.d(t,{default:function(){return g}});var r=a(58168),l=a(53986),n=(a(96540),a(36665)),d=(a(74647),a(80607)),o=a(12883),m=["components"],i={},p="wrapper";function s(e){var t=e.components,a=(0,l.A)(e,m);return(0,n.mdx)(p,(0,r.A)({},i,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(o.Ay,{mdxType:"PropsTable"},(0,n.mdx)(o.fI,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The list of items to be displayed as content in the Folder Tree component."))),(0,n.mdx)(o.fI,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"headerLevel"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"3\n"))),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The heading level for the title of the folder tree."))),(0,n.mdx)(o.fI,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"title"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(o.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The title of the folder tree."))),(0,n.mdx)(o.fI,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"onExpandAll"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The callback function for expand all event."))),(0,n.mdx)(o.fI,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"onCollapseAll"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The callback function for collapse all event.")))))}s.isMDXComponent=!0;var u=["components"],c={},x="wrapper";function f(e){var t=e.components,a=(0,l.A)(e,u);return(0,n.mdx)(x,(0,r.A)({},c,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(o.Ay,{mdxType:"PropsTable"},(0,n.mdx)(o.fI,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(o.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The label for the folder tree item."))),(0,n.mdx)(o.fI,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"icon"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,n.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The icon to display to the left of the name."))),(0,n.mdx)(o.fI,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"subfolderItems"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'element',\n}],\n"))),(0,n.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The list of items to display in a subfolder when it is selected. This property makes the item expandable and collapsible. The item's icon also becomes a folder, overriding anything given as the icon property."))),(0,n.mdx)(o.fI,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"isExpanded"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Indicates whether the item is expanded. Only items with subfolderItems can be expanded."))),(0,n.mdx)(o.fI,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"isSelectable"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Indicates whether the item can be selected. Selectable items will display with a radio button."))),(0,n.mdx)(o.fI,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"isSelected"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Indicates whether the item is selected. Because this component has the appearance of a radio button group, only one item should be selected at a time."))),(0,n.mdx)(o.fI,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"onSelect"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The callback function for a click event."))),(0,n.mdx)(o.fI,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(o.dt,{mdxType:"PropNameCell"},"onToggle"),(0,n.mdx)(o.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The callback function for an expand or collapse toggle event.")))))}f.isMDXComponent=!0;var h=a(61834),y=["components"],N={},b="wrapper";function g(e){var t=e.components,a=(0,l.A)(e,y);return(0,n.mdx)(b,(0,r.A)({},N,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(d.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-folder-tree"},"Terra Folder Tree"),(0,n.mdx)("h2",{id:"table-of-contents"},"Table of Contents"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/about"},"Overview")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/about"},"Design Decisions")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/about"},"Examples")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/about"},"Accessibility")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/about"},"Implementation")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/about"},"Terra Standards")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/about"},"Properties"))),(0,n.mdx)("h2",{id:"overview"},"Overview"),(0,n.mdx)("p",null,"The Folder Tree component is an accessible ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/treeview/"},"tree view")," that allows the user to navigate a folder structure in a hierarchical view of collapsible, nested rows."),(0,n.mdx)("p",null,"The Folder Tree component displays an action header containing the title of the folder tree, a toolbar\nwith buttons to expand or collapse all items in the folder tree, and zero or more rows that\nmay include nested subrows.\nThe tree part of the component contains only one tab stop and the arrow keys are used for primary navigation.\nSee ",(0,n.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/about"},"Keyboard Interactions")," for all supported keys."),(0,n.mdx)(h.A,{mdxType:"BasicFolderTree"}),(0,n.mdx)("h3",{id:"features"},"Features"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/about"},"Keyboard Navigation")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/examples/folder-tree-selection"},"Selection")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/examples/folder-tree-expand-collapse"},"Expand and Collapse")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/examples/folder-tree-expand-collapse-all"},"Expand and Collapse All"))),(0,n.mdx)("h2",{id:"design-decisions"},"Design Decisions"),(0,n.mdx)("p",null,"The Folder Tree component does not manage the state of consumer data. The consumer must manage the expanded, collapsed, and selection state of rows."),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Link to Example"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/examples/basic-folder-tree"},"Basic Folder Tree")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example of a basic folder tree.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/examples/folder-tree-selection"},"Selection")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example of implementing single row selection for a folder tree.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/examples/folder-tree-expand-collapse"},"Expand/Collapse")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example of implementing expand and collapse behavior for a folder tree.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/folder-tree/examples/folder-tree-expand-collapse-all"},"Expand/Collapse All")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example of implementing expand and collapse all behavior for a folder tree.")))),(0,n.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,n.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(0,n.mdx)("p",null,"The Folder Tree component supports the following keyboard interactions based on the ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/treeview/#keyboardinteraction"},"tree view keyboard interactions")," outlined by the ARIA Authoring Practices Guide (APG):"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Keys"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"RIGHT ARROW"),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("ul",null,(0,n.mdx)("li",null,"When a collapsed row is active, the items expand, and the active row does not change."),(0,n.mdx)("li",null,"When an expanded row is active, the first subrow becomes active."),(0,n.mdx)("li",null,"When a row with no subrows is active, no action is performed.")))),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"LEFT ARROW"),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("ul",null,(0,n.mdx)("li",null,"When an expanded row is active, the items collapse."),(0,n.mdx)("li",null,"When a collapsed subrow or a subrow with no further nested items is active, the main row becomes active."),(0,n.mdx)("li",null,"When a collapsed row with subrows is active, no action is performed.")))),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"DOWN ARROW"),(0,n.mdx)("td",{parentName:"tr",align:null},"Selects the row below the currently active row without expanding or collapsing any items.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"UP ARROW"),(0,n.mdx)("td",{parentName:"tr",align:null},"Selects the row above the currently active row without expanding or collapsing any items.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"HOME (Microsoft Windows)",(0,n.mdx)("br",null),"or",(0,n.mdx)("br",null),"COMMAND + LEFT ARROW (Apple Mac)"),(0,n.mdx)("td",{parentName:"tr",align:null},"Selects the first row in the tree without expanding or collapsing any items.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"END (Microsoft Windows)",(0,n.mdx)("br",null),"or",(0,n.mdx)("br",null),"COMMAND + RIGHT ARROW (Apple Mac)"),(0,n.mdx)("td",{parentName:"tr",align:null},"Selects the last row in the tree without expanding any items.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"ENTER"),(0,n.mdx)("td",{parentName:"tr",align:null},"Performs the default action of the currently active row. For main rows, items are expanded or collapsed. In single select trees, if the row has no nested items, the current item is selected if not already selected by default.")))),(0,n.mdx)("h3",{id:"assistive-technology-support"},"Assistive Technology Support"),(0,n.mdx)("h4",{id:"wai-aria-roles-and-states"},"WAI ARIA Roles and States"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label"},"aria-label"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"The value of the ",(0,n.mdx)("inlineCode",{parentName:"li"},"title")," property is used as the ",(0,n.mdx)("inlineCode",{parentName:"li"},"aria-label")," for the folder tree.")))),(0,n.mdx)("h2",{id:"implementation"},"Implementation"),(0,n.mdx)("h3",{id:"installation"},"Installation"),(0,n.mdx)("p",null,"Install with ",(0,n.mdx)("a",{parentName:"p",href:"https://www.npmjs.com/"},"npmjs"),":\n",(0,n.mdx)("inlineCode",{parentName:"p"},"npm install terra-folder-tree")),(0,n.mdx)("h3",{id:"dependencies"},"Dependencies"),(0,n.mdx)("h4",{id:"peer-dependencies"},"Peer Dependencies"),(0,n.mdx)("p",null,"Ensure that the following peer dependencies are installed in your application for the component to properly function:"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,n.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react"),(0,n.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,n.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,n.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,n.mdx)("h2",{id:"properties"},"Properties"),(0,n.mdx)("h3",{id:"foldertree-props-table"},"FolderTree Props Table"),(0,n.mdx)(s,{mdxType:"FolderTreePropsTable"}),(0,n.mdx)("h3",{id:"foldertreeitem-props-table"},"FolderTree.Item Props Table"),(0,n.mdx)(f,{mdxType:"FolderTreeItemPropsTable"}),(0,n.mdx)("h2",{id:"terra-standards"},"Terra Standards"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,n.mdx)("h2",{id:"testing"},"Testing"),(0,n.mdx)("p",null,"The Folder Tree component uses ",(0,n.mdx)("inlineCode",{parentName:"p"},"uuid"),", which changes the component's description ID dynamically. To mock the return value with the Jest testing library, you can use ",(0,n.mdx)("inlineCode",{parentName:"p"},"jest.spyOn"),"."),(0,n.mdx)("p",null,"If you are using Enzyme ",(0,n.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering for the tests, then the mock may not be required. However, if ",(0,n.mdx)("inlineCode",{parentName:"p"},"mount")," is used, then ",(0,n.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown in the following example:"),(0,n.mdx)("pre",null,(0,n.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")))}g.isMDXComponent=!0},80607:function(e,t,a){a.d(t,{E:function(){return n}});var r=a(96540),l=a(55713),n=function(e){var t=e.url;return r.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-folder-tree",name:"terra-folder-tree",version:"1.5.0",url:t})}},36605:function(e,t,a){a.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"}},17269:function(e,t,a){a.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"}},16576:function(e,t,a){a.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/27521-7ab09d75b715d275a456.css b/27521-7ab09d75b715d275a456.css new file mode 100644 index 0000000000..acb29a6bcf --- /dev/null +++ b/27521-7ab09d75b715d275a456.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleWrapper-module__wrapper___PZadA{height:500px} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/27521-7ab09d75b715d275a456.js b/27521-7ab09d75b715d275a456.js new file mode 100644 index 0000000000..9f088e4adc --- /dev/null +++ b/27521-7ab09d75b715d275a456.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[27521],{30323:function(e,t,n){n.r(t),n.d(t,{default:function(){return x}});var a=n(58168),i=n(53986),o=n(96540),l=n(36665),r=n(20407),c=n(38654),m=["components"],p={};function u(e){var t=e.components,n=(0,i.A)(e,m);return(0,l.mdx)("wrapper",(0,a.A)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable react/prop-types */\nimport React, { useState } from 'react';\nimport IconSearch from 'terra-icon/lib/icon/IconSearch';\nimport IconPill from 'terra-icon/lib/icon/IconPill';\nimport IconVisualization from 'terra-icon/lib/icon/IconVisualization';\nimport IconLightbulb from 'terra-icon/lib/icon/IconLightbulb';\nimport { Placeholder } from '@cerner/terra-docs';\nimport ExampleWrapper from './ExampleWrapper';\nimport ApplicationNavigation from '../../../ApplicationNavigation';\n\nconst titleConfig = {\n title: 'Test Title',\n};\n\nconst userConfig = {\n name: 'Test Name',\n initials: 'TN',\n};\n\nconst extensionItems = [\n {\n icon: ,\n key: 'item-a',\n text: 'Item A',\n metaData: {\n test: 'a',\n },\n }, {\n icon: ,\n key: 'item-b',\n text: 'Item B',\n metaData: {\n test: 'b',\n },\n }, {\n icon: ,\n key: 'item-c',\n text: 'Item C',\n metaData: {\n test: 'c',\n },\n }, {\n icon: ,\n key: 'item-d',\n text: 'Item D',\n metaData: {\n test: 'd',\n },\n },\n];\n\nconst navigationItems = [\n {\n key: '/page_1',\n text: 'Page 1',\n metaData: {\n display: 'Page 1',\n },\n }, {\n key: '/page_2',\n text: 'Page 2',\n metaData: {\n display: 'Page 2',\n },\n }, {\n key: '/page_3',\n text: 'Page 3',\n metaData: {\n display: 'Page 3',\n },\n }, {\n key: '/page_4',\n text: 'Page 4',\n metaData: {\n display: 'Page 4',\n },\n }, {\n key: '/page_5',\n text: 'Page 5',\n metaData: {\n display: 'Page 5',\n },\n }, {\n key: '/page_6',\n text: 'Page 6',\n metaData: {\n display: 'Page 6',\n },\n }, {\n key: '/page_7',\n text: 'Page 7',\n metaData: {\n display: 'Page 7',\n },\n }, {\n key: '/page_8',\n text: 'Page 8',\n metaData: {\n display: 'Page 8',\n },\n },\n];\n\nconst utilityItems = [\n {\n icon: ,\n key: 'item-a',\n text: 'Item A',\n metaData: {\n test: 'a',\n },\n }, {\n icon: ,\n key: 'item-b',\n text: 'Item B',\n metaData: {\n test: 'b',\n },\n }, {\n icon: ,\n key: 'item-c',\n text: 'Item C',\n metaData: {\n test: 'c',\n },\n }, {\n icon: ,\n key: 'item-d',\n text: 'Item D',\n metaData: {\n test: 'd',\n },\n },\n];\n\nconst ExampleApplication = ({ onAction }) => {\n const [activeKey, setActiveKey] = useState(navigationItems[0].key);\n\n return (\n setActiveKey(key)}\n utilityItems={utilityItems}\n onSelectUtilityItem={onAction}\n onSelectSettings={() => onAction('settings')}\n onSelectHelp={() => onAction('help')}\n onSelectLogout={() => onAction('logout')}\n id=\"example-application\"\n >\n \n \n );\n};\n\nconst ExampleNavigation = () => (\n \n \n \n);\n\nexport default ExampleNavigation;\n\n")))}u.isMDXComponent=!0;var s=n(201),d=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(s.A,{title:t||"Example Application",description:n,example:o.createElement(c.A,null),exampleSrc:o.createElement(u,null),isExpanded:a})},f=["components"],g={},y="wrapper";function x(e){var t=e.components,n=(0,i.A)(e,f);return(0,l.mdx)(y,(0,a.A)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(r.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-application-navigation"},"Terra Application Navigation"),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(d,{mdxType:"ExampleApplication"}))}x.isMDXComponent=!0},20407:function(e,t,n){n.d(t,{E:function(){return o}});var a=n(96540),i=n(55713),o=function(e){var t=e.url;return a.createElement(i.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-navigation",name:"terra-application-navigation",version:"1.86.0",url:t})}},38654:function(e,t,n){var a=n(24994),i=n(73738);t.A=void 0;var o=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var r=o?Object.getOwnPropertyDescriptor(e,l):null;r&&(r.get||r.set)?Object.defineProperty(a,l,r):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),r=a(n(98814)),c=a(n(26177)),m=a(n(86952)),p=a(n(94685)),u=n(74647),s=a(n(7395)),d=a(n(66883));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var g={title:"Test Title"},y={name:"Test Name",initials:"TN"},x=[{icon:l.default.createElement(r.default,null),key:"item-a",text:"Item A",metaData:{test:"a"}},{icon:l.default.createElement(c.default,null),key:"item-b",text:"Item B",metaData:{test:"b"}},{icon:l.default.createElement(m.default,null),key:"item-c",text:"Item C",metaData:{test:"c"}},{icon:l.default.createElement(p.default,null),key:"item-d",text:"Item D",metaData:{test:"d"}}],v=[{key:"/page_1",text:"Page 1",metaData:{display:"Page 1"}},{key:"/page_2",text:"Page 2",metaData:{display:"Page 2"}},{key:"/page_3",text:"Page 3",metaData:{display:"Page 3"}},{key:"/page_4",text:"Page 4",metaData:{display:"Page 4"}},{key:"/page_5",text:"Page 5",metaData:{display:"Page 5"}},{key:"/page_6",text:"Page 6",metaData:{display:"Page 6"}},{key:"/page_7",text:"Page 7",metaData:{display:"Page 7"}},{key:"/page_8",text:"Page 8",metaData:{display:"Page 8"}}],I=[{icon:l.default.createElement(r.default,null),key:"item-a",text:"Item A",metaData:{test:"a"}},{icon:l.default.createElement(c.default,null),key:"item-b",text:"Item B",metaData:{test:"b"}},{icon:l.default.createElement(m.default,null),key:"item-c",text:"Item C",metaData:{test:"c"}},{icon:l.default.createElement(p.default,null),key:"item-d",text:"Item D",metaData:{test:"d"}}],P=function(e){var t=e.onAction,n=(0,l.useState)(v[0].key),a=(0,o.default)(n,2),i=a[0],r=a[1];return l.default.createElement(d.default,{titleConfig:g,userConfig:y,extensionItems:x,onSelectExtensionItem:t,navigationItems:v,activeNavigationItemKey:i,onSelectNavigationItem:function(e){return r(e)},utilityItems:I,onSelectUtilityItem:t,onSelectSettings:function(){return t("settings")},onSelectHelp:function(){return t("help")},onSelectLogout:function(){return t("logout")},id:"example-application"},l.default.createElement(u.Placeholder,{title:i}))};t.A=function(){return l.default.createElement(s.default,null,l.default.createElement(P,null))}},7395:function(e,t,n){var a=n(24994),i=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var r=o?Object.getOwnPropertyDescriptor(e,l):null;r&&(r.get||r.set)?Object.defineProperty(a,l,r):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),r=a(n(67967)),c=a(n(92848));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 p=r.default.bind(c.default);t.default=function(e){var t=e.children,n=(0,l.useState)(null),a=(0,o.default)(n,2),i=a[0],r=a[1];function c(e){r("Current Action: ".concat(e))}return l.default.createElement("div",null,i,l.default.createElement("div",{className:p("wrapper")},l.default.Children.map(t,(function(e){return l.default.cloneElement(e,{onAction:c})}))))}},92848:function(e,t,n){n.r(t),t.default={wrapper:"ExampleWrapper-module__wrapper___PZadA"}}}]); \ No newline at end of file diff --git a/2801-cf535dd3a173925fdde9.css b/2801-cf535dd3a173925fdde9.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/2801-cf535dd3a173925fdde9.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/2801-cf535dd3a173925fdde9.js b/2801-cf535dd3a173925fdde9.js new file mode 100644 index 0000000000..4bc01cab3f --- /dev/null +++ b/2801-cf535dd3a173925fdde9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[2801],{55713:function(e,a,d){var m=d(24994);a.A=void 0;var l=m(d(96540)),n=m(d(5556)),r=m(d(67967)),t=m(d(25642)),i=r.default.bind(t.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,d=e.name,m=e.url,n=e.version,r=l.default.createElement("a",{className:i("badge"),href:m||"https://www.npmjs.org/package/".concat(d,"/v/").concat(n)},l.default.createElement("span",{className:i("badge-name")},m?"package":"npm"),l.default.createElement("span",{className:i("badge-version")},"v".concat(n))),t=a?l.default.createElement("a",{className:i("badge"),href:a},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")},r,t)};p.propTypes=u;a.A=p},25182:function(e,a,d){d.r(a),d.d(a,{default:function(){return s}});var m=d(58168),l=d(53986),n=(d(96540),d(36665)),r=d(22633),t=["components"],i={},u="wrapper";function p(e){var a=e.components,d=(0,l.A)(e,t);return(0,n.mdx)(u,(0,m.A)({},i,d,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"3440---may-20-2024"},"3.44.0 - (May 20, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{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---december-18-2023"},"3.43.0 - (December 18, 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:"3421---december-5-2023"},"3.42.1 - (December 5, 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 XFC initialization for the Embedded Content Consumer examples.")))),(0,n.mdx)("h2",{id:"3420---december-1-2023"},"3.42.0 - (December 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:"3410---november-29-2023"},"3.41.0 - (November 29, 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 documentation relating to accessibility guidance for Embedded Content Consumer props.")))),(0,n.mdx)("h2",{id:"3400---november-9-2023"},"3.40.0 - (November 9, 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 screenreader support to announce context of embedded iframe content."),(0,n.mdx)("li",{parentName:"ul"},"Added visual focus indicator on the iframe when the content doesn't have any interactable element, iframe is scrollable, and content is scrollable for keyboard only users.")))),(0,n.mdx)("h2",{id:"3390---october-3-2023"},"3.39.0 - (October 3, 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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"title")," prop for consumers to set the title of the embedded content in the iframe."))),(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"},"Deprecated ",(0,n.mdx)("inlineCode",{parentName:"li"},"options.iframeAttrs.title")," in favor of the new ",(0,n.mdx)("inlineCode",{parentName:"li"},"title")," prop.")))),(0,n.mdx)("h2",{id:"3380---september-26-2023"},"3.38.0 - (September 26, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Updated",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated documentation for ",(0,n.mdx)("inlineCode",{parentName:"li"},"options")," prop to include ",(0,n.mdx)("inlineCode",{parentName:"li"},"srcdoc")," iframe atttribute for inline html content in iframe.")))),(0,n.mdx)("h2",{id:"3370---july-31-2023"},"3.37.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:"3360---february-14-2023"},"3.36.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:"3350---march-15-2022"},"3.35.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:"3340---september-20-2021"},"3.34.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:"3330---june-8-2021"},"3.33.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:"3320---april-6-2021"},"3.32.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:"3310---march-9-2021"},"3.31.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 terra-functional-testing")))),(0,n.mdx)("h2",{id:"3300---january-5-2021"},"3.30.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:"3290---december-8-2020"},"3.29.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"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"3280---november-10-2020"},"3.28.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:"3270---august-4-2020"},"3.27.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:"3260---july-14-2020"},"3.26.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"},"updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,n.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,n.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,n.mdx)("h2",{id:"3250---may-19-2020"},"3.25.0 - (May 19, 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"},"Spacing typo in doc")))),(0,n.mdx)("h2",{id:"3240---april-28-2020"},"3.24.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:"3230---march-31-2020"},"3.23.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:"3220---march-17-2020"},"3.22.0 - (March 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"},"Update docs to use MDX syntax")))),(0,n.mdx)("h2",{id:"3210---february-18-2020"},"3.21.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:"3200---january-28-2020"},"3.20.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:"3190---december-10-2019"},"3.19.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:"3180---november-7-2019"},"3.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:"3170---october-16-2019"},"3.17.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:"3160---october-3-2019"},"3.16.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:"3150---september-26-2019"},"3.15.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:"3140---september-19-2019"},"3.14.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:"3130---september-6-2019"},"3.13.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:"3120---august-14-2019"},"3.12.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:"3110---july-30-2019"},"3.11.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:"3100---july-16-2019"},"3.10.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:"390---july-10-2019"},"3.9.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)("li",{parentName:"ul"},"Fixed test routes.")))),(0,n.mdx)("h2",{id:"380---july-2-2019"},"3.8.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:"370---june-19-2019"},"3.7.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:"360---june-12-2019"},"3.6.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)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,n.mdx)("h2",{id:"350---april-24-2019"},"3.5.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:"340---april-18-2019"},"3.4.0 - (April 18, 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"},"Within DataStatusConsumer example - add guard clause for iframe query")))),(0,n.mdx)("h2",{id:"330---april-9-2019"},"3.3.0 - (April 9, 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"},"EmbeddedContentProviderTestTemplate for testing embedded applications"))),(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 existing provider examples to use the EmbeddedContentProviderTestTemplate"),(0,n.mdx)("li",{parentName:"ul"},"Changed Provider examples to use ",(0,n.mdx)("inlineCode",{parentName:"li"},".provider")," extension to fix provider examples in terra-ui"))),(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"},"Dead code tests / examples that tested XFC implementation")))),(0,n.mdx)("h2",{id:"320---march-26-2019"},"3.2.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:"310---february-5-2019"},"3.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:"300---january-25-2019"},"3.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:"2310---january-5-2019"},"2.31.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:"2300---january-2-2019"},"2.30.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"},"Migrate package to the terra-framework repository"),(0,n.mdx)("li",{parentName:"ul"},"Added title attribute to example iframes.")))),(0,n.mdx)("h2",{id:"2290---november-19-2018"},"2.29.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:"2280---november-13-2018"},"2.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:"2270---november-9-2018"},"2.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:"2260---october-24-2018"},"2.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:"2250---october-16-2018"},"2.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:"2240---october-8-2018"},"2.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:"2230---september-25-2018"},"2.23.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:"2221---september-6-2018"},"2.22.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:"2220---september-5-2018"},"2.22.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:"2210---september-4-2018"},"2.21.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:"2200---august-29-2018"},"2.20.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:"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---july-3-2018"},"2.15.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"},"Migrate Nightwatch -> wdio testing.")))),(0,n.mdx)("h2",{id:"2140---june-28-2018"},"2.14.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:"2130---june-22-2018"},"2.13.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:"2120---june-12-2018"},"2.12.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)("h2",{id:"2110---may-30-2018"},"2.11.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:"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"},"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:"1120---february-1-2018"},"1.12.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:"1110---january-18-2018"},"1.11.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:"1100---january-5-2018"},"1.10.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:"190---november-28-2017"},"1.9.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:"180---november-16-2017"},"1.8.0 - (November 16, 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:"170---october-31-2017"},"1.7.0 - (October 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"},"Allow EmbeddedContentConsumer to trigger events on its application")))),(0,n.mdx)("h2",{id:"160---october-6-2017"},"1.6.0 - (October 6, 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---september-26-2017"},"1.5.0 - (September 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:"140---september-19-2017"},"1.4.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:"130---september-12-2017"},"1.3.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"120---september-7-2017"},"1.2.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:"110---september-5-2017"},"1.1.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:"100---august-31-2017"},"1.0.0 - (August 31, 2017)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,d=(0,l.A)(e,x);return(0,n.mdx)(N,(0,m.A)({},o,d,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},22633:function(e,a,d){d.d(a,{E:function(){return n}});var m=d(96540),l=d(55713),n=function(e){var a=e.url;return m.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-embedded-content-consumer",name:"terra-embedded-content-consumer",version:"3.44.0",url:a})}},25642:function(e,a,d){d.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"}},58168:function(e,a,d){function m(){return m=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;d[m]=e[m]}return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,d)&&(l[d]=e[d])}return l}d.d(a,{A:function(){return m}})}}]); \ No newline at end of file diff --git a/28651-90b79cbed4096ae676f6.css b/28651-90b79cbed4096ae676f6.css new file mode 100644 index 0000000000..7e5d65c608 --- /dev/null +++ b/28651-90b79cbed4096ae676f6.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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)} +.example-styles-module__example-wrapper___hrYdw{height:3rem}[dir] .example-styles-module__content-wrapper___P0QYA{padding:.7rem}[dir] .example-styles-module__custom-notification-dialog-icon___JSTWg{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%270%200%2049%2049%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%2378288C%27%20d%3D%27M24.8%2047.7l22.9-22.9c.4-.4.4-1.1%200-1.6L24.8.3c-.4-.4-1.1-.4-1.6%200L.3%2023.2c-.4.4-.4%201.1%200%201.6l22.9%2022.9c.4.4%201.2.4%201.6%200z%27%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E");background:var(--terra-framework-docs-notification-dialog-example-custom-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%270%200%2049%2049%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%2378288C%27%20d%3D%27M24.8%2047.7l22.9-22.9c.4-.4.4-1.1%200-1.6L24.8.3c-.4-.4-1.1-.4-1.6%200L.3%2023.2c-.4.4-.4%201.1%200%201.6l22.9%2022.9c.4.4%201.2.4%201.6%200z%27%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E"))}.example-styles-module__orion-fusion-theme___fRDAy{--terra-framework-docs-notification-dialog-example-custom-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%270%200%2049%2049%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%2378288C%27%20d%3D%27M24.8%2047.7l22.9-22.9c.4-.4.4-1.1%200-1.6L24.8.3c-.4-.4-1.1-.4-1.6%200L.3%2023.2c-.4.4-.4%201.1%200%201.6l22.9%2022.9c.4.4%201.2.4%201.6%200z%27%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}.example-styles-module__clinical-lowlight-theme___gXB61{--terra-framework-docs-notification-dialog-example-custom-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%270%200%2049%2049%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%23C270D7%27%20d%3D%27M24.8%2047.7l22.9-22.9c.4-.4.4-1.1%200-1.6L24.8.3c-.4-.4-1.1-.4-1.6%200L.3%2023.2c-.4.4-.4%201.1%200%201.6l22.9%2022.9c.4.4%201.2.4%201.6%200z%27%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E")} diff --git a/28651-90b79cbed4096ae676f6.js b/28651-90b79cbed4096ae676f6.js new file mode 100644 index 0000000000..f6249fe1ff --- /dev/null +++ b/28651-90b79cbed4096ae676f6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[28651],{201:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var i=a(n(85715)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=f(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&&{}.hasOwnProperty.call(e,r)){var l=i?Object.getOwnPropertyDescriptor(e,r):null;l&&(l.get||l.set)?Object.defineProperty(a,r,l):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(96540)),l=a(n(5556)),s=a(n(67967)),d=n(92912),c=a(n(49558)),u=a(n(53665)),p=n(25966),m=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var h=s.default.bind(m.default),g={example:l.default.element,exampleSrc:l.default.element,exampleCssSrc:l.default.element,title:l.default.string,description:l.default.node,isExpanded:l.default.bool},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,l=e.description,s=e.isExpanded,m=(0,r.useState)(s),f=(0,i.default)(m,2),g=f[0],v=f[1],w=(0,r.useState)(!1),b=(0,i.default)(w,2),C=b[0],T=b[1],N=r.default.useContext(d.ThemeContext),M=void 0!==a,k=function(){T(!C),g&&v(!g)},_=function(){v(!g),C&&T(!C)},D=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:h("template",N.className)},r.default.createElement("div",{className:h("header")},o&&r.default.createElement("h2",{className:h("title")},o)),r.default.createElement("div",{className:h("content")},l&&r.default.createElement("div",{className:h("description")},l),t),r.default.createElement("div",{className:h("footer")},n?r.default.createElement("div",{className:h("button-container")},M&&r.default.createElement("button",{type:"button",className:h("css-toggle","item",{"is-selected":C}),onClick:k,onKeyDown:function(e){return D(e,k)},onBlur:x,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(c.default,{className:h("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(u.default,{className:h("chevron")})),r.default.createElement("button",{type:"button",className:h("code-toggle","item",{"is-selected":g}),onClick:_,onKeyDown:function(e){return D(e,_)},onBlur:x,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(c.default,{className:h("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(u.default,{className:h("chevron")}))):null,r.default.createElement("div",null,C&&r.default.createElement("div",{className:h("css")},a),g&&r.default.createElement("div",{className:h("code")},n))))};v.propTypes=g,v.defaultProps={isExpanded:!1};t.A=v},17697:function(e,t,n){n.r(t),n.d(t,{default:function(){return ce}});var a=n(58168),o=n(53986),i=n(96540),r=n(36665),l=n(9208),s=n(12883),d=["components"],c={},u="wrapper";function p(e){var t=e.components,n=(0,o.A)(e,d);return(0,r.mdx)(u,(0,a.A)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(s.Ay,{mdxType:"PropsTable"},(0,r.mdx)(s.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(s.dt,{mdxType:"PropNameCell"},"variant"),(0,r.mdx)(s.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'hazard-high'\n 'hazard-medium'\n 'hazard-low'\n 'error'\n 'custom'\n],\n"))),(0,r.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The variant of notification to be rendered. This renders the dialog with the corresponding header and icon to the\nvariant concept."))),(0,r.mdx)(s.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(s.dt,{mdxType:"PropNameCell"},"dialogTitle"),(0,r.mdx)(s.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nThe title to describe the high-level overview of why the notification-dialog is being displayed to the user. Use a title that relates directly to the\nmessage/actions provided in the dialog. Adding a title, while optional, is always best practice."))),(0,r.mdx)(s.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(s.dt,{mdxType:"PropNameCell"},"startMessage"),(0,r.mdx)(s.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The text to provide more detail or defined terminology to be displayed at the start of the notification dialog body. Don’t repeat the title verbatim."))),(0,r.mdx)(s.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(s.dt,{mdxType:"PropNameCell"},"endMessage"),(0,r.mdx)(s.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The text to provide more detail or defined terminology to be displayed at the end of the notification dialog body. Don’t repeat the title verbatim."))),(0,r.mdx)(s.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(s.dt,{mdxType:"PropNameCell"},"content"),(0,r.mdx)(s.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The content to be inserted after ",(0,r.mdx)("inlineCode",{parentName:"p"},"startMessage")," and/or before ",(0,r.mdx)("inlineCode",{parentName:"p"},"endMessage")," to provide more details to the user in the dialog body. Don’t repeat the title verbatim."))),(0,r.mdx)(s.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(s.dt,{mdxType:"PropNameCell"},"acceptAction"),(0,r.mdx)(s.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n text: {\n type: 'string',\n },\n onClick: {\n type: 'func',\n },\n},\n"))),(0,r.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The button text and onclick values of the accept button."))),(0,r.mdx)(s.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(s.dt,{mdxType:"PropNameCell"},"rejectAction"),(0,r.mdx)(s.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n text: {\n type: 'string',\n },\n onClick: {\n type: 'func',\n },\n},\n"))),(0,r.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The button text and onclick values of the reject button."))),(0,r.mdx)(s.fI,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(s.dt,{mdxType:"PropNameCell"},"buttonOrder"),(0,r.mdx)(s.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'acceptFirst'\n 'rejectFirst'\n],\n"))),(0,r.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'acceptFirst'\n"))),(0,r.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Determines the order of notification action buttons."))),(0,r.mdx)(s.fI,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(s.dt,{mdxType:"PropNameCell"},"emphasizedAction"),(0,r.mdx)(s.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'accept'\n 'reject'\n],\n"))),(0,r.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,r.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Determines whether acceptAction, rejectAction or neither is emphasizedAction"))),(0,r.mdx)(s.fI,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(s.dt,{mdxType:"PropNameCell"},"custom"),(0,r.mdx)(s.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n signalWord: {\n type: 'string',\n description: 'The keyword used to represent & emphasis the intention of dialog message that is being shown to the user.',\n },\n iconClassName: {\n type: 'string',\n description: 'The class name used to set the icon as the background image to be used as the icon in the notification-dialog.',\n },\n},\n"))),(0,r.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The pieces to populate a notification-dialog when ",(0,r.mdx)("inlineCode",{parentName:"p"},'variant="custom"'),".")))))}p.isMDXComponent=!0;var m=["components"],f={},h="wrapper";function g(e){var t=e.components,n=(0,o.A)(e,m);return(0,r.mdx)(h,(0,a.A)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(s.Ay,{mdxType:"PropsTable"},(0,r.mdx)(s.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(s.dt,{mdxType:"PropNameCell"},"items"),(0,r.mdx)(s.$d,{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)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The list of strings to display in a list format.")))))}g.isMDXComponent=!0;var x=n(5533),y=["components"],v={};function w(e){var t=e.components,n=(0,o.A)(e,y);return(0,r.mdx)("wrapper",(0,a.A)({},v,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 Button from \'terra-button\';\nimport NotificationDialog from \'terra-notification-dialog\';\n\nconst NotificationDialogExample = () => {\n const [isOpen, setIsOpen] = useState(false);\n\n const handleCloseModal = () => {\n setIsOpen(false);\n };\n\n const handleOpenModal = () => {\n setIsOpen(true);\n };\n\n return (\n <>\n {isOpen && (\n \n )}\n \n \n \n \n );\n\n return body;\n }\n}\n\nexport default StandaloneAggregatorExample;\n\n")))}u.isMDXComponent=!0;var m=n(201),p=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(m.A,{title:t||"Standalone Aggregator Example",description:n,example:o.createElement(d.A,null),exampleSrc:o.createElement(u,null),isExpanded:a})},g=n(87641),f=["components"],h={};function x(e){var t=e.components,n=(0,r.A)(e,f);return(0,l.mdx)("wrapper",(0,a.A)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Grid from 'terra-grid';\n\nimport Aggregator from 'terra-aggregator';\nimport AggregatorItem from '../common/AggregatorItem';\n\nconst items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n}, {\n key: 'SECTION_1',\n component: ,\n}, {\n key: 'SECTION_2',\n component: ,\n}, {\n key: 'SECTION_3',\n component: ,\n}]);\n\nconst CustomRenderAggregatorExample = () => (\n
\n (\n \n \n \n {renderData.items[0]}\n \n \n {renderData.items[1]}\n \n \n \n \n {renderData.items[2]}\n \n \n {renderData.items[3]}\n \n \n \n )}\n />\n
\n);\n\nexport default CustomRenderAggregatorExample;\n\n")))}x.isMDXComponent=!0;var y=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(m.A,{title:t||"Custom Render Aggregator Example",description:n,example:o.createElement(g.A,null),exampleSrc:o.createElement(x,null),isExpanded:a})},v=n(20438),E=["components"],S={};function A(e){var t=e.components,n=(0,r.A)(e,E);return(0,l.mdx)("wrapper",(0,a.A)({},S,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { withDisclosureManager, disclosureManagerShape } from 'terra-disclosure-manager';\nimport ModalManager from 'terra-modal-manager';\n\nimport ModalAggregator from '../common/ModalAggregator';\n\nconst ModalButton = withDisclosureManager(({ disclosureManager }) => (\n {\n disclosureManager.disclose({\n preferredType: 'modal',\n size: 'large',\n content: {\n key: 'MODAL_EXAMPLE',\n component: ,\n },\n });\n }}\n >\n Launch Modal\n \n));\n\nModalButton.propTypes = {\n disclosureManager: disclosureManagerShape,\n};\n\nconst SimpleAggregatorExample = () => (\n
\n \n \n \n
\n);\n\nexport default SimpleAggregatorExample;\n\n")))}A.isMDXComponent=!0;var b=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(m.A,{title:t||"Aggregator In Modal Example",description:n,example:o.createElement(v.A,null),exampleSrc:o.createElement(A,null),isExpanded:a})},M=n(8549),N=["components"],C={};function T(e){var t=e.components,n=(0,r.A)(e,N);return(0,l.mdx)("wrapper",(0,a.A)({},C,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ModalManager from 'terra-modal-manager';\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport { withDisclosureManager } from 'terra-disclosure-manager';\n\nimport Aggregator from 'terra-aggregator';\nimport AggregatorItem from '../common/AggregatorItem';\nimport SimpleAggregatorItem from '../common/SimpleAggregatorItem';\n\nconst items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n}, {\n key: 'SECTION_1',\n component: ,\n}, {\n key: 'SECTION_2',\n component: ,\n}]);\n\nconst Wrapper = withDisclosureManager(({ disclosureManager }) => (\n \n));\n\nconst CombinedDisclosureExample = () => (\n
\n \n \n \n \n \n
\n);\n\nexport default CombinedDisclosureExample;\n\n")))}T.isMDXComponent=!0;var D=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(m.A,{title:t||"Combined Disclosure Example",description:n,example:o.createElement(M.A,null),exampleSrc:o.createElement(T,null),isExpanded:a})},I=n(75168),k=["components"],w={};function O(e){var t=e.components,n=(0,r.A)(e,k);return(0,l.mdx)("wrapper",(0,a.A)({},w,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ModalManager from 'terra-modal-manager';\nimport SlidePanelManager from 'terra-slide-panel-manager';\n\nimport Aggregator from 'terra-aggregator';\nimport { withDisclosureManager } from 'terra-disclosure-manager';\nimport AggregatorItem from '../common/AggregatorItem';\n\nconst Wrapper = withDisclosureManager(({ items, disclosureManager }) => (\n \n));\n\nconst ModalManagerBypass = withDisclosureManager(({ disclosureManager }) => {\n const items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n }, {\n key: 'SECTION_1',\n component: ,\n }]);\n\n return (\n \n \n \n );\n});\n\nconst ModalBypassExample = () => (\n
\n

\n In this example, the Aggregator items are provided with the ModalManager disclosure function directly.\n Calling that function does not require Aggregator focus and will bypass the Aggregator entirely. This can be\n useful for simple Modal workflows that should not impact Aggregator state.\n

\n \n \n \n
\n);\n\nexport default ModalBypassExample;\n\n")))}O.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(m.A,{title:t||"Disclosure Bypass Example",description:n,example:o.createElement(I.A,null),exampleSrc:o.createElement(O,null),isExpanded:a})},j=n(12883),P=["components"],R={},F="wrapper";function B(e){var t=e.components,n=(0,r.A)(e,P);return(0,l.mdx)(F,(0,a.A)({},R,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(j.Ay,{mdxType:"PropsTable"},(0,l.mdx)(j.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(j.dt,{mdxType:"PropNameCell"},"items"),(0,l.mdx)(j.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n key: {\n type: 'string',\n required: true,\n },\n component: {\n type: 'element',\n required: true,\n },\n },\n}],\n"))),(0,l.mdx)(j.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(j.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(j.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The components that will be managed by the Aggregator. Each component provided will be provided with an 'aggregatorDelegate' prop\ncontaining the Aggregator API. Keys must also be provided to allow the Aggregator to uniquely identify the component.\nImmutable objects are preferred."))),(0,l.mdx)(j.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(j.dt,{mdxType:"PropNameCell"},"render"),(0,l.mdx)(j.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(j.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(j.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(j.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A function that will override the Aggregators default render. The function will receive an Object parameter data necessary for the\nrender process."))),(0,l.mdx)(j.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(j.dt,{mdxType:"PropNameCell"},"disclose"),(0,l.mdx)(j.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(j.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(j.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(j.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A function that will be provided to Aggregator items that have received focus. The function must adhere to the standardized\nDisclosureManager disclosure API.")))))}B.isMDXComponent=!0;var q=["components"],G={},L="wrapper";function z(e){var t=e.components,n=(0,r.A)(e,q);return(0,l.mdx)(L,(0,a.A)({},G,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(i.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-aggregator"},"Terra Aggregator"),(0,l.mdx)("p",null,"The Aggregator provides focus-based mechanisms for managing actions across disparate components."),(0,l.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Install with ",(0,l.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"npm install terra-aggregator"))))),(0,l.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,l.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(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},"Peer Dependency"),(0,l.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react"),(0,l.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,l.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("h3",{id:"aggregator-focus"},"Aggregator Focus"),(0,l.mdx)("p",null,"The Aggregator manages interactions across its items using focus. Only one item can have focus at any given time. When an item requests focus, it can provide an Object containing state pertaining to the focus request. This state will be managed by the Aggregator and given to the item as a prop on the next render cycle. What goes inside this Object is up to the item. However, this Object will be destroyed when the item loses focus, so the data included should be scoped to things tied directly to a focused state."),(0,l.mdx)("p",null,"Once an item receives focus, the item will be provided with the 'disclose' function that the Aggregator was provided with. The Aggregator wraps that disclose function and ensures that the disclosure lifecycle is tied to the focus management. If the disclosure is closed, focus will be released from the disclosing component. If the disclosing component loses focus for whatever reason, the Aggregator will ensure that the disclosure is closed. Any DisclosureManager-based disclosure implementation is supported."),(0,l.mdx)("p",null,"The components rendered by the Aggregator are provided with an ",(0,l.mdx)("inlineCode",{parentName:"p"},"aggregatorDelegate")," prop for interacting with Aggregator state."),(0,l.mdx)("p",null,(0,l.mdx)("inlineCode",{parentName:"p"},"aggregatorDelegate")," API:"),(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"),(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},"hasFocus"),(0,l.mdx)("td",{parentName:"tr",align:null},"A Boolean indicating whether or not the item currently has focus.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"requestFocus"),(0,l.mdx)("td",{parentName:"tr",align:null},"A function that will attempt to give focus to the calling item.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"releaseFocus"),(0,l.mdx)("td",{parentName:"tr",align:null},"A function that will release focus from the calling item. This is only provided if the item currently has focus.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"itemState"),(0,l.mdx)("td",{parentName:"tr",align:null},"An Object containing state that was given to the Aggregator during the focus request.")))),(0,l.mdx)("h3",{id:"rendering"},"Rendering"),(0,l.mdx)("p",null,"By default, the components will be rendered by the Aggregator in the order given. An optional ",(0,l.mdx)("inlineCode",{parentName:"p"},"render")," prop can be provided that will override the default render logic."),(0,l.mdx)("p",null,(0,l.mdx)("inlineCode",{parentName:"p"},"render")," Argument Object API:"),(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"),(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},(0,l.mdx)("inlineCode",{parentName:"td"},"items")),(0,l.mdx)("td",{parentName:"tr",align:null},"An Array of components that were provided to the Aggregator as ",(0,l.mdx)("inlineCode",{parentName:"td"},"items"),", now containing an ",(0,l.mdx)("inlineCode",{parentName:"td"},"aggregatorDelegate")," prop. The order of this array matches that of the ",(0,l.mdx)("inlineCode",{parentName:"td"},"items")," prop value of the Aggregator.")))),(0,l.mdx)("h4",{id:"rendering-example-using-grid"},"Rendering Example (using Grid)"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"}," }, { key: '2', component: }]}\n render={renderData => (\n \n \n \n {renderData.items[0]} // This component is equivalent to: \n \n \n {renderData.items[1]} // This component is equivalent to: \n \n \n \n )}\n/>\n")),(0,l.mdx)("h3",{id:"example"},"Example"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Aggregator from 'terra-aggregator';\n")),(0,l.mdx)("h2",{id:"component-features"},"Component Features"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(p,{title:"Standalone Aggregator",mdxType:"StandaloneAggregatorExample"}),(0,l.mdx)(y,{title:"Custom Render Aggregator",mdxType:"CustomRenderAggregatorExample"}),(0,l.mdx)(D,{title:"Combined Discloure Aggregator",mdxType:"CombinedDisclosureExample"}),(0,l.mdx)(_,{title:"Disclosure Bypass Aggregator",mdxType:"DisclosureBypassExample"}),(0,l.mdx)(b,{title:"Aggregator In Modal",mdxType:"AggregatorInModalExample"}),(0,l.mdx)("h2",{id:"aggregator-props-table"},"Aggregator Props table"),(0,l.mdx)(B,{mdxType:"AggregatorPropsTable"}))}z.isMDXComponent=!0},39097:function(e,t,n){n.d(t,{E:function(){return o}});var a=n(96540),r=n(55713),o=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-aggregator",name:"terra-aggregator",version:"4.78.0",url:t})}},31776:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(43693)),o=a(n(91847)),l=a(n(17383)),i=a(n(34579)),d=a(n(28452)),s=a(n(63072)),c=a(n(29511)),u=a(n(96540)),m=a(n(5556)),p=["afterDismiss","dismissDisclosure"];function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function f(e,t,n){return t=(0,s.default)(t),(0,d.default)(e,h()?Reflect.construct(t,n||[],(0,s.default)(e).constructor):t.apply(e,n))}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(h=function(){return!!e})()}var x={items:m.default.arrayOf(m.default.shape({key:m.default.string.isRequired,component:m.default.element.isRequired})),render:m.default.func,disclose:m.default.func},y=function(e){function t(e){var n;return(0,l.default)(this,t),(n=f(this,t,[e])).requestFocus=n.requestFocus.bind(n),n.releaseFocus=n.releaseFocus.bind(n),n.setFocusState=n.setFocusState.bind(n),n.resetFocusState=n.resetFocusState.bind(n),n.renderItems=n.renderItems.bind(n),n.state={focusedItemId:void 0,focusedItemState:void 0},n}return(0,c.default)(t,e),(0,i.default)(t,[{key:"componentDidUpdate",value:function(e){var t,n=this.props.items,a=this.state.focusedItemId;this.props.items!==e.items&&(n.forEach((function(e){e.key===a&&(t=!0)})),t||this.releaseFocus(void 0,!0))}},{key:"setFocusState",value:function(e,t){this.setState({focusedItemId:e,focusedItemState:t})}},{key:"resetFocusState",value:function(){this.setFocusState()}},{key:"requestFocus",value:function(e,t){var n=this,a=this.props.disclose,l=this.state.focusedItemId;return new Promise((function(i,d){n.releaseFocus(l).then((function(){n.setFocusState(e,Object.freeze(t||{}));var l={};a&&(l.disclose=function(t){return n.state.focusedItemId!==e?Promise.reject():a(t).then((function(e){var t=e.afterDismiss,a=e.dismissDisclosure,l=(0,o.default)(e,p);return n.forceDismissInstance=a,t.then((function(){n.forceDismissInstance=void 0,n.state.focusedItemId&&n.resetFocusState()})),function(e){for(var t=1;t {\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 onFocus Trigger Count:\n {' '}\n {focusCount}\n
\n
\n onBlur Trigger Count:\n {' '}\n {blurCount}\n
\n
\n onRequestClose Trigger Count:\n {' '}\n {onRequestCloseCount}\n
\n
\n onChangeRaw Triggered:\n {' '}\n {changeRawValue}\n
\n
\n onChange Triggered:\n {' '}\n {changeValue}\n
\n
\n onSelect Triggered:\n {' '}\n {selectValue}\n

\n \n
\n );\n};\n\nexport default DateTimePickerEvents;\n\n")))}s.isMDXComponent=!0;var h=n(201),p=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(h.A,{title:t||"Date Time Picker Events",description:n,example:l.createElement(d.A,null),exampleSrc:l.createElement(s,null),isExpanded:a})},c=["components"],f={},x="wrapper";function g(e){var t=e.components,n=(0,i.A)(e,c);return(0,o.mdx)(x,(0,a.A)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(r.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-date-time-picker"},"Terra Date Time Picker"),(0,o.mdx)("h2",{id:"events"},"Events"),(0,o.mdx)("p",null,"terra-date-time-picker has several callback events that are slightly different in behavior from the native counterparts."),(0,o.mdx)("h3",{id:"onblur"},"onBlur"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.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,o.mdx)("inlineCode",{parentName:"li"},"onBlur")," event will not be triggered since the focus is still within the DateTime Picker component. The ",(0,o.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,o.mdx)("li",{parentName:"ul"},"There are two paramters in the ",(0,o.mdx)("inlineCode",{parentName:"li"},"onBlur")," callback prop. The first parameter is the ",(0,o.mdx)("inlineCode",{parentName:"li"},"event")," object representing the blur event. The second parameter is the ",(0,o.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,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("h3",{id:"onchange"},"onChange"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.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,o.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop would not be triggered if the entered or selected date meets one of the following criteria.")),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"An exlcuded date in the ",(0,o.mdx)("inlineCode",{parentName:"li"},"excludeDates")," prop."),(0,o.mdx)("li",{parentName:"ul"},"A date that is filtered by the ",(0,o.mdx)("inlineCode",{parentName:"li"},"filterDate")," prop."),(0,o.mdx)("li",{parentName:"ul"},"Not an included date in the ",(0,o.mdx)("inlineCode",{parentName:"li"},"includeDates")," prop."),(0,o.mdx)("li",{parentName:"ul"},"Not within the range of the ",(0,o.mdx)("inlineCode",{parentName:"li"},"minDate")," and ",(0,o.mdx)("inlineCode",{parentName:"li"},"maxDate")," props.")),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"There are three parameters in the ",(0,o.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop. The first parameter is the ",(0,o.mdx)("inlineCode",{parentName:"li"},"event")," object. The second parameter is the ",(0,o.mdx)("inlineCode",{parentName:"li"},"date and time")," value. The third parameter is the ",(0,o.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,o.mdx)("inlineCode",{parentName:"li"},"onChange")," callback is triggered.",(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("h3",{id:"onchangeraw"},"onChangeRaw"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.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,o.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," and ",(0,o.mdx)("inlineCode",{parentName:"li"},"onChange")," events will be triggered. The ",(0,o.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," event would be triggered first followed by the ",(0,o.mdx)("inlineCode",{parentName:"li"},"onChange")," event."),(0,o.mdx)("li",{parentName:"ul"},"There are three parameters in the ",(0,o.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback prop. The first parameter is the ",(0,o.mdx)("inlineCode",{parentName:"li"},"event")," object. The second parameter is ",(0,o.mdx)("inlineCode",{parentName:"li"},"either the date or time")," value, which ever was changed. The third parameter is the ",(0,o.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,o.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback is triggered.",(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("li",{parentName:"ul"},(0,o.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,o.mdx)("h3",{id:"onrequestclose"},"onRequestClose"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.mdx)("inlineCode",{parentName:"li"},"onRequestClose")," callback prop is triggered when dismissing the datepicker.")),(0,o.mdx)("h3",{id:"onfocus"},"onFocus"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.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,o.mdx)("inlineCode",{parentName:"li"},"onFocus")," event will not be triggered since the focus is still within the DateTime Picker component. Similar to the ",(0,o.mdx)("inlineCode",{parentName:"li"},"onBlur")," event, the ",(0,o.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,o.mdx)("h3",{id:"onselect"},"onSelect"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.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,o.mdx)("inlineCode",{parentName:"li"},"onChange")," event will be triggered first (if the newly selected is different from the previous date) followed by the ",(0,o.mdx)("inlineCode",{parentName:"li"},"onSelect")," event.")),(0,o.mdx)("h2",{id:"event-trigger-order"},"Event Trigger Order"),(0,o.mdx)("p",null,"When these actions are taken, the events are triggered in the following order."),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Manual date entry ",(0,o.mdx)("ol",{parentName:"li"},(0,o.mdx)("li",{parentName:"ol"},"onChangeRaw"),(0,o.mdx)("li",{parentName:"ol"},"onChange (if the entered date and time are valid.)"))),(0,o.mdx)("li",{parentName:"ul"},"Selection from the picker",(0,o.mdx)("ol",{parentName:"li"},(0,o.mdx)("li",{parentName:"ol"},"onSelect"),(0,o.mdx)("li",{parentName:"ol"},"onChange (if the existing time is valid which now forms a complete date time value.)")))),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(p,{title:"Date Picker Event Triggers",mdxType:"DateTimePickerEvents"}))}g.isMDXComponent=!0},49879:function(e,t,n){n.d(t,{E:function(){return l}});var a=n(96540),i=n(55713),l=function(e){var t=e.url;return a.createElement(i.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-time-picker",name:"terra-date-time-picker",version:"4.118.0",url:t})}},37382:function(e,t,n){var a=n(24994),i=n(73738);t.A=void 0;var l=a(n(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var r=l?Object.getOwnPropertyDescriptor(e,o):null;r&&(r.get||r.set)?Object.defineProperty(a,o,r):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(96540)),r=a(n(81364)),d=a(n(19449));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)}t.A=function(){var e=(0,o.useState)(0),t=(0,l.default)(e,2),n=t[0],a=t[1],i=(0,o.useState)(0),m=(0,l.default)(i,2),u=m[0],s=m[1],h=(0,o.useState)(0),p=(0,l.default)(h,2),c=p[0],f=p[1],x=(0,o.useState)(""),g=(0,l.default)(x,2),C=g[0],b=g[1],v=(0,o.useState)(""),N=(0,l.default)(v,2),w=N[0],T=N[1],k=(0,o.useState)(""),S=(0,l.default)(k,2),y=S[0],R=S[1];return o.default.createElement("div",null,o.default.createElement("p",null,"onFocus Trigger Count:"," ",o.default.createElement("span",{id:"onFocus-count"},u),o.default.createElement("br",null),o.default.createElement("br",null),"onBlur Trigger Count:"," ",o.default.createElement("span",{id:"onBlur-count"},n),o.default.createElement("br",null),o.default.createElement("br",null),"onRequestClose Trigger Count:"," ",o.default.createElement("span",{id:"onRequestClose-count"},c),o.default.createElement("br",null),o.default.createElement("br",null),"onChangeRaw Triggered:"," ",o.default.createElement("span",{id:"onChangeRaw"},w),o.default.createElement("br",null),o.default.createElement("br",null),"onChange Triggered:"," ",o.default.createElement("span",{id:"onChange"},C),o.default.createElement("br",null),o.default.createElement("br",null),"onSelect Triggered:"," ",o.default.createElement("span",{id:"onSelect"},y)),o.default.createElement(r.default,{name:"date-time-picker-events",onBlur:function(){a(n+1)},onFocus:function(){s(u+1)},onChange:function(e,t){b(t)},onChangeRaw:function(e,t){T(t)},onSelect:function(e,t){R(t)},onRequestClose:function(){f(c+1)},timeVariant:d.default.FORMAT_12_HOUR,showSeconds:!0}))}}}]); \ No newline at end of file diff --git a/32397-b061bdd2acb91e1bfc46.css b/32397-b061bdd2acb91e1bfc46.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/32397-b061bdd2acb91e1bfc46.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/32397-b061bdd2acb91e1bfc46.js b/32397-b061bdd2acb91e1bfc46.js new file mode 100644 index 0000000000..9a29100605 --- /dev/null +++ b/32397-b061bdd2acb91e1bfc46.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[32397],{55713:function(e,a,l){var d=l(24994);a.A=void 0;var m=d(l(96540)),n=d(l(5556)),r=d(l(67967)),u=d(l(25642)),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;a.A=p},32397:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(58168),m=l(53986),n=(l(96540),l(36665)),r=l(63530),u=["components"],i={},t="wrapper";function p(e){var a=e.components,l=(0,m.A)(e,u);return(0,n.mdx)(t,(0,d.A)({},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:"51060---may-20-2024"},"5.106.0 - (May 20, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"51050---may-14-2024"},"5.105.0 - (May 14, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"51040---may-8-2024"},"5.104.0 - (May 8, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"51030---may-1-2024"},"5.103.0 - (May 1, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"51020---april-23-2024"},"5.102.0 - (April 23, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"51010---april-18-2024"},"5.101.0 - (April 18, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"51000---april-17-2024"},"5.100.0 - (April 17, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5990---april-4-2024"},"5.99.0 - (April 4, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5980---march-29-2024"},"5.98.0 - (March 29, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5970---march-25-2024"},"5.97.0 - (March 25, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5960---march-19-2024"},"5.96.0 - (March 19, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5950---march-14-2024"},"5.95.0 - (March 14, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5940---march-8-2024"},"5.94.0 - (March 8, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5930---march-5-2024"},"5.93.0 - (March 5, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5920---march-1-2024"},"5.92.0 - (March 1, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5910---february-28-2024"},"5.91.0 - (February 28, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5900---february-7-2024"},"5.90.0 - (February 7, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5890---january-22-2024"},"5.89.0 - (January 22, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5880---january-10-2024"},"5.88.0 - (January 10, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5870---december-18-2023"},"5.87.0 - (December 18, 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:"5860---december-11-2023"},"5.86.0 - (December 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:"5850---november-23-2023"},"5.85.0 - (November 23, 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:"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.A)(e,x);return(0,n.mdx)(N,(0,d.A)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},63530:function(e,a,l){l.d(a,{E:function(){return n}});var d=l(96540),m=l(55713),n=function(e){var a=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel-manager",name:"terra-slide-panel-manager",version:"5.106.0",url:a})}},25642: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"}},58168:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(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,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/33637-43ca5e7af3692a5cdb94.css b/33637-43ca5e7af3692a5cdb94.css new file mode 100644 index 0000000000..3cd8cf6a90 --- /dev/null +++ b/33637-43ca5e7af3692a5cdb94.css @@ -0,0 +1,2 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/33637-43ca5e7af3692a5cdb94.js b/33637-43ca5e7af3692a5cdb94.js new file mode 100644 index 0000000000..4f6e5d3592 --- /dev/null +++ b/33637-43ca5e7af3692a5cdb94.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[33637],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var o=a(n(96540)),r=a(n(5556)),i=a(n(67967)),l=a(n(25642)),u=i.default.bind(l.default),c={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},m=function(e){var t=e.src,n=e.name,a=e.url,r=e.version,i=o.default.createElement("a",{className:u("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},o.default.createElement("span",{className:u("badge-name")},a?"package":"npm"),o.default.createElement("span",{className:u("badge-version")},"v".concat(r))),l=t?o.default.createElement("a",{className:u("badge"),href:t},o.default.createElement("span",{className:u("badge-name")},"github"),o.default.createElement("span",{className:u("badge-version")},"source")):void 0;return o.default.createElement("div",{className:u("badge-container")},i,l)};m.propTypes=c;t.A=m},201:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var r=a(n(85715)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(96540)),l=a(n(5556)),u=a(n(67967)),c=n(92912),m=a(n(49558)),p=a(n(53665)),s=n(25966),d=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var h=u.default.bind(d.default),v={example:l.default.element,exampleSrc:l.default.element,exampleCssSrc:l.default.element,title:l.default.string,description:l.default.node,isExpanded:l.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},_=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,l=e.description,u=e.isExpanded,d=(0,i.useState)(u),f=(0,r.default)(d,2),v=f[0],_=f[1],w=(0,i.useState)(!1),x=(0,r.default)(w,2),y=x[0],N=x[1],E=i.default.useContext(c.ThemeContext),F=void 0!==a,P=function(){N(!y),v&&_(!v)},k=function(){_(!v),y&&N(!y)},T=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return i.default.createElement("div",{className:h("template",E.className)},i.default.createElement("div",{className:h("header")},o&&i.default.createElement("h2",{className:h("title")},o)),i.default.createElement("div",{className:h("content")},l&&i.default.createElement("div",{className:h("description")},l),t),i.default.createElement("div",{className:h("footer")},n?i.default.createElement("div",{className:h("button-container")},F&&i.default.createElement("button",{type:"button",className:h("css-toggle","item",{"is-selected":y}),onClick:P,onKeyDown:function(e){return T(e,P)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(m.default,{className:h("chevron")}),i.default.createElement("span",null,"CSS"),i.default.createElement(p.default,{className:h("chevron")})),i.default.createElement("button",{type:"button",className:h("code-toggle","item",{"is-selected":v}),onClick:k,onKeyDown:function(e){return T(e,k)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(m.default,{className:h("chevron")}),i.default.createElement("span",null,"Code"),i.default.createElement(p.default,{className:h("chevron")}))):null,i.default.createElement("div",null,y&&i.default.createElement("div",{className:h("css")},a),v&&i.default.createElement("div",{className:h("code")},n))))};_.propTypes=v,_.defaultProps={isExpanded:!1};t.A=_},33637:function(e,t,n){n.r(t),n.d(t,{default:function(){return g}});var a=n(58168),o=n(53986),r=n(96540),i=n(36665),l=n(5147),u=n(88734),c=["components"],m={};function p(e){var t=e.components,n=(0,o.A)(e,c);return(0,i.mdx)("wrapper",(0,a.A)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport NavigationPrompt, { NavigationPromptCheckpoint } from 'terra-navigation-prompt';\n\nconst Form = ({ title, ariaLabel }) => {\n const [inputValue, setInputValue] = useState('');\n\n return (\n
\n

{title}

\n {inputValue.length ? : undefined}\n {\n setInputValue(event.target.value);\n }}\n value={inputValue}\n />\n {\n setInputValue('');\n }}\n >\n Submit\n \n
\n );\n};\n\nForm.propTypes = {\n title: PropTypes.string,\n ariaLabel: PropTypes.string,\n};\n\nconst FormSwitcher = () => {\n const [activeForm, setActiveForm] = useState('Form 1');\n const formCheckpointRef = useRef();\n\n function onSwitchForm(formKey) {\n formCheckpointRef.current.resolvePrompts({\n title: 'Descriptive Notification Prompt Title',\n startMessage: 'Descriptive Notification Prompt Message',\n rejectButtonText: 'Descriptive Reject Button Action',\n acceptButtonText: 'Descriptive Accept Button Action',\n buttonOrder: 'acceptFirst',\n }).then(() => {\n setActiveForm(formKey);\n }).catch(() => {\n });\n }\n\n return (\n
\n

Form Switcher

\n

The user will be prompted with the provided messaging when Forms are switched with unsaved changes present.

\n \n Switch to Form 1\n \n \n Switch to Form 2\n \n \n \n \n
\n );\n};\n\nexport default FormSwitcher;\n\n")))}p.isMDXComponent=!0;var s=n(201),d=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Implementation Guide Part 1",description:n,example:r.createElement(u.A,null),exampleSrc:r.createElement(p,null),isExpanded:a})},f=["components"],h={},v="wrapper";function g(e){var t=e.components,n=(0,o.A)(e,f);return(0,i.mdx)(v,(0,a.A)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(l.E,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-navigation-prompt---implementation-guide"},"Terra Navigation Prompt - Implementation Guide"),(0,i.mdx)("h2",{id:"part-1---implementing-the-navigationprompt-and-navigationpromptcheckpoint"},"Part 1 - Implementing the NavigationPrompt and NavigationPromptCheckpoint"),(0,i.mdx)("p",null,"To better notify the user of the Form's transient state, we update the Form to render a NavigationPrompt."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},"- import React, { useState } from 'react';\n+ import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\n+ import NavigationPrompt, { NavigationPromptCheckpoint } from 'terra-navigation-prompt';\n\nconst Form = ({ title }) => {\n const [inputValue, setInputValue] = useState('');\n\n return (\n
\n

{title}

\n+ {inputValue.length ? : undefined}\n {\n setInputValue(event.target.value);\n }}\n value={inputValue}\n />\n {\n setInputValue('');\n }}\n >\n Submit\n \n
\n );\n};\n")),(0,i.mdx)("p",null,"The Form renders the NavigationPrompt when the input has a non-empty value. If it were to render the NavigationPrompt at all times, the user would be prompted inappropriately when the input is empty."),(0,i.mdx)("p",null,"The Form provides its ",(0,i.mdx)("inlineCode",{parentName:"p"},"title")," prop as the NavigationPrompt's ",(0,i.mdx)("inlineCode",{parentName:"p"},"description")," prop to give it an identifying feature. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"description")," doesn't need to be unique across all rendered NavigationPrompts, but it should give our users a good idea of where the unsaved changes are at. For our purposes, the Form's ",(0,i.mdx)("inlineCode",{parentName:"p"},"title")," is sufficient."),(0,i.mdx)("p",null,"Now that the Form is rendering a NavigationPrompt, the FormSwitcher needs to render a NavigationPromptCheckpoint around the Form to detect that prompt."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},"const FormSwitcher = () => {\n const [activeForm, setActiveForm] = useState('Form 1');\n+ const formCheckpointRef = useRef();\n\n function onSwitchForm(formKey) {\n+ formCheckpointRef.current.resolvePrompts({\n+ title: 'Descriptive Notification Prompt Title',\n+ startMessage: 'Descriptive Notification Prompt Message',\n+ rejectButtonText: `Descriptive Reject Button Action`,\n+ acceptButtonText: 'Descriptive Accept Button Action',\n+ buttonOrder: 'acceptFirst',\n+ }).then(() => {\n setActiveForm(formKey);\n+ });\n }\n\n return (\n
\n

Form Switcher

\n-

The NavigationPrompt is not implemented, so no prompting occurs.

\n+

The user will be prompted with the provided messaging when Forms are switched with unsaved changes present.

\n \n Switch to Form 1\n \n \n Switch to Form 2\n \n+ \n \n+ \n
\n );\n};\n")),(0,i.mdx)("p",null,"The FormSwitcher gets a ref to the NavigationPromptCheckpoint; this example uses the ",(0,i.mdx)("a",{parentName:"p",href:"https://reactjs.org/docs/hooks-reference.html#useref"},"useRef hook"),", but any of the supported ref retrieval methods would be sufficient. The FormSwitcher then uses this ref to call the ",(0,i.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," function when it wants to switch to a new Form."),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," function is an instance function of the NavigationPromptCheckpoint. When ",(0,i.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," is called, the NavigationPromptCheckpoint will render a NotificationDialog and return a ",(0,i.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises"},"Promise"),". The Promise will be resolved immediately if no NavigationPrompts have been rendered below the checkpoint, so we don't need to check for the presence of any NavigationPrompts before we call it. The Promise will also resolve if a user presses the NotificationDialog's accept action button. The Promise will reject if a user presses the NotificationDialog's reject action button. In our example, we only update the FormSwitcher's state when the Promise is resolved."),(0,i.mdx)("p",null,"With those changes in place, the FormSwitcher will prompt the user for confirmation when they attempt to switch away from Forms with unsaved data."),(0,i.mdx)("h2",{id:"example"},"Example"),(0,i.mdx)(d,{title:"Part 1 - Implementing the NavigationPrompt and NavigationPromptCheckpoint",mdxType:"ImplementationGuidePart1"}))}g.isMDXComponent=!0},5147:function(e,t,n){n.d(t,{E:function(){return r}});var a=n(96540),o=n(55713),r=function(e){var t=e.url;return a.createElement(o.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-prompt",name:"terra-navigation-prompt",version:"1.94.0",url:t})}},88734:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var r=a(n(85715)),i=m(n(96540)),l=a(n(5556)),u=m(n(95447));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function m(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}var p=function(e){var t=e.title,n=e.ariaLabel,a=(0,i.useState)(""),o=(0,r.default)(a,2),l=o[0],c=o[1];return i.default.createElement("div",null,i.default.createElement("p",null,t),l.length?i.default.createElement(u.default,{description:t}):void 0,i.default.createElement("input",{type:"text","aria-label":n,onChange:function(e){c(e.target.value)},value:l}),i.default.createElement("button",{type:"button",onClick:function(){c("")}},"Submit"))};p.propTypes={title:l.default.string,ariaLabel:l.default.string};t.A=function(){var e=(0,i.useState)("Form 1"),t=(0,r.default)(e,2),n=t[0],a=t[1],o=(0,i.useRef)();function l(e){o.current.resolvePrompts({title:"Descriptive Notification Prompt Title",startMessage:"Descriptive Notification Prompt Message",rejectButtonText:"Descriptive Reject Button Action",acceptButtonText:"Descriptive Accept Button Action",buttonOrder:"acceptFirst"}).then((function(){a(e)})).catch((function(){}))}return i.default.createElement("div",null,i.default.createElement("h2",null,"Form Switcher"),i.default.createElement("p",null,"The user will be prompted with the provided messaging when Forms are switched with unsaved changes present."),i.default.createElement("button",{type:"button",disabled:"Form 1"===n,onClick:l.bind(null,"Form 1")},"Switch to Form 1"),i.default.createElement("button",{type:"button",disabled:"Form 2"===n,onClick:l.bind(null,"Form 2")},"Switch to Form 2"),i.default.createElement(u.NavigationPromptCheckpoint,{ref:o},i.default.createElement(p,{title:n,key:n,ariaLabel:n})))}},25642: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"}},89986: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"}},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(96540)),o=r(n(25365));function r(e){return e&&e.__esModule?e:{default:e}}var i=function(e){var t=Object.assign({},e);return a.default.createElement(o.default,t,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};i.displayName="IconChevronLeft",i.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=i},58168:function(e,t,n){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}n.d(t,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/33921-9c517473cfe88346298a.css b/33921-9c517473cfe88346298a.css new file mode 100644 index 0000000000..7930e76f34 --- /dev/null +++ b/33921-9c517473cfe88346298a.css @@ -0,0 +1,7 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ApplicationHeaderLayout-module__clinical-lowlight-theme___-1bgb{--terra-application-header-layout-background-color: #222a2e;--terra-application-header-layout-border: 1px solid #b2b5b6;--terra-application-header-layout-color: #b2b5b6;--terra-application-header-layout-logo-min-width: 17.14286rem;--terra-application-header-layout-border-radius: 0;--terra-application-header-layout-margin: 0;--terra-application-header-layout-padding: 1rem 2rem}.ApplicationHeaderLayout-module__orion-fusion-theme___ENqi\+{--terra-application-header-layout-background-color: #0079be;--terra-application-header-layout-border: 1px solid #fff;--terra-application-header-layout-color: #fff;--terra-application-header-layout-logo-min-width: 17.14286rem;--terra-application-header-layout-border-radius: 0;--terra-application-header-layout-margin: 0;--terra-application-header-layout-padding: 1rem 2rem}.ApplicationHeaderLayout-module__fit___KL7Uq{flex:0 0 auto}.ApplicationHeaderLayout-module__fill___PAPf7{flex:1 1 auto;min-width:0;width:100%}.ApplicationHeaderLayout-module__fit___KL7Uq,.ApplicationHeaderLayout-module__fill___PAPf7{align-items:center;display:flex;height:100%;overflow:visible;position:relative}.ApplicationHeaderLayout-module__start___MX918{justify-content:flex-start}.ApplicationHeaderLayout-module__end___BgrVv,.ApplicationHeaderLayout-module__header-inner___hLyff{justify-content:flex-end}.ApplicationHeaderLayout-module__logo___Wzf7u,.ApplicationHeaderLayout-module__utilities___bkZso{max-width:40%}.ApplicationHeaderLayout-module__logo___Wzf7u{min-width:17.14286rem;min-width:var(--terra-application-header-layout-logo-min-width, 17.14286rem)}.ApplicationHeaderLayout-module__extensions___85n-7{max-width:100%}.ApplicationHeaderLayout-module__header-body___HLbvX{position:relative}.ApplicationHeaderLayout-module__skip-content___8eF4z{clip:rect(1px, 1px, 1px, 1px);color:#fff;color:var(--terra-application-header-layout-color, #fff);height:1px;outline:none;overflow:hidden;position:absolute;width:1px}[dir] .ApplicationHeaderLayout-module__skip-content___8eF4z{background-color:#0079be;background-color:var(--terra-application-header-layout-background-color, #0079be);border:1px solid #fff;border:var(--terra-application-header-layout-border, 1px solid #fff);border-radius:0;border-radius:var(--terra-application-header-layout-border-radius, 0);margin:0;margin:var(--terra-application-header-layout-margin, 0);padding:1rem 2rem;padding:var(--terra-application-header-layout-padding, 1rem 2rem)}.ApplicationHeaderLayout-module__skip-content___8eF4z:focus{clip:auto;height:auto;top:0;width:auto;z-index:20}[dir=ltr] .ApplicationHeaderLayout-module__skip-content___8eF4z:focus{left:0}[dir=rtl] .ApplicationHeaderLayout-module__skip-content___8eF4z:focus{right:0}[dir] .ApplicationHeaderLayout-module__skip-content___8eF4z::-moz-focus-inner{border:0;padding:0} +.Placeholder-module__wrapper1-tiny___rYdAk{height:100%;position:relative;width:50px}[dir] .Placeholder-module__wrapper1-tiny___rYdAk{padding:5px}.Placeholder-module__wrapper1-small___gFXxJ{height:100%;position:relative;width:100px}[dir] .Placeholder-module__wrapper1-small___gFXxJ{padding:5px}.Placeholder-module__wrapper1-medium___M-OJi{height:100%;position:relative;width:150px}[dir] .Placeholder-module__wrapper1-medium___M-OJi{padding:5px}.Placeholder-module__wrapper1-default___Pb8bl{height:100%;position:relative;width:100%}[dir] .Placeholder-module__wrapper1-default___Pb8bl{padding:5px}.Placeholder-module__wrapper2___wMyqi{height:100%;position:relative;width:100%}[dir] .Placeholder-module__wrapper2___wMyqi{border:3px dashed #d3d3d3}.Placeholder-module__wrapper3___RZtm4{color:gray;position:absolute;top:50%}[dir=ltr] .Placeholder-module__wrapper3___RZtm4{left:50%;transform:translate3d(-50%, -50%, 0)}[dir=rtl] .Placeholder-module__wrapper3___RZtm4{right:50%;transform:translate3d(50%, -50%, 0)} +.HeaderWireframe-module__content-wrapper___IVzE9{height:60px;position:relative;width:100%}.HeaderWireframe-module__responsive-element-wrapper___Eb3Qg{height: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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/33921-9c517473cfe88346298a.js b/33921-9c517473cfe88346298a.js new file mode 100644 index 0000000000..bee2e76872 --- /dev/null +++ b/33921-9c517473cfe88346298a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[33921],{667:function(e,t,a){a.r(t),a.d(t,{default:function(){return w}});var l=a(58168),n=a(53986),r=a(96540),i=a(36665),d=a(73),o=a(5411),m=["components"],p={};function u(e){var t=e.components,a=(0,n.A)(e,m);return(0,i.mdx)("wrapper",(0,l.A)({},p,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport ResponsiveElement from \'terra-responsive-element\';\nimport ApplicationHeaderLayout from \'terra-application-header-layout\';\nimport ExtensionsExample from \'terra-application-header-layout/lib/terra-dev-site/doc/common/ExtensionsExample\';\nimport LogoExample from \'terra-application-header-layout/lib/terra-dev-site/doc/common/LogoExample\';\nimport NavigationExample from \'terra-application-header-layout/lib/terra-dev-site/doc/common/NavigationExample\';\nimport ToggleExample from \'terra-application-header-layout/lib/terra-dev-site/doc/common/ToggleExample\';\nimport UtilitiesExample from \'terra-application-header-layout/lib/terra-dev-site/doc/common/UtilitiesExample\';\nimport styles from \'./HeaderWireframe.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst HeaderWireframe = () => {\n const tinyHeader = (\n }\n utilities={}\n extensions={}\n navigation={}\n toggle={}\n />\n );\n\n const mediumHeader = (\n }\n utilities={}\n extensions={}\n navigation={}\n toggle={}\n />\n );\n\n const largeHeader = (\n }\n utilities={}\n extensions={}\n navigation={}\n toggle={}\n />\n );\n\n return (\n
\n
\n \n
\n
\n );\n};\n\nexport default HeaderWireframe;\n\n')))}u.isMDXComponent=!0;var s=a(201),c=["components"],f={};function x(e){var t=e.components,a=(0,n.A)(e,c);return(0,i.mdx)("wrapper",(0,l.A)({},f,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n height: 60px;\n position: relative;\n width: 100%;\n }\n \n .responsive-element-wrapper {\n height: 100%;\n }\n}\n\n")))}x.isMDXComponent=!0;var y=function(e){var t=e.title,a=e.description,l=e.isExpanded;return r.createElement(s.A,{title:t||"Header Wireframe",description:a,example:r.createElement(o.A,null),exampleCssSrc:r.createElement(x,null),exampleSrc:r.createElement(u,null),isExpanded:l})},g=a(12883),v=["components"],_={},h="wrapper";function E(e){var t=e.components,a=(0,n.A)(e,v);return(0,i.mdx)(h,(0,l.A)({},_,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(g.Ay,{mdxType:"PropsTable"},(0,i.mdx)(g.fI,{key:"ROW1",mdxType:"Row"},(0,i.mdx)(g.dt,{mdxType:"PropNameCell"},"extensions"),(0,i.mdx)(g.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Extensions element to be placed before the end of the header."))),(0,i.mdx)(g.fI,{key:"ROW2",mdxType:"Row"},(0,i.mdx)(g.dt,{mdxType:"PropNameCell"},"logo"),(0,i.mdx)(g.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Logo element to be placed at the start of the header after the toggle element."))),(0,i.mdx)(g.fI,{key:"ROW3",mdxType:"Row"},(0,i.mdx)(g.dt,{mdxType:"PropNameCell"},"intl"),(0,i.mdx)(g.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n formatMessage: {\n type: 'func',\n },\n},\n"))),(0,i.mdx)(g.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"intl object programmatically imported through injectIntl from react-intl."))),(0,i.mdx)(g.fI,{key:"ROW4",mdxType:"Row"},(0,i.mdx)(g.dt,{mdxType:"PropNameCell"},"navigation"),(0,i.mdx)(g.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Navigation element to be placed within the fill area of the header."))),(0,i.mdx)(g.fI,{key:"ROW5",mdxType:"Row"},(0,i.mdx)(g.dt,{mdxType:"PropNameCell"},"toggle"),(0,i.mdx)(g.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Toggle element to be placed at the start of the header."))),(0,i.mdx)(g.fI,{key:"ROW6",mdxType:"Row"},(0,i.mdx)(g.dt,{mdxType:"PropNameCell"},"utilities"),(0,i.mdx)(g.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Utilities element to be placed at the end of the header.")))))}E.isMDXComponent=!0;var N=["components"],T={},b="wrapper";function w(e){var t=e.components,a=(0,n.A)(e,N);return(0,i.mdx)(b,(0,l.A)({},T,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(d.E,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-application-header-layout"},"Terra Application Header Layout"),(0,i.mdx)("p",null,"This component renders an application header layout. To be used with a terra-layout or terra-navigation-layout."),(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-application-header-layout"))))),(0,i.mdx)("h2",{id:"features"},"Features"),(0,i.mdx)("h3",{id:"skip-to-content-button"},"Skip to Content Button"),(0,i.mdx)("p",null,"To improve accessibility of our UI for users using a keyboard to navigate, we have implement a 'Skip to Content' button that focuses on the main content node."),(0,i.mdx)("p",null,"To use it, just tab onto the page, and you will see it as the first item and "),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Press the Enter key to skip to the main content node, or"),(0,i.mdx)("li",{parentName:"ul"},"Press the Tab key to ignore the 'Skip to Content' button.")),(0,i.mdx)("h4",{id:"note"},"Note:"),(0,i.mdx)("p",null,"This feature is enabled by default and cannot be disabled."),(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)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,i.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(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)("h2",{id:"examples"},"Examples"),(0,i.mdx)(y,{title:"Header - Wireframe",mdxType:"HeaderWireframe"}),(0,i.mdx)("h2",{id:"application-header-layout-props-table"},"Application Header Layout Props table"),(0,i.mdx)(E,{mdxType:"HeaderLayoutSrc"}))}w.isMDXComponent=!0},73:function(e,t,a){a.d(t,{E:function(){return r}});var l=a(96540),n=a(55713),r=function(e){var t=e.url;return l.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-header-layout",name:"terra-application-header-layout",version:"3.42.0",url:t})}},17652:function(e,t,a){var l=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(94634)),r=l(a(91847)),i=l(a(96540)),d=l(a(5556)),o=l(a(46942)),m=l(a(67967)),p=l(a(23695)),u=a(8604),s=l(a(68301)),c=["extensions","logo","navigation","intl","toggle","utilities"],f=m.default.bind(s.default),x={extensions:d.default.element,logo:d.default.element,intl:d.default.shape({formatMessage:d.default.func}).isRequired,navigation:d.default.element,toggle:d.default.element,utilities:d.default.element},y=function(e){var t,a,l,d,m,u=e.extensions,s=e.logo,x=e.navigation,y=e.intl,g=e.toggle,v=e.utilities,_=(0,r.default)(e,c),h=i.default.useContext(p.default),E=(0,o.default)(f("header","fill",h.className),_.className);s&&(t=i.default.createElement("div",{className:f("fit","start","logo")},s)),x&&(a=i.default.createElement("nav",{role:"navigation",className:f("fill")},x)),u&&(l=i.default.createElement("div",{className:f("fit","end","extensions")},u)),v&&(d=i.default.createElement("div",{className:f("fit","end","utilities")},v)),g&&(m=i.default.createElement("div",{className:f("fit")},g));var N,T=i.default.createElement("div",{className:f("fill","header-inner")},a,l),b=i.default.createElement("button",{type:"button",onClick:function(){var e=document.querySelector(["[data-terra-layout-main]"]);e&&e.focus()},className:f("skip-content")},y.formatMessage({id:"Terra.ApplicationHeaderLayout.SkipToContent"}));return(T||t||d)&&(N=i.default.createElement("div",{className:f("fill","header-body")},t,T,d)),i.default.createElement("div",(0,n.default)({},_,{className:E}),b,m,N)};y.propTypes=x;t.default=(0,u.injectIntl)(y)},68705:function(e,t,a){var l=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(96540)),r=l(a(5556)),i=l(a(24252)),d={size:r.default.string},o=function(e){var t=e.size,a="Extensions";return"tiny"===t?a="E":"small"===t&&(a="Ext"),n.default.createElement(i.default,{text:a,size:t})};o.propTypes=d;t.default=o},14818:function(e,t,a){var l=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(96540)),r=l(a(5556)),i=l(a(24252)),d={size:r.default.string},o=function(e){var t=e.size,a="Logo";return"tiny"===t?a="L":"small"===t&&(a="Log"),n.default.createElement(i.default,{text:a,size:t})};o.propTypes=d;t.default=o},38553:function(e,t,a){var l=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(96540)),r=l(a(5556)),i=l(a(24252)),d={size:r.default.string},o=function(e){var t=e.size,a="Navigation";return"tiny"===t?a="N":"small"===t&&(a="Nav"),n.default.createElement(i.default,{text:a,size:"default"})};o.propTypes=d;t.default=o},24252:function(e,t,a){var l=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(96540)),r=l(a(67967)),i=l(a(5556)),d=l(a(51461)),o=r.default.bind(d.default),m={text:i.default.string,size:i.default.string},p=function(e){var t=e.text,a=e.size;return n.default.createElement("div",{className:o("wrapper1-".concat(a))},n.default.createElement("div",{className:o("wrapper2")},n.default.createElement("div",{className:o("wrapper3")},n.default.createElement("h3",null,t))))};p.propTypes=m,p.defaultProps={text:"PlaceHolder",size:"tiny"};t.default=p},85027:function(e,t,a){var l=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(96540)),r=l(a(5556)),i=l(a(24252)),d={size:r.default.string},o=function(e){var t=e.size,a="Toggle";return"tiny"===t?a="T":"small"===t&&(a="Tog"),n.default.createElement(i.default,{text:a,size:t})};o.propTypes=d;t.default=o},5703:function(e,t,a){var l=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(96540)),r=l(a(5556)),i=l(a(24252)),d={size:r.default.string},o=function(e){var t=e.size,a="Utilities";return"tiny"===t?a="U":"small"===t&&(a="Util"),n.default.createElement(i.default,{text:a,size:t})};o.propTypes=d;t.default=o},5411:function(e,t,a){var l=a(24994);t.A=void 0;var n=l(a(96540)),r=l(a(67967)),i=l(a(4213)),d=l(a(17652)),o=l(a(68705)),m=l(a(14818)),p=l(a(38553)),u=l(a(85027)),s=l(a(5703)),c=l(a(83760)),f=r.default.bind(c.default);t.A=function(){var e=n.default.createElement(d.default,{logo:n.default.createElement(m.default,{size:"tiny"}),utilities:n.default.createElement(s.default,{size:"tiny"}),extensions:n.default.createElement(o.default,{size:"tiny"}),navigation:n.default.createElement(p.default,{size:"tiny"}),toggle:n.default.createElement(u.default,{size:"tiny"})}),t=n.default.createElement(d.default,{logo:n.default.createElement(m.default,{size:"small"}),utilities:n.default.createElement(s.default,{size:"small"}),extensions:n.default.createElement(o.default,{size:"small"}),navigation:n.default.createElement(p.default,{size:"small"}),toggle:n.default.createElement(u.default,{size:"small"})}),a=n.default.createElement(d.default,{logo:n.default.createElement(m.default,{size:"medium"}),utilities:n.default.createElement(s.default,{size:"medium"}),extensions:n.default.createElement(o.default,{size:"medium"}),navigation:n.default.createElement(p.default,{size:"medium"}),toggle:n.default.createElement(u.default,{size:"medium"})});return n.default.createElement("div",{className:f("content-wrapper")},n.default.createElement("div",{className:f("responsive-element-wrapper")},n.default.createElement(i.default,{tiny:e,medium:t,large:a})))}},68301:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ApplicationHeaderLayout-module__clinical-lowlight-theme___-1bgb","orion-fusion-theme":"ApplicationHeaderLayout-module__orion-fusion-theme___ENqi+",fit:"ApplicationHeaderLayout-module__fit___KL7Uq",fill:"ApplicationHeaderLayout-module__fill___PAPf7",start:"ApplicationHeaderLayout-module__start___MX918",end:"ApplicationHeaderLayout-module__end___BgrVv","header-inner":"ApplicationHeaderLayout-module__header-inner___hLyff",logo:"ApplicationHeaderLayout-module__logo___Wzf7u",utilities:"ApplicationHeaderLayout-module__utilities___bkZso",extensions:"ApplicationHeaderLayout-module__extensions___85n-7","header-body":"ApplicationHeaderLayout-module__header-body___HLbvX","skip-content":"ApplicationHeaderLayout-module__skip-content___8eF4z"}},51461:function(e,t,a){a.r(t),t.default={"wrapper1-tiny":"Placeholder-module__wrapper1-tiny___rYdAk","wrapper1-small":"Placeholder-module__wrapper1-small___gFXxJ","wrapper1-medium":"Placeholder-module__wrapper1-medium___M-OJi","wrapper1-default":"Placeholder-module__wrapper1-default___Pb8bl",wrapper2:"Placeholder-module__wrapper2___wMyqi",wrapper3:"Placeholder-module__wrapper3___RZtm4"}},83760:function(e,t,a){a.r(t),t.default={"content-wrapper":"HeaderWireframe-module__content-wrapper___IVzE9","responsive-element-wrapper":"HeaderWireframe-module__responsive-element-wrapper___Eb3Qg"}}}]); \ No newline at end of file diff --git a/33957-3e3726d5d6a2019f908c.css b/33957-3e3726d5d6a2019f908c.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/33957-3e3726d5d6a2019f908c.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/33957-3e3726d5d6a2019f908c.js b/33957-3e3726d5d6a2019f908c.js new file mode 100644 index 0000000000..fde45ad5cc --- /dev/null +++ b/33957-3e3726d5d6a2019f908c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[33957],{55713:function(e,a,l){var d=l(24994);a.A=void 0;var n=d(l(96540)),m=d(l(5556)),t=d(l(67967)),r=d(l(25642)),i=t.default.bind(r.default),o={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},u=function(e){var a=e.src,l=e.name,d=e.url,m=e.version,t=n.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(m)},n.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(m))),r=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},t,r)};u.propTypes=o;a.A=u},33957:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});var d=l(58168),n=l(53986),m=(l(96540),l(36665)),t=l(80531),r=["components"],i={},o="wrapper";function u(e){var a=e.components,l=(0,n.A)(e,r);return(0,m.mdx)(o,(0,d.A)({},i,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"1320---may-20-2024"},"1.32.0 - (May 20, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1310---may-1-2024"},"1.31.0 - (May 1, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Limit scrolling on focus by moving the tab index to the first column header cell.")))),(0,m.mdx)("h2",{id:"1300---april-23-2024"},"1.30.0 - (April 23, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1290---april-18-2024"},"1.29.0 - (April 18, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1280---april-17-2024"},"1.28.0 - (April 17, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1270---april-15-2024"},"1.27.0 - (April 15, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added subsection support to the FlowsheetDataGrid component.")))),(0,m.mdx)("h2",{id:"1260---april-10-2024"},"1.26.0 - (April 10, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added column span functionality to FlowsheetDataGrid."),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"isAutoFocusEnabled")," prop to allow auto focus of interactable elements when the only interactable element is a button or hyperlink.")))),(0,m.mdx)("h2",{id:"1250---april-4-2024"},"1.25.0 - (April 4, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1240---march-29-2024"},"1.24.0 - (March 29, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1230---march-25-2024"},"1.23.0 - (March 25, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1220---march-21-2024"},"1.22.0 - (March 21, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1210---march-19-2024"},"1.21.0 - (March 19, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed the ",(0,m.mdx)("inlineCode",{parentName:"li"},"boundingRef")," prop in favor of using the table's container ref for calculating the offset. is no longer needed for the section header's sticky behavior. This change is still passive in nature as it doesn't change any functionality for consumers.")))),(0,m.mdx)("h2",{id:"1200---march-14-2024"},"1.20.0 - (March 14, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"event")," object to ",(0,m.mdx)("inlineCode",{parentName:"li"},"onCellSelect")," callback."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated focus behavior so that cells with only a button or hyperlink will focus on those components directly without need for dive-in or focus trap.")))),(0,m.mdx)("h2",{id:"1190---march-8-2024"},"1.19.0 - (March 8, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added support for orange and green column highlighting."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixes column index out of bounds in row selection mode.")))),(0,m.mdx)("h2",{id:"1180---march-5-2024"},"1.18.0 - (March 5, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1170---march-1-2024"},"1.17.0 - (March 1, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1160---february-28-2024"},"1.16.0 - (February 28, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added support for column actions.")))),(0,m.mdx)("h2",{id:"1150---february-28-2024"},"1.15.0 - (February 28, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"boundingRef")," prop for bounded flowsheet data grids.")),(0,m.mdx)("h2",{id:"1140---february-20-2024"},"1.14.0 - (February 20, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1130---february-16-2024"},"1.13.0 - (February 16, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed the default rowMinimumHeight from FlowsheetDataGrid so that the ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-table")," default value is used. ")))),(0,m.mdx)("h2",{id:"1120---february-1-2024"},"1.12.0 - (February 1, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added rowMinimumHeight prop that gets passed to terra-table to support flexible row height."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated jest snapshots.")))),(0,m.mdx)("h2",{id:"1110---january-12-2024"},"1.11.0 - (January 12, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added Support for non contiguous multi select in flowsheet data grid.")))),(0,m.mdx)("h2",{id:"1100---january-2-2024"},"1.10.0 - (January 2, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added translations for flowsheet.")))),(0,m.mdx)("h2",{id:"190---december-18-2023"},"1.9.0 - (December 18, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"180---december-13-2023"},"1.8.0 - (December 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking Change"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Flowsheet ",(0,m.mdx)("inlineCode",{parentName:"li"},"OnCellSelect")," callback now returns an object containing rowId, columnId and sectionId."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added range-select and multi-select on flowsheets with sections."),(0,m.mdx)("li",{parentName:"ul"},"Flowsheet ",(0,m.mdx)("inlineCode",{parentName:"li"},"onCellRangeSelect")," callback now also returns a sectionId for each cell in range.")))),(0,m.mdx)("h2",{id:"170---december-11-2023"},"1.7.0 - (December 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added keyboard navigation support for sections."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary rerenders")))),(0,m.mdx)("h2",{id:"160---december-5-2023"},"1.6.0 - (December 5, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed console warning message when no pinned columns exist.")))),(0,m.mdx)("h2",{id:"150---december-1-2023"},"1.5.0 - (December 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"140---november-23-2023"},"1.4.0 - (November 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"onRowSelect")," callback prop to FlowsheetDataGrid to handle row header cell selection.")))),(0,m.mdx)("h2",{id:"130---november-22-2023"},"1.3.0 - (November 22, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Table component to use new ",(0,m.mdx)("inlineCode",{parentName:"li"},"rowSelectionMode")," prop instead of ",(0,m.mdx)("inlineCode",{parentName:"li"},"hasSelectableRows"),".")))),(0,m.mdx)("h2",{id:"120---november-20-2023"},"1.2.0 - (November 20, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed issue where focus was given to the column header instead of its button element."),(0,m.mdx)("li",{parentName:"ul"},"Fixed issue where row selection was being announced twice in Worklist Data Grid."),(0,m.mdx)("li",{parentName:"ul"},"Fixed an issue when the datagrid is updated and the column/row indices no longer exist."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"hasVisibleColumnHeaders")," prop for FlowsheetDataGrid to toggle visibility of column headers."),(0,m.mdx)("li",{parentName:"ul"},"Added section support to FlowsheetDataGrid."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated all cells to be selectable and columns unselectable in FlowsheetDataGrid, as ",(0,m.mdx)("inlineCode",{parentName:"li"},"isSelectable")," prop is not supported for columns or cells.")))),(0,m.mdx)("h2",{id:"110---november-9-2023"},"1.1.0 - (November 9, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed the column header background color for the Orion Fusion theme."),(0,m.mdx)("li",{parentName:"ul"},"Fixed pinned column divider issue during keyboard resize."),(0,m.mdx)("li",{parentName:"ul"},"Fixed resize handle being communicated when non-header cell is focused."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ability to select a range of cells to FlowsheetDataGrid."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated unit test to account for generated ids of ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-table")," elements.")))),(0,m.mdx)("h2",{id:"100---october-25-2023"},"1.0.0 - (October 25, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Initial working component release.")),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added additional screen reader support to announce that column headers are interactable upon selection."),(0,m.mdx)("li",{parentName:"ul"},"Added keyboard support for column resizing."),(0,m.mdx)("li",{parentName:"ul"},"Added translations."),(0,m.mdx)("li",{parentName:"ul"},'Added "No Result" cells to FlowsheetDataGrid.')))),(0,m.mdx)("h2",{id:"081---october-17-2023"},"0.8.1 - (October 17, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed issue where WorklistDataGrid loses focus when Row Selection Mode is turned off from a Row Selection Cell."),(0,m.mdx)("li",{parentName:"ul"},"Fixed issue where focus was moved from editable fields when using key events from data grid components."),(0,m.mdx)("li",{parentName:"ul"},"Fixed tab focus management when next element is in a hidden container."),(0,m.mdx)("li",{parentName:"ul"},"Fixed tab focus management to wrap to the first focusable element when the data grid is the last focusable element.")))),(0,m.mdx)("h2",{id:"080---october-11-2023"},"0.8.0 - (October 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added base FlowsheetDataGrid component."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated prop descriptions for better consistency and accuracy in the ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-data-grid")," component.")))),(0,m.mdx)("h2",{id:"070---october-3-2023"},"0.7.0 - (October 3, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed the screen reader messages to count header row as the first row.")))),(0,m.mdx)("h2",{id:"060---september-14-2023"},"0.6.0 - (September 14, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Renamed ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-worklist-data-grid")," package to ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-data-grid"),"."),(0,m.mdx)("li",{parentName:"ul"},"Changed WorklistDataGrid component from default to named export. WorklistDataGrid can now be imported as ",(0,m.mdx)("inlineCode",{parentName:"li"},"import { WorklistDataGrid } from 'terra-data-grid'"),"."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed scroll issues for pinned columns."),(0,m.mdx)("li",{parentName:"ul"},"Fixed scroll issues for fixed column header row."),(0,m.mdx)("li",{parentName:"ul"},"Fixed border issues for selected rows"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated the ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-worklist-data-grid")," component to provide row selection assistive technology messages based on the properties provided by the consumer."),(0,m.mdx)("li",{parentName:"ul"},"Updated the ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-worklist-data-grid")," component to set initial focus to the row selection header when row selection mode is enabled.")))),(0,m.mdx)("hr",null),(0,m.mdx)("p",null,"All release notes below apply to the ",(0,m.mdx)("inlineCode",{parentName:"p"},"terra-worklist-data-grid")," package (renamed to ",(0,m.mdx)("inlineCode",{parentName:"p"},"terra-data-grid")," with the 0.6 release above)."),(0,m.mdx)("h2",{id:"050---august-31-2023"},"0.5.0 - (August 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added box shadow for pinned columns in fusion theme."),(0,m.mdx)("li",{parentName:"ul"},"Added ability to use spacebar on masked and non-selectable cells to select rows."),(0,m.mdx)("li",{parentName:"ul"},"Added ability to treat the ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-worklist-data-grid")," component as a single tabstop."),(0,m.mdx)("li",{parentName:"ul"},"Added a sticky column header feature to ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-worklist-data-grid")))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed roving tabIndex and resolved focus management issues within cells."),(0,m.mdx)("li",{parentName:"ul"},"Updated the functionality for selecting a range of rows. Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"onRowSelect")," prop to take only one array parameter."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Reduced number of unnecessary rerenders in the ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-worklist-data-grid")," component."),(0,m.mdx)("li",{parentName:"ul"},"Fixed cells not honoring the value of props passed by consumers."),(0,m.mdx)("li",{parentName:"ul"},"Fixed pinned column separator not adjusting size when the table height changes."),(0,m.mdx)("li",{parentName:"ul"},"Fixed pinned column cells not being selectable."),(0,m.mdx)("li",{parentName:"ul"},"Fixed pinned column border issues during scrolling."),(0,m.mdx)("li",{parentName:"ul"},"Fixed hover/background colors for alternating rows.")))),(0,m.mdx)("h2",{id:"040---august-10-2023"},"0.4.0 - (August 10, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"columns")," prop in favor of the new ",(0,m.mdx)("inlineCode",{parentName:"li"},"pinnedColumns")," and ",(0,m.mdx)("inlineCode",{parentName:"li"},"overflowColumns")," props."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"pinnedColumns")," prop for columns that will be pinned."),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"overflowColumns")," prop for columns that are scrollable."),(0,m.mdx)("li",{parentName:"ul"},"Added support for pinned columns."),(0,m.mdx)("li",{parentName:"ul"},"Added ability to dive into cells with focusable elements."),(0,m.mdx)("li",{parentName:"ul"},"Added ability to select the row selection column header to allow sorting by consumers."),(0,m.mdx)("li",{parentName:"ul"},"Added ability to select rows via mouse and keyboard."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Text alignment of the row header column.")))),(0,m.mdx)("h2",{id:"030---july-19-2023"},"0.3.0 - (July 19, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"columnWidth")," prop in favor of the new ",(0,m.mdx)("inlineCode",{parentName:"li"},"defaultColumnWidth")," prop."),(0,m.mdx)("li",{parentName:"ul"},"Renamed ",(0,m.mdx)("inlineCode",{parentName:"li"},"ariaLabelledby")," prop to ",(0,m.mdx)("inlineCode",{parentName:"li"},"ariaLabelledBy")," to follow proper camelCasing and for consistency with other Terra components."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added additional keyboard navigation shortcuts."),(0,m.mdx)("li",{parentName:"ul"},"Added support for cell selection."),(0,m.mdx)("li",{parentName:"ul"},"Added ability to resize columns via mouse."),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"defaultColumnWidth")," prop to set the default column width if it is not set per column."),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"onColumnResize")," prop for notifying consumers of a column resize."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated data grid to honor the column and row widths specified by consumers."),(0,m.mdx)("li",{parentName:"ul"},"Optimized package size by excluding tests.")))),(0,m.mdx)("h2",{id:"020---july-4-2023"},"0.2.0 - (July 4, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added masked cell support."),(0,m.mdx)("li",{parentName:"ul"},"Added hover state for selectable cells."),(0,m.mdx)("li",{parentName:"ul"},"Added blank cell support."),(0,m.mdx)("li",{parentName:"ul"},"Added ability to allow consumers to specify the sort indicator and error state for columns."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ability to set variable row heights."),(0,m.mdx)("li",{parentName:"ul"},"Updated styling on cell focus.")))),(0,m.mdx)("h2",{id:"01"},"0.1"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Initial stable release.")))}u.isMDXComponent=!0;var p=["components"],x={},s="wrapper";function c(e){var a=e.components,l=(0,n.A)(e,p);return(0,m.mdx)(s,(0,d.A)({},x,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(t.E,{mdxType:"Badge"}),(0,m.mdx)(u,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},80531:function(e,a,l){l.d(a,{E:function(){return m}});var d=l(96540),n=l(55713),m=function(e){var a=e.url;return d.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-data-grid",name:"terra-data-grid",version:"1.32.0",url:a})}},25642: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"}},58168:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}l.d(a,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/3400-8eeec75d82efcf46d96f.css b/3400-8eeec75d82efcf46d96f.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/3400-8eeec75d82efcf46d96f.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/3400-8eeec75d82efcf46d96f.js b/3400-8eeec75d82efcf46d96f.js new file mode 100644 index 0000000000..221f0f5e22 --- /dev/null +++ b/3400-8eeec75d82efcf46d96f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[3400],{55713:function(e,n,t){var i=t(24994);n.A=void 0;var a=i(t(96540)),d=i(t(5556)),r=i(t(67967)),o=i(t(25642)),s=r.default.bind(o.default),l={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},m=function(e){var n=e.src,t=e.name,i=e.url,d=e.version,r=a.default.createElement("a",{className:s("badge"),href:i||"https://www.npmjs.org/package/".concat(t,"/v/").concat(d)},a.default.createElement("span",{className:s("badge-name")},i?"package":"npm"),a.default.createElement("span",{className:s("badge-version")},"v".concat(d))),o=n?a.default.createElement("a",{className:s("badge"),href:n},a.default.createElement("span",{className:s("badge-name")},"github"),a.default.createElement("span",{className:s("badge-version")},"source")):void 0;return a.default.createElement("div",{className:s("badge-container")},r,o)};m.propTypes=l;n.A=m},3400:function(e,n,t){t.r(n),t.d(n,{default:function(){return m}});var i=t(58168),a=t(53986),d=(t(96540),t(36665)),r=t(21547),o=["components"],s={},l="wrapper";function m(e){var n=e.components,t=(0,a.A)(e,o);return(0,d.mdx)(l,(0,i.A)({},s,t,{components:n,mdxType:"MDXLayout"}),(0,d.mdx)(r.E,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"disclosure-apis"},"Disclosure APIs"),(0,d.mdx)("p",null,"Both DisclosureManager Children and disclosed content will be provided with a ",(0,d.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerDelegate")," instance via the DisclosureManagerContext. This provides disclose APIs the content can use to manager disclosures."),(0,d.mdx)("h2",{id:"disclose-api"},"disclose API"),(0,d.mdx)("p",null,"The ",(0,d.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerDelegate")," provided to the content contains a ",(0,d.mdx)("inlineCode",{parentName:"p"},"disclose")," function which returns a Promise."),(0,d.mdx)("p",null,"This ",(0,d.mdx)("inlineCode",{parentName:"p"},"disclose")," function can be used by both Disclosure Manager children and disclosed content to disclose new content. The type of disclosure can be specified when ",(0,d.mdx)("inlineCode",{parentName:"p"},"disclose")," is called. The ",(0,d.mdx)("inlineCode",{parentName:"p"},"disclose")," function will validate the specified disclosure type against the set of supported disclosure types that were provided to the DisclosureManager via the ",(0,d.mdx)("inlineCode",{parentName:"p"},"supportedDisclosureTypes")," prop."),(0,d.mdx)("p",null,"If the type is supported, the DisclosureManager will check the currently disclosed component's state to ensure it can be replaced."),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"If the disclosure is allowed, then ",(0,d.mdx)("inlineCode",{parentName:"p"},"disclose")," returns a resolved Promise. This Promise will be resolved with an Object containing functions and Promises that can be used to manipulate the disclosure, if necessary. Alternatively, if the additional logic isn't needed, the returned Promise can be completely ignored. The resolve API includes"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"dismissDisclosure"),", a function that will dismiss the disclosed content. "),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"afterDismiss"),", a deferred Promise that will be resolved when the disclosed content is dismissed by any means. "))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"If the disclosure is denied, then ",(0,d.mdx)("inlineCode",{parentName:"p"},"disclose")," returns a rejected Promise. "))),(0,d.mdx)("p",null,"If the provided type is not supported, and if the DisclosureManager detects another DisclosureManager higher in the component hierarchy, the DisclosureManager will call the disclose function provided by that parent DisclosureManager instance. The parent DisclosureManager will also return also resolve or reject a Promise."),(0,d.mdx)("details",null,(0,d.mdx)("summary",null,"Disclose Arguments in Detail"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-js"},"disclosureManager.disclose({\n /* REQUIRED: The content information associated to the component to be disclosed. */\n content: {\n /* REQUIRED: The React component to be disclosed. */\n component: PropTypes.node,\n\n /**\n * REQUIRED: The unique identifier of the component to disclosed. This key must be unique \n * amongst the set of all actively disclosed component keys.\n */\n key: PropsTypes.string,\n \n /**\n * The title to associated to the component.\n */\n title: PropsTypes.string,\n },\n\n /**\n * The preferred disclosure type. This will be used to match the disclosure request to an appropriate\n * DisclosureManager. Depending on the structuring of managers in a given component, the preferredType\n * value may not be honored. If the provided preferredType is not supported by any present disclosure managers,\n * the root disclosure manager will perform the disclosure using its own disclosure type, regardless of the\n * preferredType value.\n */\n preferredType: PropsTypes.string,\n\n /**\n * The explicit `height` and `width` values for the disclosure. These values may not be honored due to the\n * disclosure type or the available viewport size.\n * `dimensions` should not be provided if a `size` is specified.\n */\n dimensions: {\n /**\n * Supported `height` values include: `'240'`, `'280'`, `'380'`, `'420'`, `'460'`, `'600'`, `'690'`,\n * `'780'`, `'870'`, `'960'`, `'1140'`.\n */\n height: PropTypes.number,\n\n /**\n * Supported `width` values include: `'320'`, `'400'`, `'480'`, `'560'`, `'600'`, `'640'`, `'700'`,\n * `'800'`, `'960'`, `'1120'`, `'1280'`, `'1440'`, `'1600'`, `'1760'`, `'1920'`.\n */\n width: PropsTypes.number,\n },\n\n /**\n * The String size desired for the disclosure. One of `tiny`, `small`, `medium`, `large`, `huge`, or `fullscreen`.\n * Additional sizes `fusion-small`, `fusion-medium`, and `fusion-large` supported for disclosure type `modal` only.\n * The functional implementation of this size is determined by the component responsible for\n * providing the render prop to the DisclosureManager.\n * > Note: `size` should not be provided if `dimensions` are specified.\n */\n size: PropsTypes.func,\n\n /**\n * Additional custom properties to override disclosed component props.\n * Currently is limited to `panelBehavior` property of slide panel manager. To set\\override panelBehavior we could do `typeConfig: { panelBehavior: 'squish' }`.\n */\n typeConfig: PropsTypes.Object\n}).then(() => {\n // do stuff\n});\n"))),(0,d.mdx)("h3",{id:"example"},"Example"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"}," {\n disclosureManager.disclose({\n preferredType: 'modal',\n size: 'large',\n content: {\n key: 'my-disclosed-content',\n title: 'My Disclosed Content',\n component: ,\n }\n }).then({ dismissDisclosure, afterDismiss } => {\n this.myContentIsDisclosed = true;\n\n // This function can be cached and triggered as needed.\n this.myDismissFunction = dismissDisclosure;\n\n afterDismiss.then(() => {\n // The afterDismiss will resolve when the content is dismissed, allowing for\n // cleanup of local state as needed.\n this.myContentIsDisclosed = false;\n\n // If the dismissDisclosure function was cached, make sure it gets cleaned up.\n this.myDismissFunction = false;\n })\n }).catch((e) => {\n // If this function is executed, the disclosure has been denied. You can use this to\n // clean up any state that may be reliant on the disclosure occurring.\n })\n }}\n/>\n")),(0,d.mdx)("h3",{id:"disclose-props"},"Disclose props"),(0,d.mdx)("p",null,(0,d.mdx)("inlineCode",{parentName:"p"},"disclose")," Argument API:"),(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},"Key"),(0,d.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,d.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"preferredType")),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"The String describing the preferred disclosure type. This will be used to match the disclosure request to an appropriate DisclosureManager. Depending on the structuring of managers in a given component, the ",(0,d.mdx)("inlineCode",{parentName:"td"},"preferredType")," value may not be honored. If the provided ",(0,d.mdx)("inlineCode",{parentName:"td"},"preferredType")," is not supported by any present disclosure managers, the root disclosure manager will perform the disclosure using its own disclosure type, regardless of the ",(0,d.mdx)("inlineCode",{parentName:"td"},"preferredType")," value.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"size")),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"The String size desired for the disclosure. One of ",(0,d.mdx)("inlineCode",{parentName:"td"},"tiny"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"small"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"medium"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"large"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"huge"),", or ",(0,d.mdx)("inlineCode",{parentName:"td"},"fullscreen"),". Additional sizes ",(0,d.mdx)("inlineCode",{parentName:"td"},"fusion-small"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"fusion-medium"),", and ",(0,d.mdx)("inlineCode",{parentName:"td"},"fusion-large")," supported for disclosure type ",(0,d.mdx)("inlineCode",{parentName:"td"},"modal")," only. The functional implementation of this size is determined by the rendering component. ",(0,d.mdx)("inlineCode",{parentName:"td"},"size")," should not be provided if ",(0,d.mdx)("inlineCode",{parentName:"td"},"dimensions")," are specified.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"dimensions")),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"An Object containing explicit ",(0,d.mdx)("inlineCode",{parentName:"td"},"height")," and ",(0,d.mdx)("inlineCode",{parentName:"td"},"width")," values for the disclosure. These values may not be honored due to the disclosure type or the available viewport size. ",(0,d.mdx)("inlineCode",{parentName:"td"},"dimensions")," should not be provided if a ",(0,d.mdx)("inlineCode",{parentName:"td"},"size")," is specified.",(0,d.mdx)("br",null),"Supported ",(0,d.mdx)("inlineCode",{parentName:"td"},"height")," values include: ",(0,d.mdx)("inlineCode",{parentName:"td"},"'240'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'280'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'380'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'420'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'460'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'600'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'690'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'780'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'870'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'960'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'1140'"),".",(0,d.mdx)("br",null),"Supported ",(0,d.mdx)("inlineCode",{parentName:"td"},"width")," values include: ",(0,d.mdx)("inlineCode",{parentName:"td"},"'320'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'400'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'480'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'560'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'600'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'640'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'700'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'800'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'960'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'1120'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'1280'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'1440'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'1600'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'1760'"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"'1920'"),".")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"content")),(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"required")),(0,d.mdx)("td",{parentName:"tr",align:null},"An Object containing a key and a component describing the component to be disclosed. See the ",(0,d.mdx)("inlineCode",{parentName:"td"},"content")," API below.")))),(0,d.mdx)("h3",{id:"content-props"},"Content props"),(0,d.mdx)("p",null,(0,d.mdx)("inlineCode",{parentName:"p"},"content")," Object API:"),(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},"Key"),(0,d.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,d.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"key")),(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"required")),(0,d.mdx)("td",{parentName:"tr",align:null},"A String key identifying the component to the DisclosureManager. This key must be unique amongst the set of all actively disclosed component keys.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"component")),(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"required")),(0,d.mdx)("td",{parentName:"tr",align:null},"A React element that will be disclosed.")))),(0,d.mdx)("h2",{id:"other-apis"},"Other APIs"),(0,d.mdx)("p",null,"In addition to a ",(0,d.mdx)("inlineCode",{parentName:"p"},"disclose")," function, a number of other functions are exposed to components rendered in the disclosure mechanism to manage various segments of the disclosure state. The included functions are:"),(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},"Function"),(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)("inlineCode",{parentName:"td"},"dismiss")),(0,d.mdx)("td",{parentName:"tr",align:null},"Allows a component to remove itself from the disclosure stack. If the component is the only element in the disclosure stack, the disclosure is closed.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"closeDisclosure")),(0,d.mdx)("td",{parentName:"tr",align:null},"Allows a component to close the entire disclosure stack. This is generally integrated into face-up disclosure controls as a Close button or similar.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"goBack")),(0,d.mdx)("td",{parentName:"tr",align:null},"Allows a component to remove itself from the disclosure stack. Functionally similar to ",(0,d.mdx)("inlineCode",{parentName:"td"},"dismiss"),", however ",(0,d.mdx)("inlineCode",{parentName:"td"},"onBack")," is only provided to components in the stack that have a previous sibling. This is generally integrated into face-up disclosure controls as a Back button or similar.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"maximize")),(0,d.mdx)("td",{parentName:"tr",align:null},"Allows a component to maximize its presentation size. This is only provided if the component is not already maximized.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"minimize")),(0,d.mdx)("td",{parentName:"tr",align:null},"Allows a component to minimize its presentation size. This is only provided if the component is currently maximized.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"requestFocus")),(0,d.mdx)("td",{parentName:"tr",align:null},"Allows a component to request focus from the disclosure in the event that the disclosure mechanism in use utilizes a focus trap. This can be integrated with the Popup and similar focus-stealing controls.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"releaseFocus")),(0,d.mdx)("td",{parentName:"tr",align:null},"Allows a component to release focus from itself and return it to the disclosure. This can be integrated with the Popup and similar focus-stealing controls.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("inlineCode",{parentName:"td"},"registerDismissCheck")),(0,d.mdx)("td",{parentName:"tr",align:null},"Allows a component to register a function with the DisclosureManager that will be called before the component is dismissed for any reason.")))),(0,d.mdx)("p",null,"Each of these functions returns a Promise that can be used for chaining, if necessary."),(0,d.mdx)("h5",{id:"a-note-on-registerdismisscheck"},"A Note on registerDismissCheck"),(0,d.mdx)("p",null,"The function given to ",(0,d.mdx)("inlineCode",{parentName:"p"},"registerDismissCheck")," must return a resolved or rejected Promise. If the Promise is resolved, the component is guaranteed to be dismissed. If cleanup logic needs to execute before the component is dismissed, it is a good idea to execute before returning the resolved Promise. If a rejected Promise is returned, the component will not be dismissed. Components can render a prompt or confirmation window to give users control over the dismissal, if desired."),(0,d.mdx)("p",null,"Example:"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"// DisclosedComponent.jsx\n\ncomponentDidMount() {\n const { disclosureManager } = this.props;\n\n // A dismiss function can be registered multiple times, but it usually makes sense to\n // register a bound function a single time on mount.\n disclosureManager.registerDismissCheck(this.unsavedChangesCheck);\n}\n\nunsavedChangesCheck() {\n const { store } = this.props;\n const { hasUnsavedChanges } = this.state;\n\n return new Promise((resolve, reject) => {\n if (hasUnsavedChanges) {\n // The dismissal could be outright denied.\n // reject();\n\n // Or, a confirmation could allow user control.\n if (!confirm('MyDisclosedComponent has unsaved changes that will be lost. Do you wish to continue?')) {\n reject();\n return;\n }\n\n // Otherwise, resolving the Promise will cause the component to be dismissed and unmounted. Any cleanup needed\n // before dismissal should occur before the Promise is resolved.\n store.dispatch(myCleanupActionOrSomething());\n\n resolve();\n }\n });\n}\n")))}m.isMDXComponent=!0},21547:function(e,n,t){t.d(n,{E:function(){return d}});var i=t(96540),a=t(55713),d=function(e){var n=e.url;return i.createElement(a.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-disclosure-manager",name:"terra-disclosure-manager",version:"4.44.0",url:n})}},25642:function(e,n,t){t.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"}},58168:function(e,n,t){function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;t[i]=e[i]}return t}(e,n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}t.d(n,{A:function(){return i}})}}]); \ No newline at end of file diff --git a/34683-02479c04ea6ac0aad783.css b/34683-02479c04ea6ac0aad783.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/34683-02479c04ea6ac0aad783.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/34683-02479c04ea6ac0aad783.js b/34683-02479c04ea6ac0aad783.js new file mode 100644 index 0000000000..c8ab17d343 --- /dev/null +++ b/34683-02479c04ea6ac0aad783.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[34683],{55713:function(e,m,n){var l=n(24994);m.A=void 0;var d=l(n(96540)),a=l(n(5556)),r=l(n(67967)),u=l(n(25642)),i=r.default.bind(u.default),p={name:a.default.string.isRequired,src:a.default.string,url:a.default.string,version:a.default.string.isRequired},t=function(e){var m=e.src,n=e.name,l=e.url,a=e.version,r=d.default.createElement("a",{className:i("badge"),href:l||"https://www.npmjs.org/package/".concat(n,"/v/").concat(a)},d.default.createElement("span",{className:i("badge-name")},l?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(a))),u=m?d.default.createElement("a",{className:i("badge"),href:m},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,u)};t.propTypes=p;m.A=t},34683:function(e,m,n){n.r(m),n.d(m,{default:function(){return h}});var l=n(58168),d=n(53986),a=(n(96540),n(36665)),r=n(50232),u=["components"],i={},p="wrapper";function t(e){var m=e.components,n=(0,d.A)(e,u);return(0,a.mdx)(p,(0,l.A)({},i,n,{components:m,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"changelog"},"Changelog"),(0,a.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,a.mdx)("h2",{id:"11120---may-20-2024"},"1.112.0 - (May 20, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"11110---may-14-2024"},"1.111.0 - (May 14, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"11100---may-8-2024"},"1.110.0 - (May 8, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"11090---may-1-2024"},"1.109.0 - (May 1, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"11080---april-23-2024"},"1.108.0 - (April 23, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"11070---april-18-2024"},"1.107.0 - (April 18, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"11060---april-4-2024"},"1.106.0 - (April 4, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"11050---march-25-2024"},"1.105.0 - (March 25, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"11040---march-14-2024"},"1.104.0 - (March 14, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"11030---march-8-2024"},"1.103.0 - (March 8, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"11020---march-5-2024"},"1.102.0 - (March 5, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"11010---march-1-2024"},"1.101.0 - (March 1, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"11000---february-28-2024"},"1.100.0 - (February 28, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"1990---february-22-2024"},"1.99.0 - (February 22, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"1980---february-16-2024"},"1.98.0 - (February 16, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"1970---february-1-2024"},"1.97.0 - (February 1, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"1960---january-25-2024"},"1.96.0 - (January 25, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"1950---january-22-2024"},"1.95.0 - (January 22, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"1940---january-10-2024"},"1.94.0 - (January 10, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"1930---january-2-2024"},"1.93.0 - (January 2, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"1920---december-18-2023"},"1.92.0 - (December 18, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"1910---november-23-2023"},"1.91.0 - (November 23, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1900---november-9-2023"},"1.90.0 - (November 9, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1890---october-11-2023"},"1.89.0 - (October 11, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1880---october-3-2023"},"1.88.0 - (October 3, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1870---september-19-2023"},"1.87.0 - (September 19, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1860---september-5-2023"},"1.86.0 - (September 5, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1850---august-31-2023"},"1.85.0 - (August 31, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1841---august-4-2023"},"1.84.1 - (August 4, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1840---august-2-2023"},"1.84.0 - (August 2, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1830---july-31-2023"},"1.83.0 - (July 31, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1820---july-25-2023"},"1.82.0 - (July 25, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1810---july-19-2023"},"1.81.0 - (July 19, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1800---july-4-2023"},"1.80.0 - (July 4, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1790---june-12-2023"},"1.79.0 - (June 12, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1780---june-5-2023"},"1.78.0 - (June 5, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1770---may-11-2023"},"1.77.0 - (May 11, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1760---april-27-2023"},"1.76.0 - (April 27, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1750---march-29-2023"},"1.75.0 - (March 29, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added package-lock.json")))),(0,a.mdx)("h2",{id:"1740---march-1-2023"},"1.74.0 - (March 1, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1730---february-14-2023"},"1.73.0 - (February 14, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1720---february-7-2023"},"1.72.0 - (February 7, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1710---december-13-2022"},"1.71.0 - (December 13, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1700---july-27-2022"},"1.70.0 - (July 27, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1696---march-29-2022"},"1.69.6 - (March 29, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1695---march-15-2022"},"1.69.5 - (March 15, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1694---march-1-2022"},"1.69.4 - (March 1, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1693---february-15-2022"},"1.69.3 - (February 15, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1692---february-2-2022"},"1.69.2 - (February 2, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1691---january-4-2022"},"1.69.1 - (January 4, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1690---november-16-2021"},"1.69.0 - (November 16, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1680---november-9-2021"},"1.68.0 - (November 9, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1671---november-3-2021"},"1.67.1 - (November 3, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1670---november-2-2021"},"1.67.0 - (November 2, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1660---october-14-2021"},"1.66.0 - (October 14, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1650---october-12-2021"},"1.65.0 - (October 12, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1640---september-20-2021"},"1.64.0 - (September 20, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1630---july-21-2021"},"1.63.0 - (July 21, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated ",(0,a.mdx)("inlineCode",{parentName:"li"},"terra-form-input")," from ",(0,a.mdx)("inlineCode",{parentName:"li"},"v3.7.0")," to ",(0,a.mdx)("inlineCode",{parentName:"li"},"v4.4.0"),".")))),(0,a.mdx)("h2",{id:"1620---july-20-2021"},"1.62.0 - (July 20, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1610---july-13-2021"},"1.61.0 - (July 13, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1600---june-8-2021"},"1.60.0 - (June 8, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1590---june-1-2021"},"1.59.0 - (June 1, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1580---may-4-2021"},"1.58.0 - (May 4, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1570---april-6-2021"},"1.57.0 - (April 6, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,a.mdx)("h2",{id:"1560---march-9-2021"},"1.56.0 - (March 9, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1550---february-2-2021"},"1.55.0 - (February 2, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1540---january-26-2021"},"1.54.0 - (January 26, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1530---january-5-2021"},"1.53.0 - (January 5, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1520---december-8-2020"},"1.52.0 - (December 8, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1510---november-24-2020"},"1.51.0 - (November 24, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1500---november-10-2020"},"1.50.0 - (November 10, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1490---october-27-2020"},"1.49.0 - (October 27, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1480---october-20-2020"},"1.48.0 - (October 20, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1470---october-13-2020"},"1.47.0 - (October 13, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1460---october-6-2020"},"1.46.0 - (October 6, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1450---september-29-2020"},"1.45.0 - (September 29, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1440---september-16-2020"},"1.44.0 - (September 16, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1430---september-10-2020"},"1.43.0 - (September 10, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1420---august-18-2020"},"1.42.0 - (August 18, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1410---august-11-2020"},"1.41.0 - (August 11, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated ",(0,a.mdx)("inlineCode",{parentName:"li"},"terra-form-checkbox")," from v^2.3.0 to v^3.7.0"),(0,a.mdx)("li",{parentName:"ul"},"Updated ",(0,a.mdx)("inlineCode",{parentName:"li"},"terra-form-field")," from v^3.1.0 to v^4.5.0"),(0,a.mdx)("li",{parentName:"ul"},"Updated ",(0,a.mdx)("inlineCode",{parentName:"li"},"terra-form-input")," from v^2.3.0 to v^3.7.0"),(0,a.mdx)("li",{parentName:"ul"},"Updated ",(0,a.mdx)("inlineCode",{parentName:"li"},"terra-form-radio")," from v^3.0.0 to v^4.12.0"),(0,a.mdx)("li",{parentName:"ul"},"Updated ",(0,a.mdx)("inlineCode",{parentName:"li"},"terra-form-textarea")," from v^3.0.0 to v^5.1.0")))),(0,a.mdx)("h2",{id:"1400---august-4-2020"},"1.40.0 - (August 4, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,a.mdx)("h2",{id:"1390---july-28-2020"},"1.39.0 - (July 28, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1380---july-14-2020"},"1.38.0 - (July 14, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,a.mdx)("h2",{id:"1370---june-16-2020"},"1.37.0 - (June 16, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated terra-form-select to V6")))),(0,a.mdx)("h2",{id:"1360---june-9-2020"},"1.36.0 - (June 9, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1350---june-2-2020"},"1.35.0 - (June 2, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1340---may-19-2020"},"1.34.0 - (May 19, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1330---april-28-2020"},"1.33.0 - (April 28, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Added"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,a.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Removed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,a.mdx)("h2",{id:"1320---april-14-2020"},"1.32.0 - (April 14, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1310---april-6-2020"},"1.31.0 - (April 6, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1300---march-31-2020"},"1.30.0 - (March 31, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1290---march-24-2020"},"1.29.0 - (March 24, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1280---march-17-2020"},"1.28.0 - (March 17, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,a.mdx)("h2",{id:"1270---march-10-2020"},"1.27.0 - (March 10, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1260---march-3-2020"},"1.26.0 - (March 3, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1250---february-25-2020"},"1.25.0 - (February 25, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1240---february-18-2020"},"1.24.0 - (February 18, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,a.mdx)("h2",{id:"1230---february-4-2020"},"1.23.0 - (February 4, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1220---january-28-2020"},"1.22.0 - (January 28, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,a.mdx)("h2",{id:"1210---january-7-2020"},"1.21.0 - (January 7, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1200---december-16-2019"},"1.20.0 - (December 16, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1190---december-10-2019"},"1.19.0 - (December 10, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,a.mdx)("h2",{id:"1180---november-26-2019"},"1.18.0 - (November 26, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,a.mdx)("h2",{id:"1170---november-20-2019"},"1.17.0 - (November 20, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,a.mdx)("h2",{id:"1160---november-18-2019"},"1.16.0 - (November 18, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,a.mdx)("h2",{id:"1150---november-7-2019"},"1.15.0 - (November 7, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,a.mdx)("h2",{id:"1140---october-30-2019"},"1.14.0 - (October 30, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,a.mdx)("h2",{id:"1130---october-21-2019"},"1.13.0 - (October 21, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,a.mdx)("h2",{id:"1120---october-16-2019"},"1.12.0 - (October 16, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,a.mdx)("li",{parentName:"ul"},"Updated example to consume new ",(0,a.mdx)("inlineCode",{parentName:"li"},"isIncomplete")," prop in ",(0,a.mdx)("inlineCode",{parentName:"li"},"terra-form-input"))))),(0,a.mdx)("h2",{id:"1110---october-3-2019"},"1.11.0 - (October 3, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,a.mdx)("h2",{id:"1100---september-26-2019"},"1.10.0 - (September 26, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,a.mdx)("h2",{id:"190---september-19-2019"},"1.9.0 - (September 19, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,a.mdx)("h2",{id:"180---september-6-2019"},"1.8.0 - (September 6, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,a.mdx)("h2",{id:"170---august-21-2019"},"1.7.0 - (August 21, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated bracket formatting in test files to match eslint 6 rules.")))),(0,a.mdx)("h2",{id:"160---august-14-2019"},"1.6.0 - (August 14, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"noValidate")," attribute to all ",(0,a.mdx)("inlineCode",{parentName:"li"},"")," elements in the examples"),(0,a.mdx)("li",{parentName:"ul"},"Added documentation on recommend usage of ",(0,a.mdx)("inlineCode",{parentName:"li"},"noValidate")," prop"),(0,a.mdx)("li",{parentName:"ul"},"Added DateInput form validation example")))),(0,a.mdx)("h2",{id:"150---july-30-2019"},"1.5.0 - (July 30, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Removed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update main key in package.json to point to ",(0,a.mdx)("inlineCode",{parentName:"li"},"lib/FormValidationUtil.js"))))),(0,a.mdx)("h2",{id:"141---july-23-2019"},"1.4.1 - (July 23, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,a.mdx)("h2",{id:"140---july-23-2019"},"1.4.0 - (July 23, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated terra-date-picker devDependency to v4.7.0"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Removed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed dev dependency on terra-i18n")))),(0,a.mdx)("h2",{id:"130---july-16-2019"},"1.3.0 - (July 16, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,a.mdx)("h2",{id:"120---june-19-2019"},"1.2.0 - (June 19, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update dependency range on react-final-form to include v5 and v6 versions of react-final-form")))),(0,a.mdx)("h2",{id:"110---june-12-2019"},"1.1.0 - (June 12, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Removed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Fixed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"onSubmit example is now submitting.")))),(0,a.mdx)("h2",{id:"100---may-21-2019"},"1.0.0 - (May 21, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added"),(0,a.mdx)("li",{parentName:"ul"},"Initial stable release")))}t.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function h(e){var m=e.components,n=(0,d.A)(e,x);return(0,a.mdx)(N,(0,l.A)({},o,n,{components:m,mdxType:"MDXLayout"}),(0,a.mdx)(r.E,{mdxType:"Badge"}),(0,a.mdx)(t,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},50232:function(e,m,n){n.d(m,{E:function(){return a}});var l=n(96540),d=n(55713),a=function(e){var m=e.url;return l.createElement(d.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-form-validation",name:"terra-form-validation",version:"1.112.0",url:m})}},25642:function(e,m,n){n.r(m),m.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"}},58168:function(e,m,n){function l(){return l=Object.assign?Object.assign.bind():function(e){for(var m=1;m=0)continue;n[l]=e[l]}return n}(e,m);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(d[n]=e[n])}return d}n.d(m,{A:function(){return l}})}}]); \ No newline at end of file diff --git a/353-09f82e7b735ac16ed611.css b/353-09f82e7b735ac16ed611.css new file mode 100644 index 0000000000..01778e1670 --- /dev/null +++ b/353-09f82e7b735ac16ed611.css @@ -0,0 +1,8 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.InfiniteList-module__infinite-list___7fyNb{display:block;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:100%}.InfiniteList-module__infinite-hidden___aTAai{display:block;height:0;overflow:hidden;position:absolute;top:100%;width:100%}[dir] .InfiniteList-module__infinite-hidden___aTAai{border:0;margin:0;padding:0}.InfiniteList-module__full-loading___ZrKv4{height:100%;overflow:hidden;position:relative;width:100%}.InfiniteList-module__loading___Aj3yQ{display:block;position:relative;width:100%}.InfiniteList-module__spacer___DCsZK{display:block;position:relative;width:100%}[dir] .InfiniteList-module__spacer___DCsZK{margin:0;padding:0} +.MyInitialLoadingIndicator-module__indicator___YCO1r{display:block;height:100%;position:relative;width:100%}[dir] .MyInitialLoadingIndicator-module__indicator___YCO1r{background-color:#282828} +.InfiniteListDocExampleCommon-module__placeholder___\+p5qG{height:50px}.InfiniteListDocExampleCommon-module__item-content___wVR4Q{height:50px;width:100%}.InfiniteListDocExampleCommon-module__main-content___b5X2e{height:300px;position:relative;width:100%}[dir] .InfiniteListDocExampleCommon-module__main-content___b5X2e{border:1px solid #000} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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)} +.MyProgressiveLoadingIndicator-module__indicator___guoIM{display:block;height:80px;width:100%}[dir] .MyProgressiveLoadingIndicator-module__indicator___guoIM{background-color:#282828} diff --git a/353-09f82e7b735ac16ed611.js b/353-09f82e7b735ac16ed611.js new file mode 100644 index 0000000000..dff62a5a0a --- /dev/null +++ b/353-09f82e7b735ac16ed611.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[353],{69:function(e,n,t){t.r(n),t.d(n,{default:function(){return A}});var a=t(58168),r=t(53986),l=t(96540),i=t(36665),d=t(31756),o=t(74647),m=t(12883),p=["components"],s={},c="wrapper";function u(e){var n=e.components,t=(0,r.A)(e,p);return(0,i.mdx)(c,(0,a.A)({},s,t,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)(m.Ay,{mdxType:"PropsTable"},(0,i.mdx)(m.fI,{key:"ROW1",mdxType:"Row"},(0,i.mdx)(m.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,i.mdx)(m.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"String that labels the list for screen readers."))),(0,i.mdx)(m.fI,{key:"ROW2",mdxType:"Row"},(0,i.mdx)(m.dt,{mdxType:"PropNameCell"},"children"),(0,i.mdx)(m.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,i.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,i.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The child list items, of type InfiniteList Item, to be placed within the infinite list.\nFor further documentation of InfiniteList Item see terra-list's ListItem."))),(0,i.mdx)(m.fI,{key:"ROW3",mdxType:"Row"},(0,i.mdx)(m.dt,{mdxType:"PropNameCell"},"dividerStyle"),(0,i.mdx)(m.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'standard'\n 'bottom-only'\n],\n"))),(0,i.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,i.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Whether or not the list's child items should have a border color applied.\nOne of ",(0,i.mdx)("inlineCode",{parentName:"p"},"'none'"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"'standard'"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"'bottom-only'"),"."))),(0,i.mdx)(m.fI,{key:"ROW4",mdxType:"Row"},(0,i.mdx)(m.dt,{mdxType:"PropNameCell"},"initialLoadingIndicator"),(0,i.mdx)(m.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"An indicator to be displayed when no children are yet present."))),(0,i.mdx)(m.fI,{key:"ROW5",mdxType:"Row"},(0,i.mdx)(m.dt,{mdxType:"PropNameCell"},"isFinishedLoading"),(0,i.mdx)(m.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,i.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,i.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Determines whether or not the loading indicator is visible and if callbacks are triggered."))),(0,i.mdx)(m.fI,{key:"ROW6",mdxType:"Row"},(0,i.mdx)(m.dt,{mdxType:"PropNameCell"},"onRequestItems"),(0,i.mdx)(m.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,i.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Callback trigger when new list items are requested."))),(0,i.mdx)(m.fI,{key:"ROW7",mdxType:"Row"},(0,i.mdx)(m.dt,{mdxType:"PropNameCell"},"paddingStyle"),(0,i.mdx)(m.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'standard'\n 'compact'\n],\n"))),(0,i.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,i.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The padding styling to apply to the child list item content.\nOne of ",(0,i.mdx)("inlineCode",{parentName:"p"},"'none'"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"'standard'"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"'compact'"),"."))),(0,i.mdx)(m.fI,{key:"ROW8",mdxType:"Row"},(0,i.mdx)(m.dt,{mdxType:"PropNameCell"},"progressiveLoadingIndicator"),(0,i.mdx)(m.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"An indicator to be displayed at the end of the current loaded children."))),(0,i.mdx)(m.fI,{key:"ROW9",mdxType:"Row"},(0,i.mdx)(m.dt,{mdxType:"PropNameCell"},"progressiveLoadingMessage"),(0,i.mdx)(m.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,i.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"A message to be provided to screen readers as new items are progressively loaded in"))),(0,i.mdx)(m.fI,{key:"ROW10",mdxType:"Row"},(0,i.mdx)(m.dt,{mdxType:"PropNameCell"},"role"),(0,i.mdx)(m.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,i.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Accessibility role of the list, defaults to 'none'. If creating a list with selectable items, pass 'listbox'."))),(0,i.mdx)(m.fI,{key:"ROW11",mdxType:"Row"},(0,i.mdx)(m.dt,{mdxType:"PropNameCell"},"refCallback"),(0,i.mdx)(m.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,i.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Function callback for the ref of the List(ul).")))))}u.isMDXComponent=!0;var x=t(16751),f=["components"],y={};function g(e){var n=e.components,t=(0,r.A)(e,f);return(0,i.mdx)("wrapper",(0,a.A)({},y,t,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport InfiniteList from 'terra-infinite-list';\n\nimport MyInitialLoadingIndicator from '../common/MyInitialLoadingIndicator';\nimport MyExampleContainer from '../common/MyExampleContainer';\n\nconst InitialLoadingExample = () => (\n \n }\n />\n \n);\n\nexport default InitialLoadingExample;\n\n")))}g.isMDXComponent=!0;var h=t(201),v=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(h.A,{title:n||"Initial Loading Example",description:t,example:l.createElement(x.A,null),exampleSrc:l.createElement(g,null),isExpanded:a})},N=t(43588),T=["components"],C={};function b(e){var n=e.components,t=(0,r.A)(e,T);return(0,i.mdx)("wrapper",(0,a.A)({},C,t,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport InfiniteList, { Item } from 'terra-infinite-list';\nimport { Placeholder } from '@cerner/terra-docs';\nimport classNames from 'classnames/bind';\n\nimport MyProgressiveLoadingIndicator from '../common/MyProgressiveLoadingIndicator';\nimport MyExampleContainer from '../common/MyExampleContainer';\nimport styles from './InfiniteListDocExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ProgressiveLoadingExample = () => (\n \n }\n >\n \n \n \n \n \n);\n\nexport default ProgressiveLoadingExample;\n\n")))}b.isMDXComponent=!0;var I=["components"],L={};function w(e){var n=e.components,t=(0,r.A)(e,I);return(0,i.mdx)("wrapper",(0,a.A)({},L,t,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .placeholder {\n height: 50px;\n }\n\n .item-content {\n height: 50px;\n width: 100%;\n }\n\n .main-content {\n border: 1px solid #000;\n height: 300px;\n position: relative;\n width: 100%;\n }\n}\n\n")))}w.isMDXComponent=!0;var E=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(h.A,{title:n||"Progressive Loading Example",description:t,example:l.createElement(N.A,null),exampleCssSrc:l.createElement(w,null),exampleSrc:l.createElement(b,null),isExpanded:a})},D=t(28496),M=["components"],R={};function k(e){var n=e.components,t=(0,r.A)(e,M);return(0,i.mdx)("wrapper",(0,a.A)({},R,t,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport InfiniteList, { Item } from 'terra-infinite-list';\nimport { Placeholder } from '@cerner/terra-docs';\nimport classNames from 'classnames/bind';\n\nimport mockData from './mock-data/virtualizedData';\nimport MyExampleContainer from '../common/MyExampleContainer';\nimport styles from './InfiniteListDocExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst createListItem = itemData => (\n \n \n \n);\n\nconst createItems = data => data.map(item => createListItem(item));\n\nconst VirtualizedExample = () => (\n \n \n {createItems(mockData)}\n \n \n);\n\nexport default VirtualizedExample;\n\n")))}k.isMDXComponent=!0;var P=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(h.A,{title:n||"Virtualized Example",description:t,example:l.createElement(D.A,null),exampleCssSrc:l.createElement(w,null),exampleSrc:l.createElement(k,null),isExpanded:a})},_=["components"],j={},O="wrapper";function A(e){var n=e.components,t=(0,r.A)(e,_);return(0,i.mdx)(O,(0,a.A)({},j,t,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)(d.E,{mdxType:"Badge"}),(0,i.mdx)("p",null,(0,i.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-infinite-list#readme"},(0,i.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,i.mdx)("h1",{id:"terra-infinite-list"},"Terra Infinite List"),(0,i.mdx)(o.Notice,{variant:"deprecation",mdxType:"Notice"},(0,i.mdx)("p",null,"The terra-infinite-list component has been deprecated and is no longer recommended for use."),(0,i.mdx)("p",null,"From a usability perspective, infinite scrolling is a pattern designed and best used when users are casually looking for or discovering things, like shopping and social media. The infinite scrolling pattern should not be used for ",(0,i.mdx)("a",{parentName:"p",href:"https://www.nngroup.com/articles/infinite-scrolling/"},"goal-oriented tasks"),". Cerner products and our users most often fall into goal-oriented workflows. Users should have proper navigation methods (pagination) to navigate to predetermined points within the content easily."),(0,i.mdx)("p",null,"Infinite scrolling also poses significant accessibility challenges for multiple user groups:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Keyboard-only users have to navigate the entire infinite scroll to get to the content below or to the side of the endless loading content. This creates a very time-consuming and unnecessary burden for the keyboard-only user."),(0,i.mdx)("li",{parentName:"ul"},"Screen reader users would have the same problem even though they have more ways to navigate content on the page. When content is dynamically loaded and not within the DOM, screen reader users won't have access to any of that content which poses more significant challenges than just navigating."),(0,i.mdx)("li",{parentName:"ul"},"Focus can be lost when new content loads. Unless focus is managed, sighted keyboard-only users will have difficulties finding where they are on the page."),(0,i.mdx)("li",{parentName:"ul"},"For data with hierarchical relationships, infinite scrolling can make it difficult for screen readers to effectively communicate the required context if related content is split between loaded and unloaded content.")),(0,i.mdx)("p",null,"The ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/paginator/paginator"},"terra-paginator")," should be considered as an alternative approach to paging large amounts of data.")),(0,i.mdx)("p",null,"The infinite list component provides virtual dom management and data request callbacks to manage large data sets within a list.\nInfiniteList is a controlled HOC built upon the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-list")," component in order to allow for list style and selection patterns."),(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-infinite-list"))))),(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)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,i.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(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)("h2",{id:"list-item-selection"},"List Item Selection"),(0,i.mdx)("p",null,"Management of list selection is provided by the HOC implementing the InfiniteList. For an example of list item selection you can refer to List's documentation:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/#/components/terra-list/list/guides/single-select-list"},"Single Select List")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/#/components/terra-list/list/guides/multi-select-list"},"Multi Select List"))),(0,i.mdx)("h2",{id:"examples"},"Examples"),(0,i.mdx)(v,{title:"Example Initial Loading Indicator",mdxType:"InitialLoadingExample"}),(0,i.mdx)(E,{title:"Example Progressive Loading Indicator",mdxType:"ProgressiveLoadingExample"}),(0,i.mdx)(P,{title:"Example Virtualized List",mdxType:"VirtualizedExample"}),(0,i.mdx)("h2",{id:"infinite-list-props-table"},"Infinite List Props Table"),(0,i.mdx)(u,{mdxType:"InfiniteListSrc"}))}A.isMDXComponent=!0},31756:function(e,n,t){t.d(n,{E:function(){return l}});var a=t(96540),r=t(55713),l=function(e){var n=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-infinite-list",name:"terra-infinite-list",version:"3.43.0",url:n})}},39185:function(e,n,t){var a=t(24994);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r=a(t(96540)),l=a(t(67967)),i=a(t(92973)),d=l.default.bind(i.default);n.default=function(e){var n=e.children;return r.default.createElement("div",{className:d("main-content")},n)}},50223:function(e,n,t){var a=t(24994);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r=a(t(96540)),l=a(t(67967)),i=t(74647),d=a(t(1388)),o=l.default.bind(d.default);n.default=function(){return r.default.createElement("div",{className:o("indicator")},r.default.createElement(i.Placeholder,{title:"I'm Loading"}))}},48904:function(e,n,t){var a=t(24994);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r=a(t(96540)),l=a(t(67967)),i=t(74647),d=a(t(71857)),o=l.default.bind(d.default);n.default=function(){return r.default.createElement("div",{className:o("indicator")},r.default.createElement(i.Placeholder,{title:"I'm Loading More"}))}},16751:function(e,n,t){var a=t(24994);n.A=void 0;var r=a(t(96540)),l=a(t(47275)),i=a(t(50223)),d=a(t(39185));n.A=function(){return r.default.createElement(d.default,null,r.default.createElement(l.default,{dividerStyle:"standard",ariaLabel:"Initial Loading",initialLoadingIndicator:r.default.createElement(i.default,null)}))}},43588:function(e,n,t){var a=t(24994),r=t(73738);n.A=void 0;var l=a(t(96540)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var t=c(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var d=l?Object.getOwnPropertyDescriptor(e,i):null;d&&(d.get||d.set)?Object.defineProperty(a,i,d):a[i]=e[i]}return a.default=e,t&&t.set(e,a),a}(t(47275)),d=t(74647),o=a(t(67967)),m=a(t(48904)),p=a(t(39185)),s=a(t(92973));function c(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(c=function(e){return e?t:n})(e)}var u=o.default.bind(s.default);n.A=function(){return l.default.createElement(p.default,null,l.default.createElement(i.default,{dividerStyle:"standard",ariaLabel:"Progressive Loading",progressiveLoadingIndicator:l.default.createElement(m.default,null)},l.default.createElement(i.Item,{key:"item-1"},l.default.createElement(d.Placeholder,{title:"Item 1",className:u("placeholder")}))))}},28496:function(e,n,t){var a=t(24994),r=t(73738);n.A=void 0;var l=a(t(96540)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var t=c(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var d=l?Object.getOwnPropertyDescriptor(e,i):null;d&&(d.get||d.set)?Object.defineProperty(a,i,d):a[i]=e[i]}return a.default=e,t&&t.set(e,a),a}(t(47275)),d=t(74647),o=a(t(67967)),m=a(t(19086)),p=a(t(39185)),s=a(t(92973));function c(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(c=function(e){return e?t:n})(e)}var u=o.default.bind(s.default),x=function(e){return e.map((function(e){return n=e,l.default.createElement(i.Item,{key:n.key},l.default.createElement(d.Placeholder,{title:n.title,className:u("placeholder")}));var n}))};n.A=function(){return l.default.createElement(p.default,null,l.default.createElement(i.default,{dividerStyle:"standard",isFinishedLoading:!0,ariaLabel:"Virtualized"},x(m.default)))}},19086:function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=function(){for(var e=[],n=0;n<100;n+=1)e.push({title:"Item ".concat(n),key:"unique-".concat(n)});return e}();n.default=t},1388:function(e,n,t){t.r(n),n.default={indicator:"MyInitialLoadingIndicator-module__indicator___YCO1r"}},71857:function(e,n,t){t.r(n),n.default={indicator:"MyProgressiveLoadingIndicator-module__indicator___guoIM"}},92973:function(e,n,t){t.r(n),n.default={placeholder:"InfiniteListDocExampleCommon-module__placeholder___+p5qG","item-content":"InfiniteListDocExampleCommon-module__item-content___wVR4Q","main-content":"InfiniteListDocExampleCommon-module__main-content___b5X2e"}}}]); \ No newline at end of file diff --git a/3580-363246cff67fe4953ad1.js b/3580-363246cff67fe4953ad1.js new file mode 100644 index 0000000000..1fd4694e09 --- /dev/null +++ b/3580-363246cff67fe4953ad1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[3580],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(5556)),r=a(n(67967)),i=a(n(25642)),c=r.default.bind(i.default),d={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,r=l.default.createElement("a",{className:c("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},l.default.createElement("span",{className:c("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:c("badge-version")},"v".concat(o))),i=t?l.default.createElement("a",{className:c("badge"),href:t},l.default.createElement("span",{className:c("badge-name")},"github"),l.default.createElement("span",{className:c("badge-version")},"source")):void 0;return l.default.createElement("div",{className:c("badge-container")},r,i)};s.propTypes=d;t.A=s},201:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var o=a(n(85715)),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=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(96540)),i=a(n(5556)),c=a(n(67967)),d=n(92912),s=a(n(49558)),m=a(n(53665)),u=n(25966),p=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var _=c.default.bind(p.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=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,i=e.description,c=e.isExpanded,p=(0,r.useState)(c),f=(0,o.default)(p,2),b=f[0],v=f[1],E=(0,r.useState)(!1),h=(0,o.default)(E,2),N=h[0],x=h[1],C=r.default.useContext(d.ThemeContext),T=void 0!==a,w=function(){x(!N),b&&v(!b)},k=function(){v(!b),N&&x(!N)},A=function(e,t){e.nativeEvent.keyCode!==u.KEY_SPACE&&e.nativeEvent.keyCode!==u.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:_("template",C.className)},r.default.createElement("div",{className:_("header")},l&&r.default.createElement("h2",{className:_("title")},l)),r.default.createElement("div",{className:_("content")},i&&r.default.createElement("div",{className:_("description")},i),t),r.default.createElement("div",{className:_("footer")},n?r.default.createElement("div",{className:_("button-container")},T&&r.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":N}),onClick:w,onKeyDown:function(e){return A(e,w)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:_("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(m.default,{className:_("chevron")})),r.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:k,onKeyDown:function(e){return A(e,k)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:_("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(m.default,{className:_("chevron")}))):null,r.default.createElement("div",null,N&&r.default.createElement("div",{className:_("css")},a),b&&r.default.createElement("div",{className:_("code")},n))))};v.propTypes=b,v.defaultProps={isExpanded:!1};t.A=v},3580:function(e,t,n){n.r(t),n.d(t,{default:function(){return b}});var a=n(58168),l=n(53986),o=n(96540),r=n(36665),i=(n(20574),n(83957)),c=["components"],d={};function s(e){var t=e.components,n=(0,l.A)(e,c);return(0,r.mdx)("wrapper",(0,a.A)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.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 Details', columnSpan: 2 },\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' },\n { content: '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' },\n { content: '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 TableColumnSpan = () => (\n \n);\n\nexport default TableColumnSpan;\n\n")))}s.isMDXComponent=!0;var m=n(201),u=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(m.A,{title:t||"Table Column Span",description:n,example:o.createElement(i.A,null),exampleSrc:o.createElement(s,null),isExpanded:a})},p=["components"],f={},_="wrapper";function b(e){var t=e.components,n=(0,l.A)(e,p);return(0,r.mdx)(_,(0,a.A)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"table-with-column-span"},"Table With Column Span"),(0,r.mdx)("h3",{id:"description"},"Description"),(0,r.mdx)("p",null,"This example demonstrates a ",(0,r.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/table/about"},"Table")," with column span implementation."),(0,r.mdx)(u,{mdxType:"TableColumnSpan"}))}b.isMDXComponent=!0},20574:function(e,t,n){n.d(t,{E:function(){return o}});var a=n(96540),l=n(55713),o=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.24.0",url:t})}},83957:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(83264)),r={cols:[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit Details",columnSpan:2},{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"},{content:"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"},{content:"2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"}]}]};t.A=function(){return l.default.createElement(o.default,{id:"my-table-id",overflowColumns:r.cols,rows:r.rows,ariaLabel:"Table"})}},25642: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"}},89986: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"}},58168:function(e,t,n){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}n.d(t,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/36022-218a4ec219e745e9804e.css b/36022-218a4ec219e745e9804e.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/36022-218a4ec219e745e9804e.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/36022-218a4ec219e745e9804e.js b/36022-218a4ec219e745e9804e.js new file mode 100644 index 0000000000..71eea7549f --- /dev/null +++ b/36022-218a4ec219e745e9804e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[36022],{55713:function(e,t,n){var r=n(24994);t.A=void 0;var a=r(n(96540)),o=r(n(5556)),d=r(n(67967)),i=r(n(25642)),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;t.A=m},36022:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});var r=n(58168),a=n(53986),o=(n(96540),n(36665)),d=n(47558),i=["components"],l={},s="wrapper";function m(e){var t=e.components,n=(0,a.A)(e,i);return(0,o.mdx)(s,(0,r.A)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(d.E,{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},47558:function(e,t,n){n.d(t,{E:function(){return o}});var r=n(96540),a=n(55713),o=function(e){var t=e.url;return r.createElement(a.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.110.0",url:t})}},25642: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"}},58168:function(e,t,n){function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(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,{A:function(){return r}})}}]); \ No newline at end of file diff --git a/36677-80338c612cec6719be74.css b/36677-80338c612cec6719be74.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/36677-80338c612cec6719be74.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/36677-80338c612cec6719be74.js b/36677-80338c612cec6719be74.js new file mode 100644 index 0000000000..88d3975e85 --- /dev/null +++ b/36677-80338c612cec6719be74.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[36677],{55713:function(e,a,l){var d=l(24994);a.A=void 0;var m=d(l(96540)),n=d(l(5556)),r=d(l(67967)),i=d(l(25642)),u=r.default.bind(i.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:u("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:u("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:u("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:u("badge"),href:a},m.default.createElement("span",{className:u("badge-name")},"github"),m.default.createElement("span",{className:u("badge-version")},"source")):void 0;return m.default.createElement("div",{className:u("badge-container")},r,i)};p.propTypes=t;a.A=p},36677:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(58168),m=l(53986),n=(l(96540),l(36665)),r=l(5355),i=["components"],u={},t="wrapper";function p(e){var a=e.components,l=(0,m.A)(e,i);return(0,n.mdx)(t,(0,d.A)({},u,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"5960---may-20-2024"},"5.96.0 - (May 20, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5950---may-15-2024"},"5.95.0 - (May 15, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5940---may-14-2024"},"5.94.0 - (May 14, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5930---may-8-2024"},"5.93.0 - (May 8, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5920---may-1-2024"},"5.92.0 - (May 1, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5910---april-15-2024"},"5.91.0 - (April 15, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5900---april-4-2024"},"5.90.0 - (April 4, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5890---march-29-2024"},"5.89.0 - (March 29, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5880---march-25-2024"},"5.88.0 - (March 25, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5870---march-21-2024"},"5.87.0 - (March 21, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5860---march-14-2024"},"5.86.0 - (March 14, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5850---march-8-2024"},"5.85.0 - (March 8, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"5840---march-5-2024"},"5.84.0 - (March 5, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{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---february-28-2024"},"5.83.0 - (February 28, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{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---february-22-2024"},"5.82.0 - (February 22, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{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---february-16-2024"},"5.81.0 - (February 16, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{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---january-22-2024"},"5.80.0 - (January 22, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{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---january-10-2024"},"5.79.0 - (January 10, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{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---december-18-2023"},"5.78.0 - (December 18, 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---december-13-2023"},"5.77.0 - (December 13, 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"},"onBlur")," property for utilityConfig that will trigger on _ApplicationMenu blur event")))),(0,n.mdx)("h2",{id:"5760---november-23-2023"},"5.76.0 - (November 23, 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---october-11-2023"},"5.75.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:"5740---october-3-2023"},"5.74.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:"5732---august-10-2023"},"5.73.2 - (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:"5731---august-4-2023"},"5.73.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:"5730---july-31-2023"},"5.73.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:"5720---july-25-2023"},"5.72.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:"5710---july-19-2023"},"5.71.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:"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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated component examples.")))),(0,n.mdx)("h2",{id:"5671---april-12-2023"},"5.67.1 - (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:"5670---march-29-2023"},"5.67.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"},"Removed one of the WDIO tests. It will be added back after an investigation.")))),(0,n.mdx)("h2",{id:"5660---march-1-2023"},"5.66.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:"5650---february-14-2023"},"5.65.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 test and screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"5640---december-13-2022"},"5.64.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:"5632---december-6-2022"},"5.63.2 - (December 6, 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:"5631---march-15-2022"},"5.63.1 - (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:"5630---november-16-2021"},"5.63.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:"5620---november-9-2021"},"5.62.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:"5610---october-14-2021"},"5.61.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:"5600---october-12-2021"},"5.60.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"},"Increased timeout for redirecting url.")))),(0,n.mdx)("h2",{id:"5590---september-20-2021"},"5.59.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:"5580---july-21-2021"},"5.58.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)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-breakpoints")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2.0.0")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2.19.0"),".")))),(0,n.mdx)("h2",{id:"5570---july-13-2021"},"5.57.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:"5560---july-6-2021"},"5.56.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:"5550---june-8-2021"},"5.55.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:"5540---may-4-2021"},"5.54.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:"5530---april-6-2021"},"5.53.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:"5520---march-9-2021"},"5.52.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 terra-functional-testing")))),(0,n.mdx)("h2",{id:"5510---february-9-2021"},"5.51.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:"5500---february-2-2021"},"5.50.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:"5490---january-26-2021"},"5.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:"5480---january-5-2021"},"5.48.0 - (January 5, 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 to support a peer dependency of react-intl v2-v5"),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"intlShape")," imports"))),(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 broken links in documentation.")))),(0,n.mdx)("h2",{id:"5470---december-8-2020"},"5.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5460---november-24-2020"},"5.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"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"5450---november-10-2020"},"5.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:"5440---october-20-2020"},"5.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5430---october-13-2020"},"5.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"},"Update terra-avatar to 3.8.0")))),(0,n.mdx)("h2",{id:"5420---august-18-2020"},"5.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."))),(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)("li",{parentName:"ul"},"Update WDIO screenshot")))),(0,n.mdx)("h2",{id:"5410---august-11-2020"},"5.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:"5400---august-4-2020"},"5.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)("h2",{id:"5390---july-14-2020"},"5.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"},"updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,n.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,n.mdx)("li",{parentName:"ul"},"Removed unused disable eslint directives")))),(0,n.mdx)("h2",{id:"5380---june-16-2020"},"5.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5370---june-9-2020"},"5.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:"5360---june-2-2020"},"5.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"},"Apply themes by context and directly include packaged themes.")))),(0,n.mdx)("h2",{id:"5350---may-26-2020"},"5.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"},"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"},"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-6-2020"},"5.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"},"Updated test examples to provide ",(0,n.mdx)("inlineCode",{parentName:"li"},"initials")," for avatar")))),(0,n.mdx)("h2",{id:"5310---march-31-2020"},"5.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:"5300---march-10-2020"},"5.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5290---march-3-2020"},"5.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"},"Updated wdio screenshots")))),(0,n.mdx)("h2",{id:"5280---february-25-2020"},"5.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:"5270---february-18-2020"},"5.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:"5260---february-4-2020"},"5.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"},"Update docs to use MDX syntax")))),(0,n.mdx)("h2",{id:"5250---january-28-2020"},"5.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:"5240---january-7-2020"},"5.24.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"},"Update screenshot")))),(0,n.mdx)("h2",{id:"5230---december-16-2019"},"5.23.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:"5220---december-10-2019"},"5.22.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:"5210---november-20-2019"},"5.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:"5200---november-18-2019"},"5.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:"5190---november-7-2019"},"5.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:"5180---october-30-2019"},"5.18.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 updates")))),(0,n.mdx)("h2",{id:"5170---october-21-2019"},"5.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:"5160---october-16-2019"},"5.16.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:"5150---october-3-2019"},"5.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:"5140---september-26-2019"},"5.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:"5130---september-19-2019"},"5.13.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:"5120---september-6-2019"},"5.12.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:"5110---august-21-2019"},"5.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"},"Replaced Object.assign syntax with Object spread syntax")))),(0,n.mdx)("h2",{id:"5100---august-14-2019"},"5.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"},"Update wdio snapshots with new button focus outline styles"),(0,n.mdx)("li",{parentName:"ul"},"Update tests for dev-site v6"),(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"590---july-30-2019"},"5.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:"581---july-23-2019"},"5.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:"580---july-23-2019"},"5.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"},"Normalized terra-breakpoints dependency version to match other terra-framework packages")))),(0,n.mdx)("h2",{id:"570---july-16-2019"},"5.7.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"},"Removed Ignore Axe Rules from wdio tests."),(0,n.mdx)("li",{parentName:"ul"},"Add wait to spec tests to pass.")))),(0,n.mdx)("h2",{id:"560---july-10-2019"},"5.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)("li",{parentName:"ul"},"Re-enable missing tests.")))),(0,n.mdx)("h2",{id:"550---july-2-2019"},"5.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)("li",{parentName:"ul"},"Updated jest snapshot that contains side-nav a11y changes")))),(0,n.mdx)("h2",{id:"540---june-19-2019"},"5.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"},"Update wdio specs to use Terra.describeViewports")))),(0,n.mdx)("h2",{id:"530---june-12-2019"},"5.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"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ARIA landmark roles"))),(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:"520---may-21-2019"},"5.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"},"Patch dependency update")))),(0,n.mdx)("h2",{id:"510---may-15-2019"},"5.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:"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"},"Consume latest major version bump of terra-popup"),(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)("li",{parentName:"ul"},"Update react-router-dom dependency to latest stable major release")))),(0,n.mdx)("h2",{id:"4120---may-7-2019"},"4.12.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"},"Updated WDIO screenshots")))),(0,n.mdx)("h2",{id:"4110---april-24-2019"},"4.11.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:"4100---april-16-2019"},"4.10.0 - (April 16, 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"},"Updated RoutingMenu to correctly synchronize internal state with props provided after initial mount")))),(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"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added alt text to app logo image used in doc example with icons in nav")))),(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"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Support for icons in the primary navigation items")))),(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"},"Added alt text to app logo image used in doc example"))),(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"},"Update Jest tests to use terra-enzyme-intl"),(0,n.mdx)("li",{parentName:"ul"},"Changed demo mock colors to be themable")))),(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"},"Minor dependency update")))),(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"},"Minor dependency update")))),(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"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added en-AU translations"))),(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 external links example to point to terra-ui.com")))),(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"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated variable names to match new naming standard"),(0,n.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Removed variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(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 use of componentWillReceiveProps"),(0,n.mdx)("li",{parentName:"ul"},"Update terra-avatar to 2.0")))),(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"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Wdio test added for read-only menu item"))),(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"},"Increase specificity of UserData photo CSS class")))),(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"},"Update examples to use terra-framework's checked in image"),(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(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"},"Updated ApplicationLayout and related components to interface directly with a parent DisclosureManager."),(0,n.mdx)("li",{parentName:"ul"},"Removed instances of the ApplicationLayout and related components injecting an ",(0,n.mdx)("inlineCode",{parentName:"li"},"app")," prop into child components."))),(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 missing ar translations."))),(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"},"Wdio tests changed to use themeCombinationOfCustomProperties")))),(0,n.mdx)("h2",{id:"2221---november-15-2018"},"2.22.1 - (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"},"Patch dependency update")))),(0,n.mdx)("h2",{id:"2220---november-15-2018"},"2.22.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:"2210---october-30-2018"},"2.21.0 - (October 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 update")))),(0,n.mdx)("h2",{id:"2200---october-24-2018"},"2.20.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:"2190---october-16-2018"},"2.19.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:"2180---october-8-2018"},"2.18.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:"2170---september-25-2018"},"2.17.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"},"The application menu is closed when presenting utilities at compact sizes"),(0,n.mdx)("li",{parentName:"ul"},"Removed terra-base duplicate from devDependencies")))),(0,n.mdx)("h2",{id:"2160---september-11-2018"},"2.16.0 - (September 11, 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:"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-14-2018"},"2.13.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:"2120---august-8-2018"},"2.12.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"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"2110---august-1-2018"},"2.11.0 - (August 1, 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"},"Expanded support for navigational paths")))),(0,n.mdx)("h2",{id:"2100---july-26-2018"},"2.10.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:"290---july-25-2018"},"2.9.0 - (July 25, 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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"sv")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"sv-SE")," translations"),(0,n.mdx)("li",{parentName:"ul"},"Added dependency on action-header"))),(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 clinical-action-header with action-header"),(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed\nRemoved dependency on terra-clinical-action-header"))),(0,n.mdx)("h2",{id:"280---july-10-2018"},"2.8.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:"270---july-6-2018"},"2.7.0 - (July 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:"260---july-3-2018"},"2.6.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:"250---june-29-2018"},"2.5.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:"240---june-12-2018"},"2.4.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:"230---june-5-2018"},"2.3.0 - (June 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 updates")))),(0,n.mdx)("h2",{id:"220---may-30-2018"},"2.2.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:"210---may-22-2018"},"2.1.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:"200---may-8-2018"},"2.0.0 - (May 8, 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-modal-manager v3.0.0"),(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-popup v4.0.0")))),(0,n.mdx)("h2",{id:"160---april-30-2018"},"1.6.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:"150---april-20-2018"},"1.5.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"},"Added nl and nl-BE to supported locales")))),(0,n.mdx)("h2",{id:"140---april-13-2018"},"1.4.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"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"130---april-10-2018"},"1.3.0 - (April 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"},"Updated the Application Header popup attachment behavior to be ",(0,n.mdx)("inlineCode",{parentName:"li"},"push"))))),(0,n.mdx)("h2",{id:"121---april-5-2018"},"1.2.1 - (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 updates")))),(0,n.mdx)("h2",{id:"120---april-3-2018"},"1.2.0 - (April 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 test updates")))),(0,n.mdx)("h2",{id:"110---march-23-2018"},"1.1.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:"100---march-23-2018"},"1.0.0 - (March 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial release")))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.A)(e,x);return(0,n.mdx)(N,(0,d.A)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},5355:function(e,a,l){l.d(a,{E:function(){return n}});var d=l(96540),m=l(55713),n=function(e){var a=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-layout",name:"terra-application-layout",version:"5.96.0",url:a})}},25642: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"}},58168:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(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,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/36729-1ca559ea17a16f22123f.css b/36729-1ca559ea17a16f22123f.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/36729-1ca559ea17a16f22123f.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/36729-1ca559ea17a16f22123f.js b/36729-1ca559ea17a16f22123f.js new file mode 100644 index 0000000000..08dd63e9a9 --- /dev/null +++ b/36729-1ca559ea17a16f22123f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[36729],{55713:function(e,a,l){var m=l(24994);a.A=void 0;var d=m(l(96540)),n=m(l(5556)),t=m(l(67967)),r=m(l(25642)),i=t.default.bind(r.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,m=e.url,n=e.version,t=d.default.createElement("a",{className:i("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:i("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(n))),r=a?d.default.createElement("a",{className:i("badge"),href:a},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},t,r)};p.propTypes=u;a.A=p},36729:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var m=l(58168),d=l(53986),n=(l(96540),l(36665)),t=l(66560),r=["components"],i={},u="wrapper";function p(e){var a=e.components,l=(0,d.A)(e,r);return(0,n.mdx)(u,(0,m.A)({},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:"3510---may-20-2024"},"3.51.0 - (May 20, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{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---may-14-2024"},"3.50.0 - (May 14, 2024)"),(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 find the closest focusable element when disclosing.")))),(0,n.mdx)("h2",{id:"3490---april-4-2024"},"3.49.0 - (April 4, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Stopped adding ",(0,n.mdx)("inlineCode",{parentName:"li"},"aria-expanded")," attribute to the disclosing node.")))),(0,n.mdx)("h2",{id:"3480---march-29-2024"},"3.48.0 - (March 29, 2024)"),(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 capturing the disclosing node to accommodate for cases with no ",(0,n.mdx)("inlineCode",{parentName:"li"},"mainContent"),".")))),(0,n.mdx)("h2",{id:"3470---december-18-2023"},"3.47.0 - (December 18, 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:"3460---august-31-2023"},"3.46.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:"3450---august-2-2023"},"3.45.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"},"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:"3440---july-31-2023"},"3.44.0 - (July 31, 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"},"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 check for focus on the disclosing node before calling focus.")))),(0,n.mdx)("h2",{id:"3430---july-19-2023"},"3.43.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:"3420---july-4-2023"},"3.42.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:"3410---june-12-2023"},"3.41.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:"3400---june-5-2023"},"3.40.0 - (June 5, 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 missing translations."))),(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 a11y bug where multiple slide panels shared same ID for visually hidden text. (This fix requires updates to Jest snapshots and requires UUID to be mocked on consuming applications)"))),(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 ",(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:"3390---april-27-2023"},"3.39.0 - (April 27, 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 roles and visually hidden text to slide panel."),(0,n.mdx)("li",{parentName:"ul"},"Added built-in text for screen readers to communicate that a slide panel may be present and interactable."),(0,n.mdx)("li",{parentName:"ul"},"Added internationalization for built-in ",(0,n.mdx)("inlineCode",{parentName:"li"},"aria-describedby")," text."))),(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 main content to not be focusable when panel content is fullscreen.")))),(0,n.mdx)("h2",{id:"3381---april-12-2023"},"3.38.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 bug where ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-slide-panel")," crashes when open by default on load.")))),(0,n.mdx)("h2",{id:"3380---march-29-2023"},"3.38.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 to focus originating element when slide panel is closed.")))),(0,n.mdx)("h2",{id:"3370---february-14-2023"},"3.37.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:"3360---march-15-2022"},"3.36.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:"3350---september-20-2021"},"3.35.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:"3340---june-8-2021"},"3.34.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:"3330---april-6-2021"},"3.33.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:"3320---march-9-2021"},"3.32.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 terra-functional-testing")))),(0,n.mdx)("h2",{id:"3310---january-5-2021"},"3.31.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:"3300---december-8-2020"},"3.30.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"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"3290---august-4-2020"},"3.29.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:"3280---july-14-2020"},"3.28.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"},"updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,n.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint config")))),(0,n.mdx)("h2",{id:"3270---june-2-2020"},"3.27.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:"3260---april-28-2020"},"3.26.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:"3250---march-31-2020"},"3.25.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:"3240---march-17-2020"},"3.24.0 - (March 17, 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"},"Update docs to use MDX syntax"))),(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"},"Added key to main content and panel content to prevent unmounting when changing panel position")))),(0,n.mdx)("h2",{id:"3230---february-18-2020"},"3.23.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:"3220---january-28-2020"},"3.22.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:"3210---december-10-2019"},"3.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:"3200---november-7-2019"},"3.20.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:"3190---october-30-2019"},"3.19.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"},"aria-label"),' to the "Main" and "Panel" containers.'),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"mainAriaLabel")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"panelAriaLabel")," as optional props.")))),(0,n.mdx)("h2",{id:"3180---october-16-2019"},"3.18.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:"3170---october-3-2019"},"3.17.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:"3160---september-26-2019"},"3.16.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:"3150---september-19-2019"},"3.15.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:"3140---september-6-2019"},"3.14.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:"3130---august-21-2019"},"3.13.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"},"Cleaned up ESLint comments")))),(0,n.mdx)("h2",{id:"3120---august-14-2019"},"3.12.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:"3110---july-30-2019"},"3.11.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:"3100---july-16-2019"},"3.10.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:"390---july-10-2019"},"3.9.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:"380---july-2-2019"},"3.8.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:"370---june-19-2019"},"3.7.0 - (June 19, 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 '-ms-overflow-style' style"))),(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 to allow Slide Panel's DOM order to flex based on the 'panelPosition' prop.")))),(0,n.mdx)("h2",{id:"360---june-12-2019"},"3.6.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)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports")))),(0,n.mdx)("h2",{id:"350---april-24-2019"},"3.5.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:"340---april-18-2019"},"3.4.0 - (April 18, 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"},"Remove transition listener logic. Replace with componentDidUpdate comparison."))),(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"},"Set outline to none on main + panel.")))),(0,n.mdx)("h2",{id:"330---april-9-2019"},"3.3.0 - (April 9, 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"},"Setting Focus to slide panel's panel content on open.")))),(0,n.mdx)("h2",{id:"320---march-26-2019"},"3.2.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)("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:"310---february-5-2019"},"3.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:"300---january-25-2019"},"3.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 variable names to match new naming standard"),(0,n.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Removed variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,n.mdx)("h2",{id:"2250---january-5-2019"},"2.25.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:"2240---january-2-2019"},"2.24.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:"2230---december-5-2018"},"2.23.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:"2220---december-3-2018"},"2.22.0 - (December 3, 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"},"Wdio tests changed to use themeCombinationOfCustomProperties"))),(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"},"Slide panel's aria-hidden value when the panel is toggled")))),(0,n.mdx)("h2",{id:"2210---november-15-2018"},"2.21.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:"2200---october-24-2018"},"2.20.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"},"Updated the controlled slidepanel example's focus management")))),(0,n.mdx)("h2",{id:"2190---october-16-2018"},"2.19.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"},"Reordered DOM structure to change tab order")))),(0,n.mdx)("h2",{id:"2180---october-8-2018"},"2.18.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"},"Upgrade focus-trap-react version to ^4.0.1")))),(0,n.mdx)("h2",{id:"2170---september-25-2018"},"2.17.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:"2160---september-5-2018"},"2.16.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:"2150---august-30-2018"},"2.15.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:"2140---august-13-2018"},"2.14.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:"2130---july-25-2018"},"2.13.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:"2120---july-10-2018"},"2.12.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"},"Clean up dependencies")))),(0,n.mdx)("h2",{id:"2110---july-3-2018"},"2.11.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:"2100---june-29-2018"},"2.10.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:"290---june-12-2018"},"2.9.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:"280---may-30-2018"},"2.8.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:"270---may-22-2018"},"2.7.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:"260---april-30-2018"},"2.6.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:"250---april-13-2018"},"2.5.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"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"240---april-10-2018"},"2.4.0 - (April 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"},"Allow Slide Panel Background Color to be Themeable")))),(0,n.mdx)("h2",{id:"230---april-3-2018"},"2.3.0 - (April 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"},"Miragte package to terra-framework")))),(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"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Offscreen tab access in the panel removed"))),(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 aria hidden to use the string entry")))),(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"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16"))),(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"},"CSS bug in calculated squish behavior")))),(0,n.mdx)("h2",{id:"1160---february-1-2018"},"1.16.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 version bump")))),(0,n.mdx)("h2",{id:"1150---january-18-2018"},"1.15.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 version bump")))),(0,n.mdx)("h2",{id:"1140---january-5-2018"},"1.14.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 version bump")))),(0,n.mdx)("h2",{id:"1130---november-28-2017"},"1.13.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 version bump")))),(0,n.mdx)("h2",{id:"1120---november-16-2017"},"1.12.0 - (November 16, 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 version bump")))),(0,n.mdx)("h2",{id:"1110---october-6-2017"},"1.11.0 - (October 6, 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 version bump")))),(0,n.mdx)("h2",{id:"1100---september-26-2017"},"1.10.0 - (September 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 version bump")))),(0,n.mdx)("h2",{id:"190---september-19-2017"},"1.9.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 version bump")))),(0,n.mdx)("h2",{id:"180---september-12-2017"},"1.8.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"},"Minor version bump")))),(0,n.mdx)("h2",{id:"170---september-7-2017"},"1.7.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 version bump")))),(0,n.mdx)("h2",{id:"160---september-5-2017"},"1.6.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:"150---august-31-2017"},"1.5.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 version bump")))),(0,n.mdx)("h2",{id:"140---august-15-2017"},"1.4.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"},"Switched CSS custom properties usage to inline fallback syntax")))),(0,n.mdx)("h2",{id:"130---august-8-2017"},"1.3.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"},"Minor version bump")))),(0,n.mdx)("h2",{id:"120---august-1-2017"},"1.2.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:"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"},"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 a=e.components,l=(0,d.A)(e,x);return(0,n.mdx)(N,(0,m.A)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},66560:function(e,a,l){l.d(a,{E:function(){return n}});var m=l(96540),d=l(55713),n=function(e){var a=e.url;return m.createElement(d.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel",name:"terra-slide-panel",version:"3.51.0",url:a})}},25642: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"}},58168:function(e,a,l){function m(){return m=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[m]=e[m]}return l}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}l.d(a,{A:function(){return m}})}}]); \ No newline at end of file diff --git a/36742-513a5617c4332f377518.css b/36742-513a5617c4332f377518.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/36742-513a5617c4332f377518.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/36742-513a5617c4332f377518.js b/36742-513a5617c4332f377518.js new file mode 100644 index 0000000000..0c8050a611 --- /dev/null +++ b/36742-513a5617c4332f377518.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[36742],{55713:function(e,a,l){var d=l(24994);a.A=void 0;var m=d(l(96540)),n=d(l(5556)),t=d(l(67967)),r=d(l(25642)),i=t.default.bind(r.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,t=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))),r=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")},t,r)};p.propTypes=u;a.A=p},36742:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(58168),m=l(53986),n=(l(96540),l(36665)),t=l(62483),r=["components"],i={},u="wrapper";function p(e){var a=e.components,l=(0,m.A)(e,r);return(0,n.mdx)(u,(0,d.A)({},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:"4410---may-20-2024"},"4.41.0 - (May 20, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"4400---march-29-2024"},"4.40.0 - (March 29, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"tabindex")," attribute with value ",(0,n.mdx)("inlineCode",{parentName:"li"},"-1")," was added to the main element (",(0,n.mdx)("inlineCode",{parentName:"li"},"data-terra-layout-main"),") to fix unexpected focus behavior for users using screen readers.")))),(0,n.mdx)("h2",{id:"4390---december-18-2023"},"4.39.0 - (December 18, 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:"4380---july-31-2023"},"4.38.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:"4370---july-19-2023"},"4.37.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:"4360---february-14-2023"},"4.36.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:"4350---march-15-2022"},"4.35.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:"4340---september-20-2021"},"4.34.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)("h2",{id:"4330---july-21-2021"},"4.33.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:"4320---june-8-2021"},"4.32.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:"4310---april-6-2021"},"4.31.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:"4300---march-9-2021"},"4.30.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 terra-functional-testing")))),(0,n.mdx)("h2",{id:"4290---february-2-2021"},"4.29.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"},"Removed re-declaration of $ ignore")))),(0,n.mdx)("h2",{id:"4280---january-5-2021"},"4.28.0 - (January 5, 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"},"Update wdio tests to remove deprecated Terra.it helpers"))),(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 broken links in documentation.")))),(0,n.mdx)("h2",{id:"4270---november-10-2020"},"4.27.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:"4260---august-4-2020"},"4.26.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:"4250---july-14-2020"},"4.25.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"},"updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,n.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules")))),(0,n.mdx)("h2",{id:"4240---june-2-2020"},"4.24.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:"4230---april-28-2020"},"4.23.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:"4220---march-31-2020"},"4.22.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:"4210---march-3-2020"},"4.21.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"},"Update docs to use MDX syntax.")))),(0,n.mdx)("h2",{id:"4200---february-18-2020"},"4.20.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:"4190---january-28-2020"},"4.19.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:"4180---january-7-2020"},"4.18.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:"4170---december-10-2019"},"4.17.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:"4160---november-7-2019"},"4.16.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:"4150---october-16-2019"},"4.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:"4140---october-3-2019"},"4.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:"4130---september-26-2019"},"4.13.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:"4120---september-19-2019"},"4.12.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:"4110---september-6-2019"},"4.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)("h2",{id:"4100---august-21-2019"},"4.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:"490---august-14-2019"},"4.9.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:"480---july-30-2019"},"4.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:"470---july-16-2019"},"4.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:"460---july-10-2019"},"4.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:"450---july-2-2019"},"4.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:"440---june-19-2019"},"4.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"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,n.mdx)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports")))),(0,n.mdx)("h2",{id:"430---june-12-2019"},"4.3.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"},"Added ARIA landmark roles"))),(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)("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:"420---may-21-2019"},"4.2.0 - (May 21, 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 hard-coded breakpoint values to LayoutUtils.js"))),(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-responsive-element")))),(0,n.mdx)("h2",{id:"410---may-15-2019"},"4.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:"400---may-13-2019"},"4.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"},"Update react-router-dom peerDependency to latest stable major release"),(0,n.mdx)("li",{parentName:"ul"},"Updated tabbable dependency to ^4.0.0"))),(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 skip to content link handling to only temporary set tabindex to prevent keyboard page scroll bug")))),(0,n.mdx)("h2",{id:"340---april-24-2019"},"3.4.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:"330---april-2-2019"},"3.3.0 - (April 2, 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"},"Updated snapshots to account for Overlay's ",(0,n.mdx)("inlineCode",{parentName:"li"},"rootProp")," default value from ",(0,n.mdx)("inlineCode",{parentName:"li"},"[data-terra-base]")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"#root"))))),(0,n.mdx)("h2",{id:"320---march-26-2019"},"3.2.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:"310---february-5-2019"},"3.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:"300---january-25-2019"},"3.0.0 - (January 25, 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 variable names to match new naming standard"),(0,n.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Removed variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(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"},"Remove use of componentWillReceiveProps")))),(0,n.mdx)("h2",{id:"2230---january-5-2019"},"2.23.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:"2220---january-2-2019"},"2.22.0 - (January 2, 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"},"Shim for ",(0,n.mdx)("inlineCode",{parentName:"li"},"
")," tag IE compatibility added to ",(0,n.mdx)("inlineCode",{parentName:"li"},"_LayoutSlidePanel"))))),(0,n.mdx)("h2",{id:"2210---december-5-2018"},"2.21.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:"2200---december-3-2018"},"2.20.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:"2190---november-15-2018"},"2.19.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"},"Added focus management to shift between layout panel and toggle button when it is opened and closed"),(0,n.mdx)("li",{parentName:"ul"},"Regenerated jest snapshots"))),(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 snapshots due to dependency updates")))),(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"},"Added id of terra-main to the main node")))),(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"},"Removed terra-base duplicate from dependencies (kept instance in peerDependencies)")))),(0,n.mdx)("h2",{id:"2150---september-11-2018"},"2.15.0 - (September 11, 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"},"Made content area a main node")))),(0,n.mdx)("h2",{id:"2140---september-5-2018"},"2.14.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:"2130---august-30-2018"},"2.13.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:"2120---august-13-2018"},"2.12.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:"2110---july-26-2018"},"2.11.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"},"Updated to use terra-responsive-element v3")))),(0,n.mdx)("h2",{id:"2100---july-25-2018"},"2.10.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:"290---july-3-2018"},"2.9.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:"280---june-29-2018"},"2.8.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:"270---june-12-2018"},"2.7.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:"260---may-30-2018"},"2.6.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:"250---may-22-2018"},"2.5.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:"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"},"Minor dependency updates")))),(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"},"Returned promises from toggleMenu/togglePin"),(0,n.mdx)("li",{parentName:"ul"},"Updated menu overlay styles.")))),(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"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Remove the hover functionality from the layout panel at the medium breakpoint."))),(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 npmrc file with package-lock set to false.")))),(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:"120---february-15-2018"},"1.2.0 - (February 15, 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"},"Nightwatch tests raw route now sets the size of the layout."),(0,n.mdx)("li",{parentName:"ul"},"Content is no longer visible when the slide panel is hidden.")))),(0,n.mdx)("h2",{id:"110---january-23-2018"},"1.1.0 - (January 23, 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"},"Debounce to resize of layout"),(0,n.mdx)("li",{parentName:"ul"},"Use display none on the hover section when hidden."))),(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"},"Updating tests to point to new terra-framework-site location.")))),(0,n.mdx)("h2",{id:"100---november-17-2017"},"1.0.0 - (November 17, 2017)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.A)(e,x);return(0,n.mdx)(N,(0,d.A)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},62483:function(e,a,l){l.d(a,{E:function(){return n}});var d=l(96540),m=l(55713),n=function(e){var a=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-layout",name:"terra-layout",version:"4.41.0",url:a})}},25642: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"}},58168:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(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,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/37141-d08b45fbb55a89597ec5.css b/37141-d08b45fbb55a89597ec5.css new file mode 100644 index 0000000000..b7cb7be104 --- /dev/null +++ b/37141-d08b45fbb55a89597ec5.css @@ -0,0 +1,8 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.LayoutSlidePanel-module__clinical-lowlight-theme___q2naq{--terra-layout-slide-panel-overlay-panel-ltr-box-shadow: 1px 0 0 0 #101010, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-overlay-panel-rtl-box-shadow: -1px 0 0 0 #101010, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-panel-background-color: #181b1d;--terra-layout-slide-panel-squish-panel-background-color: #383f42;--terra-layout-slide-panel-squish-panel-border-right-color: #383f42;--terra-layout-slide-panel-squish-panel-ltr-box-shadow: none;--terra-layout-slide-panel-squish-panel-rtl-box-shadow: none;--terra-layout-slide-panel-panel-width: 18.571rem;--terra-layout-slide-panel-tiny-panel-width: calc(100% - 3.571rem);--terra-layout-slide-panel-small-panel-width: 22.857rem;--terra-layout-slide-panel-squish-panel-border-right-width: 1px}.LayoutSlidePanel-module__orion-fusion-theme___2KWcp{--terra-layout-slide-panel-overlay-panel-ltr-box-shadow: 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-overlay-panel-rtl-box-shadow: -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-panel-background-color: #fff;--terra-layout-slide-panel-squish-panel-background-color: #fff;--terra-layout-slide-panel-squish-panel-border-right-color: #d3d4d5;--terra-layout-slide-panel-squish-panel-ltr-box-shadow: none;--terra-layout-slide-panel-squish-panel-rtl-box-shadow: none;--terra-layout-slide-panel-panel-width: 18.571rem;--terra-layout-slide-panel-tiny-panel-width: calc(100% - 3.571rem);--terra-layout-slide-panel-small-panel-width: 22.857rem;--terra-layout-slide-panel-squish-panel-border-right-width: 1px}.LayoutSlidePanel-module__content-container___vB31H{outline:none}.LayoutSlidePanel-module__layout-slide-panel___6Ra3S{height:100%;overflow:hidden;position:relative;width:100%}.LayoutSlidePanel-module__content___Qa4PX,.LayoutSlidePanel-module__panel___xUrqy{box-sizing:border-box;height:100%;overflow:hidden;transition:none}[dir=ltr] .LayoutSlidePanel-module__is-animated___1uvdg{transition:left .15s ease}[dir=rtl] .LayoutSlidePanel-module__is-animated___1uvdg{transition:right .15s ease}.LayoutSlidePanel-module__content___Qa4PX{position:relative;width:100%;z-index:0}[dir=ltr] .LayoutSlidePanel-module__content___Qa4PX{float:right}[dir=rtl] .LayoutSlidePanel-module__content___Qa4PX{float:left}.LayoutSlidePanel-module__panel___xUrqy{position:absolute;width:18.571rem;width:var(--terra-layout-slide-panel-panel-width, 18.571rem);z-index:5000}[dir] .LayoutSlidePanel-module__panel___xUrqy{background-color:#fff;background-color:var(--terra-layout-slide-panel-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__panel___xUrqy{left:-100%}[dir=rtl] .LayoutSlidePanel-module__panel___xUrqy{right:-100%}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC>.LayoutSlidePanel-module__panel___xUrqy{left:0}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC>.LayoutSlidePanel-module__panel___xUrqy{right:0}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-tiny___9Oz70{width:calc(100% - 3.571rem);width:var(--terra-layout-slide-panel-tiny-panel-width, calc(100% - 3.571rem))}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-small___JXknd{width:22.857rem;width:var(--terra-layout-slide-panel-small-panel-width, 22.857rem)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-ltr-box-shadow, 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:-1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-rtl-box-shadow, -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__content___Qa4PX{width:calc(100% - 18.571rem - 1px);width:calc(100% - var(--terra-layout-slide-panel-panel-width, 18.571rem) - var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{transition:none;width:calc(1px + 18.571rem);width:calc(var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px) + var(--terra-layout-slide-panel-panel-width, 18.571rem))}[dir] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{background-color:#fff;background-color:var(--terra-layout-slide-panel-squish-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-right-color:#d3d4d5;border-right-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-right-style:solid;border-right-width:1px;border-right-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-left-color:#d3d4d5;border-left-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-left-style:solid;border-left-width:1px;border-left-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-ltr-box-shadow)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-rtl-box-shadow)}.LayoutSlidePanel-module__panel___xUrqy[aria-hidden=true]{visibility:hidden}.LayoutSlidePanel-module__main-container___xHsZe{display:block;height:100%} +.NavigationLayoutContent-module__content___kZuBj{height:100%;overflow:hidden} +.HeaderExample-module__content-wrapper1___Q-YGr{display:flex;height:60px;position:relative;width:calc(100% - 10px)}[dir] .HeaderExample-module__content-wrapper1___Q-YGr{border:4px dashed #d3d3d3;margin:5px}.HeaderExample-module__content-wrapper2___MebgF{color:gray;position:absolute;top:50%}[dir=ltr] .HeaderExample-module__content-wrapper2___MebgF{left:50%;transform:translate3d(-50%, -50%, 0)}[dir=rtl] .HeaderExample-module__content-wrapper2___MebgF{right:50%;transform:translate3d(50%, -50%, 0)}.HeaderExample-module__content-wrapper2___MebgF h2{color:gray;display:inline;position:absolute;top:50%}[dir=ltr] .HeaderExample-module__content-wrapper2___MebgF h2{left:50%;transform:translate3d(-50%, -50%, 0)}[dir=rtl] .HeaderExample-module__content-wrapper2___MebgF h2{right:50%;transform:translate3d(50%, -50%, 0)}[dir] .HeaderExample-module__link___aaDOg{padding:5px}.HeaderExample-module__button___juQvC{display:inline-block;height:25px}[dir] .HeaderExample-module__button___juQvC{border:1px dashed #d3d3d3}[dir=ltr] .HeaderExample-module__button___juQvC{margin-left:5px}[dir=rtl] .HeaderExample-module__button___juQvC{margin-right:5px} +.NavigationLayoutDocCommon-module__content-wrapper1___C23sA{height:calc(100% - 10px);position:relative;width:calc(100% - 10px)}[dir] .NavigationLayoutDocCommon-module__content-wrapper1___C23sA{border:4px dashed #d3d3d3;margin:5px}.NavigationLayoutDocCommon-module__content-wrapper2___XvZCn{color:gray;position:absolute;top:50%}[dir=ltr] .NavigationLayoutDocCommon-module__content-wrapper2___XvZCn{left:50%;transform:translate3d(-50%, -50%, 0)}[dir=rtl] .NavigationLayoutDocCommon-module__content-wrapper2___XvZCn{right:50%;transform:translate3d(50%, -50%, 0)}.NavigationLayoutDocCommon-module__button___MwHrW{display:inline-block;height:25px}[dir] .NavigationLayoutDocCommon-module__button___MwHrW{border:1px dashed #d3d3d3}[dir=ltr] .NavigationLayoutDocCommon-module__button___MwHrW{margin-left:5px}[dir=rtl] .NavigationLayoutDocCommon-module__button___MwHrW{margin-right:5px}[dir] .NavigationLayoutDocCommon-module__content-wrapper___58zX2 h2{margin:0}.NavigationLayoutDocCommon-module__example-menu___juuOf{height:400px;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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/37141-d08b45fbb55a89597ec5.js b/37141-d08b45fbb55a89597ec5.js new file mode 100644 index 0000000000..a55d379038 --- /dev/null +++ b/37141-d08b45fbb55a89597ec5.js @@ -0,0 +1 @@ +(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[37141],{201:function(e,t,n){"use strict";var a=n(24994),o=n(73738);t.A=void 0;var l=a(n(85715)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var r=l?Object.getOwnPropertyDescriptor(e,i):null;r&&(r.get||r.set)?Object.defineProperty(a,i,r):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(96540)),r=a(n(5556)),d=a(n(67967)),u=n(92912),p=a(n(49558)),m=a(n(53665)),s=n(25966),c=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var g=d.default.bind(c.default),h={example:r.default.element,exampleSrc:r.default.element,exampleCssSrc:r.default.element,title:r.default.string,description:r.default.node,isExpanded:r.default.bool},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,r=e.description,d=e.isExpanded,c=(0,i.useState)(d),f=(0,l.default)(c,2),h=f[0],v=f[1],N=(0,i.useState)(!1),C=(0,l.default)(N,2),b=C[0],w=C[1],T=i.default.useContext(u.ThemeContext),_=void 0!==a,E=function(){w(!b),h&&v(!h)},P=function(){v(!h),b&&w(!b)},k=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return i.default.createElement("div",{className:g("template",T.className)},i.default.createElement("div",{className:g("header")},o&&i.default.createElement("h2",{className:g("title")},o)),i.default.createElement("div",{className:g("content")},r&&i.default.createElement("div",{className:g("description")},r),t),i.default.createElement("div",{className:g("footer")},n?i.default.createElement("div",{className:g("button-container")},_&&i.default.createElement("button",{type:"button",className:g("css-toggle","item",{"is-selected":b}),onClick:E,onKeyDown:function(e){return k(e,E)},onBlur:x,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(p.default,{className:g("chevron")}),i.default.createElement("span",null,"CSS"),i.default.createElement(m.default,{className:g("chevron")})),i.default.createElement("button",{type:"button",className:g("code-toggle","item",{"is-selected":h}),onClick:P,onKeyDown:function(e){return k(e,P)},onBlur:x,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(p.default,{className:g("chevron")}),i.default.createElement("span",null,"Code"),i.default.createElement(m.default,{className:g("chevron")}))):null,i.default.createElement("div",null,b&&i.default.createElement("div",{className:g("css")},a),h&&i.default.createElement("div",{className:g("code")},n))))};v.propTypes=h,v.defaultProps={isExpanded:!1};t.A=v},77909:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return _}});var a=n(58168),o=n(53986),l=n(96540),i=n(36665),r=n(85231),d=n(12883),u=["components"],p={},m="wrapper";function s(e){var t=e.components,n=(0,o.A)(e,u);return(0,i.mdx)(m,(0,a.A)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(d.Ay,{mdxType:"PropsTable"},(0,i.mdx)(d.fI,{key:"ROW1",mdxType:"Row"},(0,i.mdx)(d.dt,{mdxType:"PropNameCell"},"header"),(0,i.mdx)(d.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The component to render within the NavigationLayout's ",(0,i.mdx)("inlineCode",{parentName:"p"},"header")," region. If provided, this component\nmust appropriately handle the NavigationLayout-supplied props: ",(0,i.mdx)("inlineCode",{parentName:"p"},"routeConfig"),", and ",(0,i.mdx)("inlineCode",{parentName:"p"},"navigationLayoutSize"),"."))),(0,i.mdx)(d.fI,{key:"ROW2",mdxType:"Row"},(0,i.mdx)(d.dt,{mdxType:"PropNameCell"},"menu"),(0,i.mdx)(d.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The component to render within the NavigationLayout's ",(0,i.mdx)("inlineCode",{parentName:"p"},"menu")," region. If provided, this component\nmust appropriately handle the NavigationLayout-supplied props: ",(0,i.mdx)("inlineCode",{parentName:"p"},"routeConfig"),", and ",(0,i.mdx)("inlineCode",{parentName:"p"},"navigationLayoutSize"),"."))),(0,i.mdx)(d.fI,{key:"ROW3",mdxType:"Row"},(0,i.mdx)(d.dt,{mdxType:"PropNameCell"},"children"),(0,i.mdx)(d.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The component to render within the NavigationLayout's ",(0,i.mdx)("inlineCode",{parentName:"p"},"content")," region. If provided, this component\nmust appropriately handle the NavigationLayout-supplied props: ",(0,i.mdx)("inlineCode",{parentName:"p"},"routeConfig"),", and ",(0,i.mdx)("inlineCode",{parentName:"p"},"navigationLayoutSize"),"."))),(0,i.mdx)(d.fI,{key:"ROW4",mdxType:"Row"},(0,i.mdx)(d.dt,{mdxType:"PropNameCell"},"menuText"),(0,i.mdx)(d.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The String to display in the NavigationLayout's hover-target menu disclosure."))),(0,i.mdx)(d.fI,{key:"ROW5",mdxType:"Row"},(0,i.mdx)(d.dt,{mdxType:"PropNameCell"},"config"),(0,i.mdx)(d.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,i.mdx)(d.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The configuration Object that will be used to generate the specified regions of the NavigationLayout.\nNote: The config prop is treated as an immutable object to prevent unnecessary processing and improve performance.\nIf the configuration is changed after the first render, a new configuration object instance must be provided."))),(0,i.mdx)(d.fI,{key:"ROW6",mdxType:"Row"},(0,i.mdx)(d.dt,{mdxType:"PropNameCell"},"indexPath"),(0,i.mdx)(d.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The index path of the consuming application's routing structure. If provided, the NavigationLayout will\nensure Redirects are present where necessary."))),(0,i.mdx)(d.fI,{key:"ROW7",mdxType:"Row"},(0,i.mdx)(d.dt,{mdxType:"PropNameCell"},"location"),(0,i.mdx)(d.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,i.mdx)(d.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The location as provided by the ",(0,i.mdx)("inlineCode",{parentName:"p"},"withRouter()")," HOC."))),(0,i.mdx)(d.fI,{key:"ROW8",mdxType:"Row"},(0,i.mdx)(d.dt,{mdxType:"PropNameCell"},"match"),(0,i.mdx)(d.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,i.mdx)(d.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The match as provided by the ",(0,i.mdx)("inlineCode",{parentName:"p"},"withRouter()")," HOC."))),(0,i.mdx)(d.fI,{key:"ROW9",mdxType:"Row"},(0,i.mdx)(d.dt,{mdxType:"PropNameCell"},"history"),(0,i.mdx)(d.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,i.mdx)(d.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The history as provided by the ",(0,i.mdx)("inlineCode",{parentName:"p"},"withRouter()")," HOC."))),(0,i.mdx)(d.fI,{key:"ROW10",mdxType:"Row"},(0,i.mdx)(d.dt,{mdxType:"PropNameCell"},"staticContext"),(0,i.mdx)(d.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,i.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The staticContext as provided by the ",(0,i.mdx)("inlineCode",{parentName:"p"},"withRouter()")," HOC. This will only be provided when\nwithin a StaticRouter.")))))}s.isMDXComponent=!0;var c=n(9879),f=["components"],g={};function h(e){var t=e.components,n=(0,o.A)(e,f);return(0,i.mdx)("wrapper",(0,a.A)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { MemoryRouter, withRouter } from 'react-router-dom';\nimport NavigationLayout from 'terra-navigation-layout';\nimport HeaderExample from './HeaderExample';\nimport MenuExample from './MenuExample';\nimport Page1Content from './Page1Content';\nimport Page2Content from './Page2Content';\nimport Page3Content from './Page3Content';\nimport Page1Menu from './Page1Menu';\nimport Page2Menu from './Page2Menu';\nimport styles from './NavigationLayoutDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\n// If changing config, ensure NavigationLayoutStandardConfig.md is updated to match\nconst config = {\n header: {\n '/': {\n path: '/',\n component: {\n default: {\n componentClass: HeaderExample,\n },\n },\n },\n },\n menu: {\n '/': {\n path: '/',\n component: {\n tiny: {\n componentClass: MenuExample,\n },\n small: {\n componentClass: MenuExample,\n },\n },\n },\n '/page1': {\n path: '/page1',\n component: {\n default: {\n componentClass: Page1Menu,\n },\n },\n },\n '/page2': {\n path: '/page2',\n component: {\n default: {\n componentClass: Page2Menu,\n },\n },\n },\n },\n content: {\n '/page1': {\n path: '/page1',\n component: {\n default: {\n componentClass: Page1Content,\n },\n },\n },\n '/page2': {\n path: '/page2',\n component: {\n default: {\n componentClass: Page2Content,\n },\n },\n },\n '/page3': {\n path: '/page3',\n component: {\n default: {\n componentClass: Page3Content,\n },\n },\n },\n },\n};\n\nconst NavigationLayoutStandard = withRouter(({ location }) => (\n
\n

Features

\n
    \n
  • Contains 3 different primary routes: /page1, /page2, and /page3
    • \n
      \n
    • /page1 - Has content, inner routes, and an associated menu
      • \n
    • /page2 - Has content and an associated menu
      • \n
    • /page3 - Has only content
      • \n
    \n
  • Has a Header that is rendered for all routes (matched to `/` path)
    • \n
  • Header provides links to other primary routes for breakpoints `medium`, `large`, and `huge`
    • \n
  • When size is `tiny` or `small`, a new Menu is presented to expose links to primary routes (the Header hides its links at these sizes)
    • \n
  • Page menus expose navigation to parent menus
    • \n
  • Page content and menus expose Layout-provided functionality
    • \n
\n

{`Browser Location: ${location.pathname}`}

\n \n
\n));\n\nconst NavigationLayoutRouter = () => (\n \n \n \n);\n\nexport default NavigationLayoutRouter;\n\n")))}h.isMDXComponent=!0;var x=n(201),y=["components"],v={};function N(e){var t=e.components,n=(0,o.A)(e,y);return(0,i.mdx)("wrapper",(0,a.A)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper1 {\n border: 4px dashed #d3d3d3;\n height: calc(100% - 10px);\n margin: 5px;\n position: relative;\n width: calc(100% - 10px);\n }\n\n .content-wrapper2 {\n color: #808080;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate3d(-50%, -50%, 0);\n }\n\n .button {\n border: 1px dashed #d3d3d3;\n display: inline-block;\n height: 25px;\n margin-left: 5px;\n }\n\n .content-wrapper h2 {\n margin: 0;\n }\n\n .example-menu {\n height: 400px;\n width: 100%;\n }\n}\n\n")))}N.isMDXComponent=!0;var C=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(x.A,{title:t||"Navigation Layout Standard",description:n,example:l.createElement(c.A,null),exampleCssSrc:l.createElement(N,null),exampleSrc:l.createElement(h,null),isExpanded:a})},b=["components"],w={},T="wrapper";function _(e){var t=e.components,n=(0,o.A)(e,b);return(0,i.mdx)(T,(0,a.A)({},w,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(r.E,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-navigation-layout"},"Terra Navigation Layout"),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"NavigationLayout")," is a configuration-based, ",(0,i.mdx)("inlineCode",{parentName:"p"},"react-router"),"-driven layout. It wraps the ",(0,i.mdx)("inlineCode",{parentName:"p"},"Layout")," component provided by ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-layout")," and injects routing-based components into its various component regions. If navigation is not desired, the ",(0,i.mdx)("inlineCode",{parentName:"p"},"Layout")," component can and should be used directly. However, the NavigationLayout does support very basic navigation workflows with minimal configuration required."),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"NavigationLayout")," is able to successfully render with just the config object defining its structure. However, custom components can be provided directly to the NavigationLayout for the ",(0,i.mdx)("inlineCode",{parentName:"p"},"header"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"menu"),", and ",(0,i.mdx)("inlineCode",{parentName:"p"},"content")," props. Those custom components will be provided with any relevant configuration data to allow them to render things as they see fit."),(0,i.mdx)("h2",{id:"prerequisites"},"Prerequisites"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"NavigationLayout")," must have a ",(0,i.mdx)("inlineCode",{parentName:"li"},"Router")," (or other high-level router like ",(0,i.mdx)("inlineCode",{parentName:"li"},"BrowserRouter"),", ",(0,i.mdx)("inlineCode",{parentName:"li"},"HashRouter"),", or ",(0,i.mdx)("inlineCode",{parentName:"li"},"MemoryRouter"),") as a component ancestor."),(0,i.mdx)("li",{parentName:"ul"},"A configuration prop must be supplied to the ",(0,i.mdx)("inlineCode",{parentName:"li"},"NavigationLayout")," that defines the desired routing setup. The ",(0,i.mdx)("inlineCode",{parentName:"li"},"NavigationLayout")," treats this prop as immutable for caching and performance reasons. If a configuration object is changing due to a state change in a higher component, a new object instance must be provided for those changes to take effect.")),(0,i.mdx)("h2",{id:"configuration-api"},"Configuration API"),(0,i.mdx)("p",null,"The configuration object is structured like the below example. A couple key takeaways:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"header"),", ",(0,i.mdx)("inlineCode",{parentName:"li"},"menu"),", and ",(0,i.mdx)("inlineCode",{parentName:"li"},"content")," regions have a separate configurations but share the same configuration APIs. These can be omitted if routing is unnecessary for an individual section."),(0,i.mdx)("li",{parentName:"ul"},"The configuration can be responsive and supports specifying components on a per-route, per-breakpoint basis."),(0,i.mdx)("li",{parentName:"ul"},"Routes can be provided in any order; however, the NavigationLayout will sort them as necessary to ensure the expected render order is maintained."),(0,i.mdx)("li",{parentName:"ul"},"Proptypes for the various pieces of the configuration object are exported by the ",(0,i.mdx)("inlineCode",{parentName:"li"},"configurationPropTypes.js")," file.")),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-js"},"{\n /**\n * The menu, content, and header configurations are keyed at the root of the object.\n */\n menu: {\n /**\n * At this level of the configuration, we're defining each path to which we want to match.\n * The key here doesn't have to be a path (the actual path used is specified within), but generally it\n * makes sense to use the path as the key as they need to be unique anyway.\n */\n '/': {\n path: '/',\n component: {\n /**\n * Here we get access to the configuration's responsive API.\n * The keys at this level must be either `default` or one of our supported breakpoints (`tiny`, `small`, `medium`, `large`, `huge`)\n * If you specify a component for `default`, it will be rendered for any size that isn't overridden.\n * If you do not specify a `default` component, any size that has no defined component will simply not be rendered.\n */\n default: {\n componentClass: MenuExample,\n props: {\n menuTitle: 'Title From Config' // The `props` are applied to the given componentClass when instantiated.\n },\n },\n /**\n * We're going to provide a separate configuration for the `huge` breakpoint that has a different prop value.\n * While we're just changing the prop value, we could add props, remove them, or provide a different componentClass entirely.\n */\n huge: {\n componentClass: MenuExample,\n props: {\n menuTitle: 'Long Title From Config Because There Is Lots of Space (Cause The Size Is Huge)'\n },\n },\n },\n },\n '/page1': {\n /*\n * Now a component for the route /page1 is being defined. This path is a descendent of the route above (/), so when the\n * page location matches '/page1', the Page1Menu will be rendered instead of the MenuExample.\n */\n path: '/page1',\n component: {\n default: {\n componentClass: Page1Menu,\n },\n },\n },\n '/page1/subpage1': {\n /*\n * Similarly, this route is a descendent of /page1 and will take precedent over it when the location matches. The order of these configurations\n * are not important, as the NavigationLayout will determine the parent-child relationships and render things accordingly.\n */\n path: '/page1/subpage1',\n component: {\n default: {\n componentClass: Subpage1Menu,\n },\n },\n }\n },\n content: {...}, // The configuration shape for the content and header sections is the same as that of the menu section.\n header: {...},\n}\n")),(0,i.mdx)("h2",{id:"routingstackdelegate"},"RoutingStackDelegate"),(0,i.mdx)("p",null,"All components rendered within the ",(0,i.mdx)("inlineCode",{parentName:"p"},"NavigationLayout")," receive a ",(0,i.mdx)("inlineCode",{parentName:"p"},"routingStackDelegate")," prop. This prop contains the following attributes:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"location")," - The location used to render the component. This can be used to build NavLinks or other components that might desire the current location."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"parentPaths")," - An array of String paths that were determined to preceed the current path in the configuration. For example, if the routes ",(0,i.mdx)("inlineCode",{parentName:"li"},"/pages"),", ",(0,i.mdx)("inlineCode",{parentName:"li"},"/pages/:id"),", and ",(0,i.mdx)("inlineCode",{parentName:"li"},"/pages/:id/summary")," were defined by the config, the component rendered for the path ",(0,i.mdx)("inlineCode",{parentName:"li"},"/pages/123/summary")," would receive a parentPaths value of ","[",(0,i.mdx)("inlineCode",{parentName:"li"},"/pages"),", ",(0,i.mdx)("inlineCode",{parentName:"li"},"/pages/123"),"]",". This set of paths could be used to build breadcrumbs or simple navigation functionality.")),(0,i.mdx)("p",null,"Components within the ",(0,i.mdx)("inlineCode",{parentName:"p"},"menu")," region get a few extra features, however. To help enable nested menu scenarios, the ",(0,i.mdx)("inlineCode",{parentName:"p"},"routingStackDelegate")," will also include the following:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"show")," - A function that will cause the NavigationLayout to display the menu for the given path. If the given path does not match the current history location, the new location is pushed onto the history stack. If the given path already matches the current history location, only the RoutingStack's internal location is updated; this insures that the history is not being manipulated unnecessarily when navigating down the stack of menu components."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"showParent")," - A function that will cause the NavigationLayout to display the immediate parent path (if one is present)."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"showRoot")," - A function that will cause the NavigationLayout to display the first (or root) parent path (if one is present, and the number of parent paths is more than 1).")),(0,i.mdx)("p",null,"It is important to note that ",(0,i.mdx)("inlineCode",{parentName:"p"},"showParent"),"/",(0,i.mdx)("inlineCode",{parentName:"p"},"showRoot")," change the location used by the menu components, but they do not change the location of the overall page. For example, if the page location is ",(0,i.mdx)("inlineCode",{parentName:"p"},"/pages/99/summary"),", and the menu component calls ",(0,i.mdx)("inlineCode",{parentName:"p"},"showParent"),", the menu component for ",(0,i.mdx)("inlineCode",{parentName:"p"},"/pages/99")," will be rendered, but the content component for ",(0,i.mdx)("inlineCode",{parentName:"p"},"/pages/99/summary")," will still be rendered, and the browser URL will still be ",(0,i.mdx)("inlineCode",{parentName:"p"},"[base-url]/pages/99/summary"),"."),(0,i.mdx)("p",null,"After calling these navigation functions, the ",(0,i.mdx)("inlineCode",{parentName:"p"},"location")," provided in the ",(0,i.mdx)("inlineCode",{parentName:"p"},"routingStackDelegate")," match the parent path specified. If the true page location is still necessary, the ",(0,i.mdx)("inlineCode",{parentName:"p"},"withRouter")," HOC provided by ",(0,i.mdx)("inlineCode",{parentName:"p"},"react-router")," can be utilized as needed. And if this functionality is not desired at all for a given application, these props can be safely ignored."),(0,i.mdx)("h2",{id:"refuseroutingstacknavigation"},"refuseRoutingStackNavigation"),(0,i.mdx)("p",null,"The configuration API supports an additional key for each component specification called ",(0,i.mdx)("inlineCode",{parentName:"p"},"refuseRoutingStackNavigation")," that will prevent the associated component from appearing in parentPaths and will disallow navigation to it through the ",(0,i.mdx)("inlineCode",{parentName:"p"},"showParent"),"/",(0,i.mdx)("inlineCode",{parentName:"p"},"showRoot"),". A component with ",(0,i.mdx)("inlineCode",{parentName:"p"},"refuseRoutingStackNavigation")," set to ",(0,i.mdx)("inlineCode",{parentName:"p"},"true")," will only be presented if the current location matches its route. This is an advanced option that can be used to better control menu-based workflows."),(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-navigation-layout"))))),(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)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"react-router-dom"),(0,i.mdx)("td",{parentName:"tr",align:null},"^5.0.0")))),(0,i.mdx)("h2",{id:"usage"},"Usage"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-js"},"import NavigationLayout from 'terra-navigation-layout'\n")),(0,i.mdx)("h2",{id:"examples"},"Examples"),(0,i.mdx)(C,{title:"Example Navigation Layout",mdxType:"NavigationLayoutStandard"}),(0,i.mdx)("h2",{id:"navigation-layout-props-table"},"Navigation Layout Props Table"),(0,i.mdx)(s,{mdxType:"NavigationLayoutPropsTable"}))}_.isMDXComponent=!0},85231:function(e,t,n){"use strict";n.d(t,{E:function(){return l}});var a=n(96540),o=n(55713),l=function(e){var t=e.url;return a.createElement(o.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-layout",name:"terra-navigation-layout",version:"5.42.0",url:t})}},89224:function(e,t,n){"use strict";var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(96540)),l=a(n(67967)),i=a(n(5556)),r=n(28651),d=a(n(98393)),u=l.default.bind(d.default),p={layoutConfig:i.default.shape({})},m=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:u("content-wrapper1")},o.default.createElement("div",{className:u("content-wrapper2")},o.default.createElement("h2",null,"Header"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:u("button")},"Toggle Menu"),"small"!==t.size&&"tiny"!==t.size&&o.default.createElement(r.Link,{to:"/page1",className:u("link")},"Page 1"),"small"!==t.size&&"tiny"!==t.size&&o.default.createElement(r.Link,{to:"/page2",className:u("link")},"Page 2"),"small"!==t.size&&"tiny"!==t.size&&o.default.createElement(r.Link,{to:"/page3",className:u("link")},"Page 3")))};m.propTypes=p;t.default=(0,r.withRouter)(m)},9482:function(e,t,n){"use strict";var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(96540)),l=a(n(67967)),i=a(n(5556)),r=n(28651),d=a(n(22215)),u=l.default.bind(d.default),p=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:u("content-wrapper1")},o.default.createElement("div",{className:u("content-wrapper2")},t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:u("button")},"Toggle Menu"),t.togglePin&&!t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:u("button")},"Pin"),t.togglePin&&t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:u("button")},"Unpin"),o.default.createElement("h2",null,"Menu"),o.default.createElement("br",null),o.default.createElement(r.Link,{to:"/page1"},"Page 1"),o.default.createElement("br",null),o.default.createElement(r.Link,{to:"/page2"},"Page 2"),o.default.createElement("br",null),o.default.createElement(r.Link,{to:"/page3"},"Page 3")))};p.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func,togglePin:i.default.func,menuIsPinned:i.default.bool})};t.default=(0,r.withRouter)(p)},9879:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var o=a(n(96540)),l=a(n(67967)),i=n(28651),r=a(n(63707)),d=a(n(89224)),u=a(n(9482)),p=a(n(49526)),m=a(n(5833)),s=a(n(94372)),c=a(n(74620)),f=a(n(10369)),g=a(n(22215)),h=l.default.bind(g.default),x={header:{"/":{path:"/",component:{default:{componentClass:d.default}}}},menu:{"/":{path:"/",component:{tiny:{componentClass:u.default},small:{componentClass:u.default}}},"/page1":{path:"/page1",component:{default:{componentClass:c.default}}},"/page2":{path:"/page2",component:{default:{componentClass:f.default}}}},content:{"/page1":{path:"/page1",component:{default:{componentClass:p.default}}},"/page2":{path:"/page2",component:{default:{componentClass:m.default}}},"/page3":{path:"/page3",component:{default:{componentClass:s.default}}}}},y=(0,i.withRouter)((function(e){var t=e.location;return o.default.createElement("div",null,o.default.createElement("h3",null,"Features"),o.default.createElement("ul",null,o.default.createElement("li",null,"Contains 3 different primary routes: /page1, /page2, and /page3"),o.default.createElement("ul",null,o.default.createElement("li",null,"/page1 - Has content, inner routes, and an associated menu"),o.default.createElement("li",null,"/page2 - Has content and an associated menu"),o.default.createElement("li",null,"/page3 - Has only content")),o.default.createElement("li",null,"Has a Header that is rendered for all routes (matched to `/` path)"),o.default.createElement("li",null,"Header provides links to other primary routes for breakpoints `medium`, `large`, and `huge`"),o.default.createElement("li",null,"When size is `tiny` or `small`, a new Menu is presented to expose links to primary routes (the Header hides its links at these sizes)"),o.default.createElement("li",null,"Page menus expose navigation to parent menus"),o.default.createElement("li",null,"Page content and menus expose Layout-provided functionality")),o.default.createElement("h3",null,"Browser Location: ".concat(t.pathname)),o.default.createElement(r.default,{config:x,menuText:"Example Menu",className:h("example-menu")}))}));t.A=function(){return o.default.createElement(i.MemoryRouter,{initialEntries:["/page1","/page1/item1","/page1/item2","/page2","page3"],initialIndex:0},o.default.createElement(y,null))}},49526:function(e,t,n){"use strict";var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(96540)),l=a(n(67967)),i=a(n(5556)),r=n(28651),d=a(n(22215)),u=l.default.bind(d.default),p=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:u("content-wrapper1")},o.default.createElement("div",{className:u("content-wrapper2")},o.default.createElement("h2",null,"Page 1 Content"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:u("button")},"Toggle Menu"),o.default.createElement(r.Route,{path:"/page1/item1",render:function(){return o.default.createElement("h2",null,"Item 1")}}),o.default.createElement(r.Route,{path:"/page1/item2",render:function(){return o.default.createElement("h2",null,"Item 2")}})))};p.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func})};t.default=p},74620:function(e,t,n){"use strict";var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(96540)),l=a(n(67967)),i=a(n(5556)),r=n(28651),d=a(n(54986)),u=a(n(22215)),p=l.default.bind(u.default),m=function(e){var t=e.layoutConfig,n=e.routingStackDelegate;return o.default.createElement("div",{className:p("content-wrapper1")},o.default.createElement("div",{className:p("content-wrapper2")},n&&n.showParent&&o.default.createElement("button",{type:"button",onClick:n.showParent,className:p("button")},"Go Back"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:p("button")},"Toggle Menu"),t.togglePin&&!t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:p("button")},"Pin"),t.togglePin&&t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:p("button")},"Unpin"),o.default.createElement("h2",null,"Page 1 Menu"),o.default.createElement("br",null),o.default.createElement(r.Link,{to:"/page1/item1"},"Item 1"),o.default.createElement("br",null),o.default.createElement(r.Link,{to:"/page1/item2"},"Item 2")))};m.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func,togglePin:i.default.func,menuIsPinned:i.default.bool}),routingStackDelegate:d.default.propType};t.default=(0,r.withRouter)(m)},5833:function(e,t,n){"use strict";var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(96540)),l=a(n(67967)),i=a(n(5556)),r=a(n(22215)),d=l.default.bind(r.default),u=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:d("content-wrapper1")},o.default.createElement("div",{className:d("content-wrapper2")},o.default.createElement("h2",null,"Page 2 Content"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:d("button")},"Toggle Menu")))};u.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func})};t.default=u},10369:function(e,t,n){"use strict";var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(96540)),l=a(n(67967)),i=a(n(5556)),r=n(28651),d=a(n(54986)),u=a(n(22215)),p=l.default.bind(u.default),m=function(e){var t=e.layoutConfig,n=e.routingStackDelegate;return o.default.createElement("div",{className:p("content-wrapper1")},o.default.createElement("div",{className:p("content-wrapper2")},n&&n.showParent&&o.default.createElement("button",{type:"button",onClick:n.showParent,className:p("button")},"Go Back"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:p("button")},"Toggle Menu"),t.togglePin&&!t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:p("button")},"Pin"),t.togglePin&&t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:p("button")},"Unpin"),o.default.createElement("h2",null,"Page 2 Menu")))};m.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func,togglePin:i.default.func,menuIsPinned:i.default.bool}),routingStackDelegate:d.default.propType};t.default=(0,r.withRouter)(m)},94372:function(e,t,n){"use strict";var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(96540)),l=a(n(67967)),i=a(n(5556)),r=a(n(22215)),d=l.default.bind(r.default),u=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:d("content-wrapper1")},o.default.createElement("div",{className:d("content-wrapper2")},o.default.createElement("h2",null,"Page 3 Content"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:d("button")},"Toggle Menu")))};u.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func})};t.default=u},35423:function(e,t,n){"use strict";var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.supportedComponentBreakpoints=t.routePropType=t.routeConfigPropType=t.processedRoutesPropType=t.navigationLayoutConfigPropType=t.componentConfigPropType=void 0;var o=a(n(73738)),l=a(n(5556)),i=t.supportedComponentBreakpoints=["tiny","small","medium","large","huge"],r=t.componentConfigPropType=l.default.objectOf((function(e,t,n,a,l){if(!("default"===t||i.indexOf(t)>=0))return new Error("Invalid prop '".concat(l,"' supplied to '").concat(n,"'. Validation failed."));var r=e[t],d=!0;return null!==r&&("object"!==(0,o.default)(r)||!r.componentClass||"object"!==(0,o.default)(r.props)&&null!==r.props&&void 0!==r.props)&&(d=!1),!!d||new Error("Invalid prop '".concat(l,"' supplied to '").concat(n,"'. Validation failed."))})),d=t.routePropType=l.default.shape({path:function(e,t,n){return!!/\/.*/.test(e[t])||new Error("Invalid prop `".concat(t,"` supplied to")+" `".concat(n,"`. Validation failed. ").concat(t," must start with a forward slash (/)."))},component:r.isRequired}),u=t.routeConfigPropType=l.default.objectOf(d);t.navigationLayoutConfigPropType=l.default.shape({header:u,menu:u,content:u}),t.processedRoutesPropType=l.default.arrayOf(l.default.shape({path:l.default.string,componentClass:l.default.func,componentProps:l.default.object}))},89986:function(e,t,n){"use strict";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"}},98393:function(e,t,n){"use strict";n.r(t),t.default={"content-wrapper1":"HeaderExample-module__content-wrapper1___Q-YGr","content-wrapper2":"HeaderExample-module__content-wrapper2___MebgF",link:"HeaderExample-module__link___aaDOg",button:"HeaderExample-module__button___juQvC"}},22215:function(e,t,n){"use strict";n.r(t),t.default={"content-wrapper1":"NavigationLayoutDocCommon-module__content-wrapper1___C23sA","content-wrapper2":"NavigationLayoutDocCommon-module__content-wrapper2___XvZCn",button:"NavigationLayoutDocCommon-module__button___MwHrW","content-wrapper":"NavigationLayoutDocCommon-module__content-wrapper___58zX2","example-menu":"NavigationLayoutDocCommon-module__example-menu___juuOf"}},49558:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(96540)),o=l(n(25365));function l(e){return e&&e.__esModule?e:{default:e}}var i=function(e){var t=Object.assign({},e);return a.default.createElement(o.default,t,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};i.displayName="IconChevronLeft",i.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=i},20220:function(e){var t=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'],n=t.join(","),a="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;function o(e,t){t=t||{};var o,i,r,p=[],m=[],s=e.querySelectorAll(n);for(t.includeContainer&&a.call(e,n)&&(s=Array.prototype.slice.apply(s)).unshift(e),o=0;o\n \n \n \n \n );\n }\n}\n\nexport default timeInput;\n\n")))}x.isMDXComponent=!0;var T=n(201),v=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(T.A,{title:t||"Time Input Default Time",description:n,example:i.createElement(c.A,null),exampleSrc:i.createElement(x,null),isExpanded:a})},y=n(73533),g=["components"],C={};function b(e){var t=e.components,n=(0,l.A)(e,g);return(0,m.mdx)("wrapper",(0,a.A)({},C,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport TimeInput from 'terra-time-input/lib/TimeInput';\nimport TimeUtil from 'terra-time-input/lib/TimeUtil';\nimport Field from 'terra-form-field';\nimport moment from 'moment-timezone';\n\nclass timeInput extends React.Component {\n constructor(props) {\n super(props);\n this.state = { time: '09:24', labelValue: '09:24' };\n this.handleTimeChange = this.handleTimeChange.bind(this);\n }\n\n handleTimeChange(event, time, meridiem) {\n if (meridiem === 'p.m.') {\n const updatedTime = moment(time, ['HH:mm']).format('hh:mm');\n this.setState({ labelValue: updatedTime });\n } else {\n this.setState({ labelValue: time });\n this.setState({ time });\n }\n }\n\n render() {\n return (\n
\n \n \n \n
\n );\n }\n}\n\nexport default timeInput;\n\n")))}b.isMDXComponent=!0;var N=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(T.A,{title:t||"Time Input Default Twelve Hour",description:n,example:i.createElement(y.A,null),exampleSrc:i.createElement(b,null),isExpanded:a})},j=n(94314),E=["components"],R={};function w(e){var t=e.components,n=(0,l.A)(e,E);return(0,m.mdx)("wrapper",(0,a.A)({},R,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport TimeInput from 'terra-time-input';\nimport Field from 'terra-form-field';\n\nclass timeInput extends React.Component {\n constructor(props) {\n super(props);\n this.state = { time: '' };\n this.handleTimeChange = this.handleTimeChange.bind(this);\n }\n\n handleTimeChange(event, time) {\n this.setState({ time });\n }\n\n render() {\n return (\n
\n \n \n \n
\n );\n }\n}\n\nexport default timeInput;\n\n")))}w.isMDXComponent=!0;var I=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(T.A,{title:t||"Time Input No Default Time",description:n,example:i.createElement(j.A,null),exampleSrc:i.createElement(w,null),isExpanded:a})},_=n(30940),k=["components"],D={};function A(e){var t=e.components,n=(0,l.A)(e,k);return(0,m.mdx)("wrapper",(0,a.A)({},D,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport TimeInput from 'terra-time-input/lib/TimeInput';\nimport TimeUtil from 'terra-time-input/lib/TimeUtil';\nimport Field from 'terra-form-field';\nimport moment from 'moment-timezone';\n\nclass timeInput extends React.Component {\n constructor(props) {\n super(props);\n this.state = { time: '', labelValue: '' };\n this.handleTimeChange = this.handleTimeChange.bind(this);\n }\n\n handleTimeChange(event, time, meridiem) {\n if (meridiem === 'p.m.') {\n const updatedTime = moment(time, ['HH:mm']).format('hh:mm');\n this.setState({ labelValue: updatedTime });\n } else {\n this.setState({ labelValue: time });\n this.setState({ time });\n }\n }\n\n render() {\n return (\n
\n \n \n \n
\n );\n }\n}\n\nexport default timeInput;\n\n")))}A.isMDXComponent=!0;var S=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(T.A,{title:t||"Time Input No Default Twelve Hour",description:n,example:i.createElement(_.A,null),exampleSrc:i.createElement(A,null),isExpanded:a})},O=n(70358),F=["components"],H={};function q(e){var t=e.components,n=(0,l.A)(e,F);return(0,m.mdx)("wrapper",(0,a.A)({},H,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport TimeInput from 'terra-time-input';\nimport Field from 'terra-form-field';\n\nclass timeInput extends React.Component {\n constructor(props) {\n super(props);\n this.state = { time: '' };\n this.handleTimeChange = this.handleTimeChange.bind(this);\n }\n\n handleTimeChange(event, time) {\n this.setState({ time });\n }\n\n render() {\n return (\n
\n \n \n \n
\n );\n }\n}\n\nexport default timeInput;\n\n")))}q.isMDXComponent=!0;var V=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(T.A,{title:t||"Time Input Seconds",description:n,example:i.createElement(O.A,null),exampleSrc:i.createElement(q,null),isExpanded:a})},M=n(78421),W=["components"],Z={};function L(e){var t=e.components,n=(0,l.A)(e,W);return(0,m.mdx)("wrapper",(0,a.A)({},Z,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport TimeInput from 'terra-time-input';\nimport Field from 'terra-form-field';\n\nclass timeInput extends React.Component {\n constructor(props) {\n super(props);\n this.state = { time: '12:37:14' };\n this.handleTimeChange = this.handleTimeChange.bind(this);\n }\n\n handleTimeChange(event, time) {\n this.setState({ time });\n }\n\n render() {\n return (\n
\n \n \n \n
\n );\n }\n}\n\nexport default timeInput;\n\n")))}L.isMDXComponent=!0;var P=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(T.A,{title:t||"Time Input Seconds With Default",description:n,example:i.createElement(M.A,null),exampleSrc:i.createElement(L,null),isExpanded:a})},U=n(19629),z=["components"],B={};function $(e){var t=e.components,n=(0,l.A)(e,z);return(0,m.mdx)("wrapper",(0,a.A)({},B,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport TimeInput from 'terra-time-input/lib/TimeInput';\nimport TimeUtil from 'terra-time-input/lib/TimeUtil';\nimport Field from 'terra-form-field';\nimport moment from 'moment-timezone';\n\nclass timeInput extends React.Component {\n constructor(props) {\n super(props);\n this.state = { time: '', labelValue: '' };\n this.handleTimeChange = this.handleTimeChange.bind(this);\n }\n\n handleTimeChange(event, time, meridiem) {\n if (meridiem === 'p.m.') {\n const updatedTime = moment(time, ['HH:mm']).format('hh:mm');\n this.setState({ labelValue: updatedTime });\n } else {\n this.setState({ labelValue: time });\n this.setState({ time });\n }\n }\n\n render() {\n return (\n
\n \n \n \n
\n );\n }\n}\n\nexport default timeInput;\n\n")))}$.isMDXComponent=!0;var X=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(T.A,{title:t||"Time Input Seconds Twelve Hour",description:n,example:i.createElement(U.A,null),exampleSrc:i.createElement($,null),isExpanded:a})},Y=n(12583),G=["components"],K={};function J(e){var t=e.components,n=(0,l.A)(e,G);return(0,m.mdx)("wrapper",(0,a.A)({},K,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport TimeInput from 'terra-time-input';\nimport Field from 'terra-form-field';\n\nclass timeInput extends React.Component {\n constructor(props) {\n super(props);\n this.state = { time: '' };\n this.handleTimeChange = this.handleTimeChange.bind(this);\n }\n\n handleTimeChange(event, time) {\n this.setState({ time });\n }\n\n render() {\n return (\n
\n \n \n \n
\n );\n }\n}\n\nexport default timeInput;\n\n")))}J.isMDXComponent=!0;var Q=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(T.A,{title:t||"Time Input Seconds Invalid",description:n,example:i.createElement(Y.A,null),exampleSrc:i.createElement(J,null),isExpanded:a})},ee=n(18046),te=["components"],ne={};function ae(e){var t=e.components,n=(0,l.A)(e,te);return(0,m.mdx)("wrapper",(0,a.A)({},ne,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport TimeInput from 'terra-time-input';\nimport Field from 'terra-form-field';\n\nclass timeInput extends React.Component {\n constructor(props) {\n super(props);\n this.state = { time: '' };\n this.handleTimeChange = this.handleTimeChange.bind(this);\n }\n\n handleTimeChange(event, time) {\n this.setState({ time });\n }\n\n render() {\n return (\n
\n \n \n \n
\n );\n }\n}\n\nexport default timeInput;\n\n")))}ae.isMDXComponent=!0;var le=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(T.A,{title:t||"Time Input Seconds Incomplete",description:n,example:i.createElement(ee.A,null),exampleSrc:i.createElement(ae,null),isExpanded:a})},ie=["components"],me={},re="wrapper";function de(e){var t=e.components,n=(0,l.A)(e,ie);return(0,m.mdx)(re,(0,a.A)({},me,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)(r.E,{mdxType:"Badge"}),(0,m.mdx)("h1",{id:"terra-time-input"},"Terra Time Input"),(0,m.mdx)("p",null,"The terra-time-input component is a controlled input component for entering time. It is a controlled component because it manages the state of the value in the input. Because this is a controlled input component, it cannot accept the defaultValue prop as it always uses the value prop. React does not allow having both the defaultValue and value props."),(0,m.mdx)("p",null,"There are two types of clocks that are currently supported: A 12-hour clock and a 24-hour clock. This can be controlled through the ",(0,m.mdx)("inlineCode",{parentName:"p"},"variant")," prop on the component. There are also two currently supported time formats: (hh:mm) and (hh:mm:ss). Seconds are not included by default and is controlled through the ",(0,m.mdx)("inlineCode",{parentName:"p"},"showSeconds")," prop. If seconds are shown then the user must enter a value for the time entry to be considered valid."),(0,m.mdx)("p",null,"If a 24 hour clock is chosen, the hour displayed will be a value between 0 and 23 inclusively, and the minute displayed will be between 0 and 59 inclusively as well. When a single key is pressed on the hour input, a 0 will automatically be prepended to the hour if the entered hour is greater than 2. Likewise, a 0 will automatically be prepended to the minute if the inputed key value is greater than 5. In addition, the inputs can be changed through the use of the up and down arrow keys on a non-mobile display."),(0,m.mdx)("p",null,"If a 12 hour clock is chosen, the hour will be displayed between 01 and 12 inclusively, and an additional meridiem will be appended to the time input. The values of the meridiem are internationalized, meaning the time input will automatically initialize the post meridiem and ante meridiem for you. For the behavior of the hour input will inherit the behavior of the 24 hour clock with a few additions. Inputting 00 will automatically change the value to 12 for both meridiems. The up and down arrow keys have new additions as well. If up is pressed and the hour is 12, it will be set to 01. If the hour is 12 and down is pressed, the meridiem will be switched in addition to decrementing the hour to 11."),(0,m.mdx)("p",null,(0,m.mdx)("strong",{parentName:"p"},"Note:")," Not all locales support a 12 hour clock. If a 12 hour clock is generated for a locale that doesn't have am and pm values, messages will not be generated for the am and pm values."),(0,m.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Install with ",(0,m.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("inlineCode",{parentName:"li"},"npm install terra-time-input"))))),(0,m.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,m.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,m.mdx)("table",null,(0,m.mdx)("thead",{parentName:"table"},(0,m.mdx)("tr",{parentName:"thead"},(0,m.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,m.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,m.mdx)("tbody",{parentName:"table"},(0,m.mdx)("tr",{parentName:"tbody"},(0,m.mdx)("td",{parentName:"tr",align:null},"react"),(0,m.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,m.mdx)("tr",{parentName:"tbody"},(0,m.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,m.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,m.mdx)("tr",{parentName:"tbody"},(0,m.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,m.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,m.mdx)("h2",{id:"usage"},"Usage"),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import TimeInput from 'terra-time-input';\n")),(0,m.mdx)("h2",{id:"component-features"},"Component Features"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,m.mdx)("h2",{id:"examples"},"Examples"),(0,m.mdx)(I,{title:"Without Default Time",mdxType:"TimeInputNoDefaultTime"}),(0,m.mdx)(v,{title:"With Default Time",mdxType:"TimeInputDefaultTime"}),(0,m.mdx)(S,{title:"Without Default Time - 12 Hour",mdxType:"TimeInputNoDefaultTwelveHour"}),(0,m.mdx)(N,{title:"With Default Time - 12 Hour",mdxType:"TimeInputDefaultTwelveHour"}),(0,m.mdx)(V,{title:"Seconds Displayed Without Default Time",mdxType:"TimeInputSeconds"}),(0,m.mdx)(P,{title:"Seconds Displayed With Default Time",mdxType:"TimeInputSecondsWithDefault"}),(0,m.mdx)(X,{title:"Seconds Displayed Without Default Time - 12 Hour",mdxType:"TimeInputSecondsTwelveHour"}),(0,m.mdx)(Q,{title:"Invalid Time",mdxType:"TimeInputSecondsInvalid"}),(0,m.mdx)(le,{title:"Incomplete Time",description:"Applies theme-specific styling for incomplete. \nNote: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. \nNot for general use.",mdxType:"TimeInputSecondsIncomplete"}),(0,m.mdx)("h2",{id:"time-input-props-table"},"Time Input Props Table"),(0,m.mdx)(p,{mdxType:"TimeInputPropsTable"}),(0,m.mdx)("h2",{id:"testing"},"Testing"),(0,m.mdx)("p",null,"The Time Input uses ",(0,m.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,m.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,m.mdx)("p",null,"If Enzyme ",(0,m.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering is being used for the tests then the mock may not be required. However, if ",(0,m.mdx)("inlineCode",{parentName:"p"},"mount")," is used then ",(0,m.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown below:"),(0,m.mdx)("pre",null,(0,m.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},85226:function(e,t,n){"use strict";n.d(t,{E:function(){return i}});var a=n(96540),l=n(55713),i=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-time-input",name:"terra-time-input",version:"4.67.0",url:t})}},52211:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var l=a(n(17383)),i=a(n(34579)),m=a(n(28452)),r=a(n(63072)),d=a(n(29511)),u=a(n(96540)),o=a(n(30963)),s=a(n(32527));function p(e,t,n){return t=(0,r.default)(t),(0,m.default)(e,c()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}var h=function(e){function t(e){var n;return(0,l.default)(this,t),(n=p(this,t,[e])).state={time:"12:12"},n.handleTimeChange=n.handleTimeChange.bind(n),n}return(0,d.default)(t,e),(0,i.default)(t,[{key:"handleTimeChange",value:function(e,t){this.setState({time:t})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement(s.default,{label:"Entered Time: ".concat(this.state.time),htmlFor:"time-input-value"},u.default.createElement(o.default,{a11yLabel:"Entered Time",name:"time-input-value",value:this.state.time,onChange:this.handleTimeChange})))}}])}(u.default.Component);t.A=h},73533:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var l=a(n(17383)),i=a(n(34579)),m=a(n(28452)),r=a(n(63072)),d=a(n(29511)),u=a(n(96540)),o=a(n(30963)),s=a(n(74931)),p=a(n(32527)),c=a(n(84743));function h(e,t,n){return t=(0,r.default)(t),(0,m.default)(e,f()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(f=function(){return!!e})()}var x=function(e){function t(e){var n;return(0,l.default)(this,t),(n=h(this,t,[e])).state={time:"09:24",labelValue:"09:24"},n.handleTimeChange=n.handleTimeChange.bind(n),n}return(0,d.default)(t,e),(0,i.default)(t,[{key:"handleTimeChange",value:function(e,t,n){if("p.m."===n){var a=(0,c.default)(t,["HH:mm"]).format("hh:mm");this.setState({labelValue:a})}else this.setState({labelValue:t}),this.setState({time:t})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement(p.default,{label:"Entered Time: ".concat(this.state.labelValue),htmlFor:"time-input-value"},u.default.createElement(o.default,{a11yLabel:"Entered Time",name:"time-input-value",value:this.state.time,onChange:this.handleTimeChange,variant:s.default.FORMAT_12_HOUR})))}}])}(u.default.Component);t.A=x},94314:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var l=a(n(17383)),i=a(n(34579)),m=a(n(28452)),r=a(n(63072)),d=a(n(29511)),u=a(n(96540)),o=a(n(30963)),s=a(n(32527));function p(e,t,n){return t=(0,r.default)(t),(0,m.default)(e,c()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}var h=function(e){function t(e){var n;return(0,l.default)(this,t),(n=p(this,t,[e])).state={time:""},n.handleTimeChange=n.handleTimeChange.bind(n),n}return(0,d.default)(t,e),(0,i.default)(t,[{key:"handleTimeChange",value:function(e,t){this.setState({time:t})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement(s.default,{label:"Enter Time: ".concat(this.state.time),htmlFor:"time-input-value"},u.default.createElement(o.default,{a11yLabel:"Enter Time",name:"time-input-default",onChange:this.handleTimeChange})))}}])}(u.default.Component);t.A=h},30940:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var l=a(n(17383)),i=a(n(34579)),m=a(n(28452)),r=a(n(63072)),d=a(n(29511)),u=a(n(96540)),o=a(n(30963)),s=a(n(74931)),p=a(n(32527)),c=a(n(84743));function h(e,t,n){return t=(0,r.default)(t),(0,m.default)(e,f()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(f=function(){return!!e})()}var x=function(e){function t(e){var n;return(0,l.default)(this,t),(n=h(this,t,[e])).state={time:"",labelValue:""},n.handleTimeChange=n.handleTimeChange.bind(n),n}return(0,d.default)(t,e),(0,i.default)(t,[{key:"handleTimeChange",value:function(e,t,n){if("p.m."===n){var a=(0,c.default)(t,["HH:mm"]).format("hh:mm");this.setState({labelValue:a})}else this.setState({labelValue:t}),this.setState({time:t})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement(p.default,{label:"Enter Time: ".concat(this.state.labelValue),htmlFor:"time-input-value"},u.default.createElement(o.default,{a11yLabel:"Enter Time",name:"time-input-value",value:this.state.time,onChange:this.handleTimeChange,variant:s.default.FORMAT_12_HOUR})))}}])}(u.default.Component);t.A=x},70358:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var l=a(n(17383)),i=a(n(34579)),m=a(n(28452)),r=a(n(63072)),d=a(n(29511)),u=a(n(96540)),o=a(n(30963)),s=a(n(32527));function p(e,t,n){return t=(0,r.default)(t),(0,m.default)(e,c()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}var h=function(e){function t(e){var n;return(0,l.default)(this,t),(n=p(this,t,[e])).state={time:""},n.handleTimeChange=n.handleTimeChange.bind(n),n}return(0,d.default)(t,e),(0,i.default)(t,[{key:"handleTimeChange",value:function(e,t){this.setState({time:t})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement(s.default,{label:"Enter Time: ".concat(this.state.time),htmlFor:"time-input-value"},u.default.createElement(o.default,{a11yLabel:"Enter Time",name:"time-input-value",value:this.state.time,onChange:this.handleTimeChange,showSeconds:!0})))}}])}(u.default.Component);t.A=h},18046:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var l=a(n(17383)),i=a(n(34579)),m=a(n(28452)),r=a(n(63072)),d=a(n(29511)),u=a(n(96540)),o=a(n(30963)),s=a(n(32527));function p(e,t,n){return t=(0,r.default)(t),(0,m.default)(e,c()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}var h=function(e){function t(e){var n;return(0,l.default)(this,t),(n=p(this,t,[e])).state={time:""},n.handleTimeChange=n.handleTimeChange.bind(n),n}return(0,d.default)(t,e),(0,i.default)(t,[{key:"handleTimeChange",value:function(e,t){this.setState({time:t})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement(s.default,{label:"Enter Time: ".concat(this.state.time),htmlFor:"time-input-value"},u.default.createElement(o.default,{a11yLabel:"Enter Time",name:"time-input-value",value:this.state.time,onChange:this.handleTimeChange,showSeconds:!0,isIncomplete:!0,required:!0})))}}])}(u.default.Component);t.A=h},12583:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var l=a(n(17383)),i=a(n(34579)),m=a(n(28452)),r=a(n(63072)),d=a(n(29511)),u=a(n(96540)),o=a(n(30963)),s=a(n(32527));function p(e,t,n){return t=(0,r.default)(t),(0,m.default)(e,c()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}var h=function(e){function t(e){var n;return(0,l.default)(this,t),(n=p(this,t,[e])).state={time:""},n.handleTimeChange=n.handleTimeChange.bind(n),n}return(0,d.default)(t,e),(0,i.default)(t,[{key:"handleTimeChange",value:function(e,t){this.setState({time:t})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement(s.default,{label:"Enter Time: ".concat(this.state.time),htmlFor:"time-input-value"},u.default.createElement(o.default,{a11yLabel:"Enter Time",name:"time-input-value",value:this.state.time,onChange:this.handleTimeChange,showSeconds:!0,isInvalid:!0})))}}])}(u.default.Component);t.A=h},19629:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var l=a(n(17383)),i=a(n(34579)),m=a(n(28452)),r=a(n(63072)),d=a(n(29511)),u=a(n(96540)),o=a(n(30963)),s=a(n(74931)),p=a(n(32527)),c=a(n(84743));function h(e,t,n){return t=(0,r.default)(t),(0,m.default)(e,f()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(f=function(){return!!e})()}var x=function(e){function t(e){var n;return(0,l.default)(this,t),(n=h(this,t,[e])).state={time:"",labelValue:""},n.handleTimeChange=n.handleTimeChange.bind(n),n}return(0,d.default)(t,e),(0,i.default)(t,[{key:"handleTimeChange",value:function(e,t,n){if("p.m."===n){var a=(0,c.default)(t,["HH:mm"]).format("hh:mm");this.setState({labelValue:a})}else this.setState({labelValue:t}),this.setState({time:t})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement(p.default,{label:"Enter Time: ".concat(this.state.labelValue),htmlFor:"time-input-value"},u.default.createElement(o.default,{a11yLabel:"Enter Time",name:"time-input-value",value:this.state.time,onChange:this.handleTimeChange,showSeconds:!0,variant:s.default.FORMAT_12_HOUR})))}}])}(u.default.Component);t.A=x},78421:function(e,t,n){"use strict";var a=n(24994);t.A=void 0;var l=a(n(17383)),i=a(n(34579)),m=a(n(28452)),r=a(n(63072)),d=a(n(29511)),u=a(n(96540)),o=a(n(30963)),s=a(n(32527));function p(e,t,n){return t=(0,r.default)(t),(0,m.default)(e,c()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}var h=function(e){function t(e){var n;return(0,l.default)(this,t),(n=p(this,t,[e])).state={time:"12:37:14"},n.handleTimeChange=n.handleTimeChange.bind(n),n}return(0,d.default)(t,e),(0,i.default)(t,[{key:"handleTimeChange",value:function(e,t){this.setState({time:t})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement(s.default,{label:"Entered Time: ".concat(this.state.time),htmlFor:"time-input-value"},u.default.createElement(o.default,{a11yLabel:"Entered Time",name:"time-input-value",value:this.state.time,onChange:this.handleTimeChange,showSeconds:!0})))}}])}(u.default.Component);t.A=h},89986:function(e,t,n){"use strict";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"}},35358:function(e,t,n){var a={"./af":25177,"./af.js":25177,"./ar":61509,"./ar-dz":41488,"./ar-dz.js":41488,"./ar-kw":58676,"./ar-kw.js":58676,"./ar-ly":42353,"./ar-ly.js":42353,"./ar-ma":24496,"./ar-ma.js":24496,"./ar-ps":6947,"./ar-ps.js":6947,"./ar-sa":82682,"./ar-sa.js":82682,"./ar-tn":89756,"./ar-tn.js":89756,"./ar.js":61509,"./az":95533,"./az.js":95533,"./be":28959,"./be.js":28959,"./bg":47777,"./bg.js":47777,"./bm":54903,"./bm.js":54903,"./bn":61290,"./bn-bd":17357,"./bn-bd.js":17357,"./bn.js":61290,"./bo":31545,"./bo.js":31545,"./br":11470,"./br.js":11470,"./bs":44429,"./bs.js":44429,"./ca":7306,"./ca.js":7306,"./cs":56464,"./cs.js":56464,"./cv":73635,"./cv.js":73635,"./cy":64226,"./cy.js":64226,"./da":93601,"./da.js":93601,"./de":77853,"./de-at":26111,"./de-at.js":26111,"./de-ch":54697,"./de-ch.js":54697,"./de.js":77853,"./dv":60708,"./dv.js":60708,"./el":54691,"./el.js":54691,"./en-au":53872,"./en-au.js":53872,"./en-ca":28298,"./en-ca.js":28298,"./en-gb":56195,"./en-gb.js":56195,"./en-ie":66584,"./en-ie.js":66584,"./en-il":65543,"./en-il.js":65543,"./en-in":9033,"./en-in.js":9033,"./en-nz":79402,"./en-nz.js":79402,"./en-sg":43004,"./en-sg.js":43004,"./eo":10553,"./eo.js":10553,"./es":97650,"./es-do":20838,"./es-do.js":20838,"./es-mx":17730,"./es-mx.js":17730,"./es-us":56575,"./es-us.js":56575,"./es.js":97650,"./et":3035,"./et.js":3035,"./eu":3508,"./eu.js":3508,"./fa":119,"./fa.js":119,"./fi":90527,"./fi.js":90527,"./fil":95995,"./fil.js":95995,"./fo":52477,"./fo.js":52477,"./fr":85498,"./fr-ca":26435,"./fr-ca.js":26435,"./fr-ch":37892,"./fr-ch.js":37892,"./fr.js":85498,"./fy":37071,"./fy.js":37071,"./ga":41734,"./ga.js":41734,"./gd":70217,"./gd.js":70217,"./gl":77329,"./gl.js":77329,"./gom-deva":32124,"./gom-deva.js":32124,"./gom-latn":93383,"./gom-latn.js":93383,"./gu":95050,"./gu.js":95050,"./he":11713,"./he.js":11713,"./hi":43861,"./hi.js":43861,"./hr":26308,"./hr.js":26308,"./hu":90609,"./hu.js":90609,"./hy-am":17160,"./hy-am.js":17160,"./id":74063,"./id.js":74063,"./is":89374,"./is.js":89374,"./it":88383,"./it-ch":21827,"./it-ch.js":21827,"./it.js":88383,"./ja":23827,"./ja.js":23827,"./jv":89722,"./jv.js":89722,"./ka":41794,"./ka.js":41794,"./kk":27088,"./kk.js":27088,"./km":96870,"./km.js":96870,"./kn":84451,"./kn.js":84451,"./ko":63164,"./ko.js":63164,"./ku":98174,"./ku-kmr":6181,"./ku-kmr.js":6181,"./ku.js":98174,"./ky":78474,"./ky.js":78474,"./lb":79680,"./lb.js":79680,"./lo":15867,"./lo.js":15867,"./lt":45766,"./lt.js":45766,"./lv":69532,"./lv.js":69532,"./me":58076,"./me.js":58076,"./mi":41848,"./mi.js":41848,"./mk":30306,"./mk.js":30306,"./ml":73739,"./ml.js":73739,"./mn":99053,"./mn.js":99053,"./mr":86169,"./mr.js":86169,"./ms":73386,"./ms-my":92297,"./ms-my.js":92297,"./ms.js":73386,"./mt":77075,"./mt.js":77075,"./my":72264,"./my.js":72264,"./nb":22274,"./nb.js":22274,"./ne":8235,"./ne.js":8235,"./nl":92572,"./nl-be":43784,"./nl-be.js":43784,"./nl.js":92572,"./nn":54566,"./nn.js":54566,"./oc-lnc":69330,"./oc-lnc.js":69330,"./pa-in":29849,"./pa-in.js":29849,"./pl":94418,"./pl.js":94418,"./pt":79834,"./pt-br":48303,"./pt-br.js":48303,"./pt.js":79834,"./ro":24457,"./ro.js":24457,"./ru":82271,"./ru.js":82271,"./sd":1221,"./sd.js":1221,"./se":33478,"./se.js":33478,"./si":17538,"./si.js":17538,"./sk":5784,"./sk.js":5784,"./sl":46637,"./sl.js":46637,"./sq":86794,"./sq.js":86794,"./sr":45719,"./sr-cyrl":3322,"./sr-cyrl.js":3322,"./sr.js":45719,"./ss":56e3,"./ss.js":56e3,"./sv":41011,"./sv.js":41011,"./sw":40748,"./sw.js":40748,"./ta":11025,"./ta.js":11025,"./te":11885,"./te.js":11885,"./tet":28861,"./tet.js":28861,"./tg":86571,"./tg.js":86571,"./th":55802,"./th.js":55802,"./tk":59527,"./tk.js":59527,"./tl-ph":29231,"./tl-ph.js":29231,"./tlh":31052,"./tlh.js":31052,"./tr":85096,"./tr.js":85096,"./tzl":79846,"./tzl.js":79846,"./tzm":81765,"./tzm-latn":97711,"./tzm-latn.js":97711,"./tzm.js":81765,"./ug-cn":48414,"./ug-cn.js":48414,"./uk":16618,"./uk.js":16618,"./ur":57777,"./ur.js":57777,"./uz":57609,"./uz-latn":72475,"./uz-latn.js":72475,"./uz.js":57609,"./vi":21135,"./vi.js":21135,"./x-pseudo":64051,"./x-pseudo.js":64051,"./yo":82218,"./yo.js":82218,"./zh-cn":52648,"./zh-cn.js":52648,"./zh-hk":1632,"./zh-hk.js":1632,"./zh-mo":31541,"./zh-mo.js":31541,"./zh-tw":50304,"./zh-tw.js":50304};function l(e){var t=i(e);return n(t)}function i(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}l.keys=function(){return Object.keys(a)},l.resolve=i,e.exports=l,l.id=35358},49558:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(96540)),l=i(n(25365));function i(e){return e&&e.__esModule?e:{default:e}}var m=function(e){var t=Object.assign({},e);return a.default.createElement(l.default,t,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};m.displayName="IconChevronLeft",m.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=m}}]); \ No newline at end of file diff --git a/37872-1d97ab8f78235db42853.css b/37872-1d97ab8f78235db42853.css new file mode 100644 index 0000000000..154d8e81f4 --- /dev/null +++ b/37872-1d97ab8f78235db42853.css @@ -0,0 +1,7 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +[dir=ltr] .ApplicationHeaderUtilityExample-module__container___GkMGI{padding-left:4px}[dir=rtl] .ApplicationHeaderUtilityExample-module__container___GkMGI{padding-right:4px}.ApplicationHeaderUtilityExample-module__content-wrapper___mmh03{height:60px;position:relative;width:150px}[dir] .ApplicationHeaderUtilityExample-module__content-wrapper___mmh03{background-color:#0079be} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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)} +.ApplicationMenuUtilityExample-module__content-wrapper___gD528{height:60px;width:300px}[dir=ltr] .ApplicationMenuUtilityExample-module__content-wrapper___gD528{padding-left:4px}[dir=rtl] .ApplicationMenuUtilityExample-module__content-wrapper___gD528{padding-right:4px} +.MenuUtilityMenuExample-module__avatar___lfaZq{height:1.857rem;width:1.857rem}.MenuUtilityMenuExample-module__content-wrapper___HV8sN{height:300px;width:300px} diff --git a/37872-1d97ab8f78235db42853.js b/37872-1d97ab8f78235db42853.js new file mode 100644 index 0000000000..cd5c128e2c --- /dev/null +++ b/37872-1d97ab8f78235db42853.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[37872],{201:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var i=a(n(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var r=i?Object.getOwnPropertyDescriptor(e,o):null;r&&(r.get||r.set)?Object.defineProperty(a,o,r):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(96540)),r=a(n(5556)),s=a(n(67967)),d=n(92912),m=a(n(49558)),c=a(n(53665)),u=n(25966),p=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var y=s.default.bind(p.default),x={example:r.default.element,exampleSrc:r.default.element,exampleCssSrc:r.default.element,title:r.default.string,description:r.default.node,isExpanded:r.default.bool},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=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,r=e.description,s=e.isExpanded,p=(0,o.useState)(s),f=(0,i.default)(p,2),x=f[0],v=f[1],b=(0,o.useState)(!1),N=(0,i.default)(b,2),C=N[0],_=N[1],O=o.default.useContext(d.ThemeContext),T=void 0!==a,E=function(){_(!C),x&&v(!x)},S=function(){v(!x),C&&_(!C)},A=function(e,t){e.nativeEvent.keyCode!==u.KEY_SPACE&&e.nativeEvent.keyCode!==u.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:y("template",O.className)},o.default.createElement("div",{className:y("header")},l&&o.default.createElement("h2",{className:y("title")},l)),o.default.createElement("div",{className:y("content")},r&&o.default.createElement("div",{className:y("description")},r),t),o.default.createElement("div",{className:y("footer")},n?o.default.createElement("div",{className:y("button-container")},T&&o.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":C}),onClick:E,onKeyDown:function(e){return A(e,E)},onBlur:h,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(m.default,{className:y("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:y("chevron")})),o.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":x}),onClick:S,onKeyDown:function(e){return A(e,S)},onBlur:h,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(m.default,{className:y("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:y("chevron")}))):null,o.default.createElement("div",null,C&&o.default.createElement("div",{className:y("css")},a),x&&o.default.createElement("div",{className:y("code")},n))))};v.propTypes=x,v.defaultProps={isExpanded:!1};t.A=v},3903:function(e,t,n){n.r(t),n.d(t,{default:function(){return B}});var a=n(58168),l=n(53986),i=n(96540),o=n(36665),r=n(92523),s=n(12883),d=["components"],m={},c="wrapper";function u(e){var t=e.components,n=(0,l.A)(e,d);return(0,o.mdx)(c,(0,a.A)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(s.Ay,{mdxType:"PropsTable"},(0,o.mdx)(s.fI,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(s.dt,{mdxType:"PropNameCell"},"menuItems"),(0,o.mdx)(s.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,o.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The array containing the menu items to be rendered within the menu."))),(0,o.mdx)(s.fI,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(s.dt,{mdxType:"PropNameCell"},"onChange"),(0,o.mdx)(s.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The function to trigger when a menu item is selected.\nReturns ",(0,o.mdx)("inlineCode",{parentName:"p"},"(event, { key: String, metaData: Object})")))),(0,o.mdx)(s.fI,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(s.dt,{mdxType:"PropNameCell"},"onDisclose"),(0,o.mdx)(s.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The function that discloses the menu."))),(0,o.mdx)(s.fI,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(s.dt,{mdxType:"PropNameCell"},"initialSelectedKey"),(0,o.mdx)(s.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The key of the top level menu page."))),(0,o.mdx)(s.fI,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(s.dt,{mdxType:"PropNameCell"},"title"),(0,o.mdx)(s.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The text to be displayed."))),(0,o.mdx)(s.fI,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(s.dt,{mdxType:"PropNameCell"},"accessory"),(0,o.mdx)(s.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The accessory element to be displayed next to the title."))),(0,o.mdx)(s.fI,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(s.dt,{mdxType:"PropNameCell"},"menuRole"),(0,o.mdx)(s.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"'navigation'\n"))),(0,o.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The role attribute to set on the menu.")))))}u.isMDXComponent=!0;var p=n(63129),f=["components"],y={};function x(e){var t=e.components,n=(0,l.A)(e,f);return(0,o.mdx)("wrapper",(0,a.A)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Image from 'terra-image';\nimport MockConfig from 'terra-application-utility/lib/terra-dev-site/doc/common/MockConfig';\nimport FallbackAvatar from 'terra-application-utility/lib/terra-dev-site/doc/common/FallbackAvatar.svg';\nimport { ApplicationHeaderUtility, UtilityUtils } from 'terra-application-utility';\nimport classNames from 'classnames/bind';\nimport styles from './ApplicationHeaderUtilityExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass ApplicationHeaderUtilityExample extends React.Component {\n constructor(props) {\n super(props);\n this.onDiscloseUtility = this.onDiscloseUtility.bind(this);\n this.state = {\n discloseCount: 0,\n };\n }\n\n onDiscloseUtility() {\n this.setState(prevState => ({ discloseCount: prevState.discloseCount + 1 }));\n }\n\n render() {\n const accessory = \"Fallback;\n const title = 'John Doe';\n\n return (\n
\n
\n { }}\n onDisclose={this.onDiscloseUtility}\n initialSelectedKey=\"menu\"\n title={title}\n accessory={accessory}\n variant={UtilityUtils.VARIANTS.HEADER}\n />\n
\n
{`Disclose count: ${this.state.discloseCount}`}
\n
\n );\n }\n}\n\nexport default ApplicationHeaderUtilityExample;\n\n")))}x.isMDXComponent=!0;var h=n(201),g=["components"],v={};function b(e){var t=e.components,n=(0,l.A)(e,g);return(0,o.mdx)("wrapper",(0,a.A)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .container {\n padding-left: 4px;\n }\n\n .content-wrapper {\n background-color: #0079be;\n height: 60px;\n position: relative;\n width: 150px;\n }\n}\n\n")))}b.isMDXComponent=!0;var N=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(h.A,{title:t||"Application Header Utility Example",description:n,example:i.createElement(p.A,null),exampleCssSrc:i.createElement(b,null),exampleSrc:i.createElement(x,null),isExpanded:a})},C=n(85151),_=["components"],O={};function T(e){var t=e.components,n=(0,l.A)(e,_);return(0,o.mdx)("wrapper",(0,a.A)({},O,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Image from 'terra-image';\nimport MockConfig from 'terra-application-utility/lib/terra-dev-site/doc/common/MockConfig';\nimport FallbackAvatar from 'terra-application-utility/lib/terra-dev-site/doc/common/FallbackAvatar.svg';\nimport { ApplicationMenuUtility, UtilityUtils } from 'terra-application-utility';\nimport classNames from 'classnames/bind';\nimport styles from './ApplicationMenuUtilityExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass ApplicationMenuUtilityExample extends React.Component {\n constructor(props) {\n super(props);\n this.onDiscloseUtility = this.onDiscloseUtility.bind(this);\n this.handleOnChange = this.handleOnChange.bind(this);\n this.state = {\n discloseCount: 0,\n selectedKey: null,\n };\n }\n\n handleOnChange(event, key) {\n this.setState({ selectedKey: key });\n }\n\n onDiscloseUtility() {\n this.setState(prevState => ({ discloseCount: prevState.discloseCount + 1 }));\n }\n\n render() {\n const accessory = \"Fallback;\n const title = 'John Doe';\n\n return (\n
\n
\n \n
\n
{`Trigger event for: ${this.state.selectedKey}.`}
\n
{`Disclose count: ${this.state.discloseCount}.`}
\n
\n );\n }\n}\n\nexport default ApplicationMenuUtilityExample;\n\n")))}T.isMDXComponent=!0;var E=["components"],S={};function A(e){var t=e.components,n=(0,l.A)(e,E);return(0,o.mdx)("wrapper",(0,a.A)({},S,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n height: 60px;\n padding-left: 4px;\n width: 300px;\n }\n}\n\n")))}A.isMDXComponent=!0;var U=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(h.A,{title:t||"Application Menu Utility Example",description:n,example:i.createElement(C.A,null),exampleCssSrc:i.createElement(A,null),exampleSrc:i.createElement(T,null),isExpanded:a})},w=n(7966),k=["components"],D={};function M(e){var t=e.components,n=(0,l.A)(e,k);return(0,o.mdx)("wrapper",(0,a.A)({},D,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Image from 'terra-image';\nimport MockConfig from 'terra-application-utility/lib/terra-dev-site/doc/common/MockConfig';\nimport FallbackAvatar from 'terra-application-utility/lib/terra-dev-site/doc/common/FallbackAvatar.svg';\nimport { UtilityUtils } from 'terra-application-utility';\nimport UtilityMenu from 'terra-application-utility/lib/utility/_UtilityMenu';\nimport classNames from 'classnames/bind';\nimport styles from './MenuUtilityMenuExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass MenuUtilityMenuExample extends React.Component {\n constructor(props) {\n super(props);\n this.handleOnChange = this.handleOnChange.bind(this);\n this.handleOnRequestClose = this.handleOnRequestClose.bind(this);\n this.state = {\n selectedKey: null,\n requestCloseCount: 0,\n };\n }\n\n handleOnChange(event, object) {\n this.setState({ selectedKey: object.key });\n }\n\n handleOnRequestClose() {\n this.setState(prevState => ({ requestCloseCount: prevState.requestCloseCount + 1 }));\n }\n\n render() {\n const customComponent = \"Fallback;\n return (\n
\n
\n \n
\n
{`Trigger event for: ${this.state.selectedKey}`}
\n
{`Request close count: ${this.state.requestCloseCount}`}
\n
\n );\n }\n}\n\nexport default MenuUtilityMenuExample;\n\n")))}M.isMDXComponent=!0;var R=["components"],I={};function j(e){var t=e.components,n=(0,l.A)(e,R);return(0,o.mdx)("wrapper",(0,a.A)({},I,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .avatar {\n height: 1.857rem;\n width: 1.857rem;\n }\n \n .content-wrapper {\n height: 300px;\n width: 300px;\n }\n}\n\n")))}j.isMDXComponent=!0;var L=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(h.A,{title:t||"Menu Utility Menu Example",description:n,example:i.createElement(w.A,null),exampleCssSrc:i.createElement(j,null),exampleSrc:i.createElement(M,null),isExpanded:a})},P=["components"],K={},q="wrapper";function B(e){var t=e.components,n=(0,l.A)(e,P);return(0,o.mdx)(q,(0,a.A)({},K,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(r.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-application-utility"},"Terra Application Utility"),(0,o.mdx)("p",null,"The Utility is used to disclose a utility menu. There are two versions - a header version and menu version. These should be used with the corresponding ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-application-header-layout")," and ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-application-menu-layout")," components."),(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-application-utility"))))),(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)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,o.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,o.mdx)("h2",{id:"menu-items"},"Menu Items"),(0,o.mdx)("p",null,"The menu items are generated from an array of menu item objects, which can contain up to eight attributes: ",(0,o.mdx)("inlineCode",{parentName:"p"},"childKeys"),", ",(0,o.mdx)("inlineCode",{parentName:"p"},"content"),", ",(0,o.mdx)("inlineCode",{parentName:"p"},"contentLocation"),", ",(0,o.mdx)("inlineCode",{parentName:"p"},"isSelected"),", ",(0,o.mdx)("inlineCode",{parentName:"p"},"isSelectable"),", ",(0,o.mdx)("inlineCode",{parentName:"p"},"key"),", ",(0,o.mdx)("inlineCode",{parentName:"p"},"metaData"),", and ",(0,o.mdx)("inlineCode",{parentName:"p"},"title"),"."),(0,o.mdx)("ol",null,(0,o.mdx)("li",{parentName:"ol"},(0,o.mdx)("strong",{parentName:"li"},"childKeys")," is an optional array of ",(0,o.mdx)("inlineCode",{parentName:"li"},"keys")," (strings). Enables a nested page to be rendered when this menu item is selected. For each menu item within the nested page, store it's ",(0,o.mdx)("inlineCode",{parentName:"li"},"key")," within this ",(0,o.mdx)("inlineCode",{parentName:"li"},"childKeys")," array."),(0,o.mdx)("li",{parentName:"ol"},(0,o.mdx)("strong",{parentName:"li"},"content")," is an optional object. Enables custom components to be rendered as ",(0,o.mdx)("em",{parentName:"li"},"body")," items. Avoid using ",(0,o.mdx)("inlineCode",{parentName:"li"},"content")," as a footer item - it will always render as a button."),(0,o.mdx)("li",{parentName:"ol"},(0,o.mdx)("strong",{parentName:"li"},"contentLocation")," is an optional string, one of ",(0,o.mdx)("inlineCode",{parentName:"li"},"UtilityUtils.LOCATIONS.BODY")," or ",(0,o.mdx)("inlineCode",{parentName:"li"},"UtilityUtils.LOCATIONS.FOOTER"),". Indicates if an item will render within the body or footer. Body items will render as list items, while footer items will render as buttons. Items will default to ",(0,o.mdx)("em",{parentName:"li"},"body")," if ",(0,o.mdx)("inlineCode",{parentName:"li"},"contentLocation")," is not provided."),(0,o.mdx)("li",{parentName:"ol"},(0,o.mdx)("strong",{parentName:"li"},"isReadOnly")," is an optional boolean. It removes interactivity and interactive styling from an item, and prevents menu closure when clicked directly."),(0,o.mdx)("li",{parentName:"ol"},(0,o.mdx)("strong",{parentName:"li"},"isSelected")," is an optional boolean. Enables a HOC to manage the selected states of each item."),(0,o.mdx)("li",{parentName:"ol"},(0,o.mdx)("strong",{parentName:"li"},"isSelectable")," is an optional boolean. Indicates if an item is selectable. A checkmark will toggle on item selection."),(0,o.mdx)("li",{parentName:"ol"},(0,o.mdx)("strong",{parentName:"li"},"key")," is ",(0,o.mdx)("strong",{parentName:"li"},"required"),". Must be a unique value to differentiate itself from other items. ",(0,o.mdx)("inlineCode",{parentName:"li"},"key")," is returned, along with ",(0,o.mdx)("inlineCode",{parentName:"li"},"metaData"),", within the onChange."),(0,o.mdx)("li",{parentName:"ol"},(0,o.mdx)("strong",{parentName:"li"},"metaData")," is an optional object. Use this to store other data for this menu item, such as its parent ",(0,o.mdx)("inlineCode",{parentName:"li"},"key")," or another function. ",(0,o.mdx)("inlineCode",{parentName:"li"},"metaData")," is returned, along with ",(0,o.mdx)("inlineCode",{parentName:"li"},"key"),", within the onChange."),(0,o.mdx)("li",{parentName:"ol"},(0,o.mdx)("strong",{parentName:"li"},"title")," is an optional string. Sets the text to render for this item. If this menu item contains ",(0,o.mdx)("inlineCode",{parentName:"li"},"childrenKeys"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"title")," will be used as the header text for the nested page.")),(0,o.mdx)("p",null,"Displayed below is the explicit structure of a menu item:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"PropTypes.shape({\n /**\n * Array containing the keys of each child item of this item.\n */\n childKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * The component associated with this item.\n */\n content: PropTypes.object,\n /**\n * The location to place the item. One of UtilityUtils.LOCATIONS.BODY, UtilityUtils.LOCATIONS.FOOTER.\n */\n contentLocation: PropTypes.oneOf([LOCATIONS.BODY, LOCATIONS.FOOTER]),\n /**\n * Whether the item is read-only.\n */\n isReadOnly: PropTypes.bool,\n /**\n * Boolean indicating if the item is selected.\n */\n isSelected: PropTypes.bool,\n /**\n * Boolean indicating if the item is selectable.\n */\n isSelectable: PropTypes.bool,\n /**\n * The unique key associated with this item.\n */\n key: PropTypes.string.isRequired,\n /**\n * Optional meta data to be returned along with the item key within the onChange.\n */\n metaData: PropTypes.object,\n /**\n * The text associated with this item.\n */\n title: PropTypes.string,\n});\n")),(0,o.mdx)("p",null,"For reference, checkout the ",(0,o.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-application-utility/src/terra-dev-site/doc/common/MockConfig.js"},"sample menu item config")," used for the bottom ",(0,o.mdx)("inlineCode",{parentName:"p"},"Utility Menu")," example."),(0,o.mdx)("h2",{id:"component-features"},"Component Features"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support"),(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://babeljs.io/docs/usage/polyfill"},"babel-pollyfill")," is needed needed to support usage of the Map object in IE."))),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(N,{title:"Header: Utility",mdxType:"ApplicationHeaderUtilityExample"}),(0,o.mdx)(U,{title:"Menu: Utility",mdxType:"ApplicationMenuUtilityExample"}),(0,o.mdx)(L,{title:"Utility Menu",mdxType:"MenuUtilityMenuExample"}),(0,o.mdx)("h2",{id:"application-utility-props"},"Application Utility Props"),(0,o.mdx)(u,{mdxType:"ApplicationHeaderUtilityPropsTable"}))}B.isMDXComponent=!0},92523:function(e,t,n){n.d(t,{E:function(){return i}});var a=n(96540),l=n(55713),i=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-utility",name:"terra-application-utility",version:"2.59.0",url:t})}},74087:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(60209);t.default=function(e){return[{key:"menu",title:"Menu",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!1,isSelectable:!1,metaData:{otherInformation:"Other Information"},childKeys:["item-1","item-2","item-3","item-4","item-5","item-6","item-7","item-8"]},{key:"item-1",title:"Name",content:e,contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!1,isSelectable:!1,childKeys:["item-1.1"]},{key:"item-2",title:"Profile",isSelected:!1,isSelectable:!1,childKeys:["item-2.1","item-2.2"],id:"test-item-2"},{key:"item-3",title:"Notifications",contentLocation:a.UtilityUtils.LOCATIONS.FOOTER,isSelected:!1,isSelectable:!1,childKeys:[]},{key:"item-4",title:"Projects",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!1,isSelectable:!1,childKeys:["item-4.1","item-4.2","item-4.3"]},{key:"item-1.1",title:"John Doe",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!1,isSelectable:!1,metaData:{otherInformation:"Other Information"},childKeys:[]},{key:"item-2.1",title:"Gender: Male",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!1,isSelectable:!1,childKeys:[]},{key:"item-2.2",title:"Location: Germany",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!1,isSelectable:!1,childKeys:[]},{key:"item-4.1",title:"Project 1",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!1,isSelectable:!1,childKeys:[]},{key:"item-4.2",title:"Project 2",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!1,isSelectable:!1,childKeys:[]},{key:"item-4.3",title:"Project 3",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!1,isSelectable:!1,childKeys:[]},{key:"item-5",title:"Skills",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!1,isSelectable:!1,childKeys:["item-5.1","item-5.2"]},{key:"item-5.1",title:"Skill 1",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!1,isSelectable:!0,childKeys:[]},{key:"item-5.2",title:"Skill 2",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!1,isSelectable:!0,childKeys:[]},{key:"item-6",title:"Logout",contentLocation:a.UtilityUtils.LOCATIONS.FOOTER,isSelected:!1,isSelectable:!0,childKeys:[]},{key:"item-7",title:"Drill-down capabilities provide the ability for the end-user to access different levels of information without creating ad hoc queries for each level of information. Instead the user is able to drill down to a detail level, or elevate to the summary level, through pull-down menus or mouse clicks.",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isSelected:!0,isSelectable:!1,childKeys:[],id:"test-item-7"},{key:"item-8",title:"Last logged in: yesterday",contentLocation:a.UtilityUtils.LOCATIONS.BODY,isReadOnly:!0,isSelected:!1,isSelectable:!1,childKeys:[],id:"test-item-8"}]}},63129:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(17383)),i=a(n(34579)),o=a(n(28452)),r=a(n(63072)),s=a(n(29511)),d=a(n(96540)),m=a(n(94480)),c=a(n(74087)),u=a(n(68692)),p=n(60209),f=a(n(67967)),y=a(n(99890));function x(e,t,n){return t=(0,r.default)(t),(0,o.default)(e,h()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(h=function(){return!!e})()}var g=f.default.bind(y.default),v=function(e){function t(e){var n;return(0,l.default)(this,t),(n=x(this,t,[e])).onDiscloseUtility=n.onDiscloseUtility.bind(n),n.state={discloseCount:0},n}return(0,s.default)(t,e),(0,i.default)(t,[{key:"onDiscloseUtility",value:function(){this.setState((function(e){return{discloseCount:e.discloseCount+1}}))}},{key:"render",value:function(){var e=d.default.createElement(m.default,{alt:"Fallback Avatar",src:u.default});return d.default.createElement("div",{className:g("container")},d.default.createElement("div",{className:g("content-wrapper")},d.default.createElement(p.ApplicationHeaderUtility,{menuItems:(0,c.default)(e),onChange:function(){},onDisclose:this.onDiscloseUtility,initialSelectedKey:"menu",title:"John Doe",accessory:e,variant:p.UtilityUtils.VARIANTS.HEADER})),d.default.createElement("div",null,"Disclose count: ".concat(this.state.discloseCount)))}}])}(d.default.Component);t.A=v},85151:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(17383)),i=a(n(34579)),o=a(n(28452)),r=a(n(63072)),s=a(n(29511)),d=a(n(96540)),m=a(n(94480)),c=a(n(74087)),u=a(n(68692)),p=n(60209),f=a(n(67967)),y=a(n(59132));function x(e,t,n){return t=(0,r.default)(t),(0,o.default)(e,h()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(h=function(){return!!e})()}var g=f.default.bind(y.default),v=function(e){function t(e){var n;return(0,l.default)(this,t),(n=x(this,t,[e])).onDiscloseUtility=n.onDiscloseUtility.bind(n),n.handleOnChange=n.handleOnChange.bind(n),n.state={discloseCount:0,selectedKey:null},n}return(0,s.default)(t,e),(0,i.default)(t,[{key:"handleOnChange",value:function(e,t){this.setState({selectedKey:t})}},{key:"onDiscloseUtility",value:function(){this.setState((function(e){return{discloseCount:e.discloseCount+1}}))}},{key:"render",value:function(){var e=d.default.createElement(m.default,{alt:"Fallback Avatar",src:u.default});return d.default.createElement("div",null,d.default.createElement("div",{className:g("content-wrapper")},d.default.createElement(p.ApplicationMenuUtility,{menuItems:(0,c.default)(e),onChange:this.handleOnChange,onDisclose:this.onDiscloseUtility,initialSelectedKey:"menu",title:"John Doe",accessory:e,variant:p.UtilityUtils.VARIANTS.MENU})),d.default.createElement("div",null,"Trigger event for: ".concat(this.state.selectedKey,".")),d.default.createElement("div",null,"Disclose count: ".concat(this.state.discloseCount,".")))}}])}(d.default.Component);t.A=v},7966:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(17383)),i=a(n(34579)),o=a(n(28452)),r=a(n(63072)),s=a(n(29511)),d=a(n(96540)),m=a(n(94480)),c=a(n(74087)),u=a(n(68692)),p=n(60209),f=a(n(79426)),y=a(n(67967)),x=a(n(28811));function h(e,t,n){return t=(0,r.default)(t),(0,o.default)(e,g()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function g(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(g=function(){return!!e})()}var v=y.default.bind(x.default),b=function(e){function t(e){var n;return(0,l.default)(this,t),(n=h(this,t,[e])).handleOnChange=n.handleOnChange.bind(n),n.handleOnRequestClose=n.handleOnRequestClose.bind(n),n.state={selectedKey:null,requestCloseCount:0},n}return(0,s.default)(t,e),(0,i.default)(t,[{key:"handleOnChange",value:function(e,t){this.setState({selectedKey:t.key})}},{key:"handleOnRequestClose",value:function(){this.setState((function(e){return{requestCloseCount:e.requestCloseCount+1}}))}},{key:"render",value:function(){var e=d.default.createElement(m.default,{alt:"Fallback Avatar",src:u.default,className:v("avatar")});return d.default.createElement("div",null,d.default.createElement("div",{className:v("content-wrapper")},d.default.createElement(f.default,{initialSelectedKey:"menu",isHeightBounded:!0,menuItems:(0,c.default)(e),onChange:this.handleOnChange,onRequestClose:this.handleOnRequestClose,variant:p.UtilityUtils.VARIANTS.MENU})),d.default.createElement("div",null,"Trigger event for: ".concat(this.state.selectedKey)),d.default.createElement("div",null,"Request close count: ".concat(this.state.requestCloseCount)))}}])}(d.default.Component);t.A=b},68692:function(e,t,n){n.r(t),t.default=n.p+"f16872401d9765e4d153141156f6f5f2.svg"},89986: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"}},92420:function(e,t,n){n.r(t),t.default={arrange:"Arrange-module__arrange___hY0Ml",fill:"Arrange-module__fill___m88eq",fit:"Arrange-module__fit___tv8j-",center:"Arrange-module__center___9qfhG",bottom:"Arrange-module__bottom___8beod",stretch:"Arrange-module__stretch___eQF-k",default:"Arrange-module__default___z+O29"}},99890:function(e,t,n){n.r(t),t.default={container:"ApplicationHeaderUtilityExample-module__container___GkMGI","content-wrapper":"ApplicationHeaderUtilityExample-module__content-wrapper___mmh03"}},59132:function(e,t,n){n.r(t),t.default={"content-wrapper":"ApplicationMenuUtilityExample-module__content-wrapper___gD528"}},28811:function(e,t,n){n.r(t),t.default={avatar:"MenuUtilityMenuExample-module__avatar___lfaZq","content-wrapper":"MenuUtilityMenuExample-module__content-wrapper___HV8sN"}},39496:function(e,t,n){function a(e){return a="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},a(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var l=d(n(96540)),i=d(n(5556)),o=d(n(67967)),r=d(n(92420)),s=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function d(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var y=o.default.bind(r.default),x={fitStart:i.default.element,fill:i.default.element.isRequired,fitEnd:i.default.element,align:i.default.oneOf(["center","bottom","stretch"]),alignFitStart:i.default.oneOf(["center","bottom","stretch"]),alignFitEnd:i.default.oneOf(["center","bottom","stretch"]),alignFill:i.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:i.default.object,fillAttributes:i.default.object,fitEndAttributes:i.default.object},h=function(e){var t=e.fitStart,n=e.fill,a=e.fitEnd,i=e.align,o=e.alignFitStart,r=e.alignFill,d=e.alignFitEnd,c=e.fitStartAttributes,p=e.fillAttributes,x=e.fitEndAttributes,h=f(e,s),g=u({},c),v=u({},p),b=u({},x);return l.default.createElement("span",m({},h,{className:y("arrange",h.className)}),l.default.createElement("span",m({},g,{className:y("fit",i||o,g.className,"fit-block")}),t),l.default.createElement("span",m({},v,{className:y("fill",i||r,v.className,"fill-block")}),n),l.default.createElement("span",m({},b,{className:y("fit",i||d,b.className)}),a))};h.propTypes=x;t.default=h},40495:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(96540)),l=i(n(25365));function i(e){return e&&e.__esModule?e:{default:e}}var o=function(e){var t=Object.assign({},e);return a.default.createElement(l.default,t,a.default.createElement("path",{d:"M24 37.7 0 14.2l3.8-3.9L24 30l20.2-19.7 3.8 3.9z"}))};o.displayName="IconChevronDown",o.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=o},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(96540)),l=i(n(25365));function i(e){return e&&e.__esModule?e:{default:e}}var o=function(e){var t=Object.assign({},e);return a.default.createElement(l.default,t,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};o.displayName="IconChevronLeft",o.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=o}}]); \ No newline at end of file diff --git a/38550-7736dfdbad6a261e1ab8.js b/38550-7736dfdbad6a261e1ab8.js new file mode 100644 index 0000000000..ec3d435053 --- /dev/null +++ b/38550-7736dfdbad6a261e1ab8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[38550],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(5556)),r=a(n(67967)),i=a(n(25642)),d=r.default.bind(i.default),c={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,r=l.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},l.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:d("badge-version")},"v".concat(o))),i=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,i)};s.propTypes=c;t.A=s},201:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var o=a(n(85715)),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=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(96540)),i=a(n(5556)),d=a(n(67967)),c=n(92912),s=a(n(49558)),u=a(n(53665)),m=n(25966),p=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var _=d.default.bind(p.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=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,i=e.description,d=e.isExpanded,p=(0,r.useState)(d),f=(0,o.default)(p,2),b=f[0],v=f[1],h=(0,r.useState)(!1),E=(0,o.default)(h,2),x=E[0],N=E[1],w=r.default.useContext(c.ThemeContext),C=void 0!==a,T=function(){N(!x),b&&v(!b)},k=function(){v(!b),x&&N(!x)},A=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:_("template",w.className)},r.default.createElement("div",{className:_("header")},l&&r.default.createElement("h2",{className:_("title")},l)),r.default.createElement("div",{className:_("content")},i&&r.default.createElement("div",{className:_("description")},i),t),r.default.createElement("div",{className:_("footer")},n?r.default.createElement("div",{className:_("button-container")},C&&r.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":x}),onClick:T,onKeyDown:function(e){return A(e,T)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:_("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(u.default,{className:_("chevron")})),r.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:k,onKeyDown:function(e){return A(e,k)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:_("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(u.default,{className:_("chevron")}))):null,r.default.createElement("div",null,x&&r.default.createElement("div",{className:_("css")},a),b&&r.default.createElement("div",{className:_("code")},n))))};v.propTypes=b,v.defaultProps={isExpanded:!1};t.A=v},38550:function(e,t,n){n.r(t),n.d(t,{default:function(){return b}});var a=n(58168),l=n(53986),o=n(96540),r=n(36665),i=(n(20574),n(5238)),d=["components"],c={};function s(e){var t=e.components,n=(0,l.A)(e,d);return(0,r.mdx)("wrapper",(0,a.A)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.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 TableWithoutRowHeader = () => (\n \n);\n\nexport default TableWithoutRowHeader;\n\n")))}s.isMDXComponent=!0;var u=n(201),m=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(u.A,{title:t||"Table Without Row Header",description:n,example:o.createElement(i.A,null),exampleSrc:o.createElement(s,null),isExpanded:a})},p=["components"],f={},_="wrapper";function b(e){var t=e.components,n=(0,l.A)(e,p);return(0,r.mdx)(_,(0,a.A)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"default-table-without-row-header"},"Default Table without row header"),(0,r.mdx)("h3",{id:"description"},"Description"),(0,r.mdx)("p",null,"This example demonstrates a basic ",(0,r.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/table/about"},"Table")," component implementation without row header."),(0,r.mdx)(m,{mdxType:"TableWithoutRowHeader"}))}b.isMDXComponent=!0},20574:function(e,t,n){n.d(t,{E:function(){return o}});var a=n(96540),l=n(55713),o=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.24.0",url:t})}},5238:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(83264)),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.A=function(){return l.default.createElement(o.default,{id:"table-without-row-header",overflowColumns:r.cols,rows:r.rows,rowHeaderIndex:-1,ariaLabel:"Table"})}},25642: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"}},89986: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"}},58168:function(e,t,n){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}n.d(t,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/38770-334af353399419414e93.css b/38770-334af353399419414e93.css new file mode 100644 index 0000000000..a8967712ad --- /dev/null +++ b/38770-334af353399419414e93.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.InfiniteList-module__infinite-list___7fyNb{display:block;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:100%}.InfiniteList-module__infinite-hidden___aTAai{display:block;height:0;overflow:hidden;position:absolute;top:100%;width:100%}[dir] .InfiniteList-module__infinite-hidden___aTAai{border:0;margin:0;padding:0}.InfiniteList-module__full-loading___ZrKv4{height:100%;overflow:hidden;position:relative;width:100%}.InfiniteList-module__loading___Aj3yQ{display:block;position:relative;width:100%}.InfiniteList-module__spacer___DCsZK{display:block;position:relative;width:100%}[dir] .InfiniteList-module__spacer___DCsZK{margin:0;padding:0} +.InfiniteListDocExampleCommon-module__placeholder___\+p5qG{height:50px}.InfiniteListDocExampleCommon-module__item-content___wVR4Q{height:50px;width:100%}.InfiniteListDocExampleCommon-module__main-content___b5X2e{height:300px;position:relative;width:100%}[dir] .InfiniteListDocExampleCommon-module__main-content___b5X2e{border:1px solid #000} diff --git a/38770-334af353399419414e93.js b/38770-334af353399419414e93.js new file mode 100644 index 0000000000..3b182df776 --- /dev/null +++ b/38770-334af353399419414e93.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[38770],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var i=a(n(96540)),r=a(n(5556)),o=a(n(67967)),l=a(n(25642)),u=o.default.bind(l.default),c={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},d=function(e){var t=e.src,n=e.name,a=e.url,r=e.version,o=i.default.createElement("a",{className:u("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},i.default.createElement("span",{className:u("badge-name")},a?"package":"npm"),i.default.createElement("span",{className:u("badge-version")},"v".concat(r))),l=t?i.default.createElement("a",{className:u("badge"),href:t},i.default.createElement("span",{className:u("badge-name")},"github"),i.default.createElement("span",{className:u("badge-version")},"source")):void 0;return i.default.createElement("div",{className:u("badge-container")},o,l)};d.propTypes=c;t.A=d},86159:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(96540)),i=c(n(5556)),r=c(n(67967)),o=c(n(23695)),l=c(n(36605)),u=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var m=r.default.bind(l.default),f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:i.default.string},_=function(e){var t=e.children,n=s(e,u),i=a.default.useContext(o.default),l=(0,r.default)(m(["button",i.className]),n.className);return a.default.createElement("button",d({},n,{type:"button",className:l,onBlur:f,onMouseDown:p,"data-focus-styles-enabled":!0}),t)};_.propTypes=h;t.default=_},20999:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),i=u(n(5556)),r=u(n(67967)),o=u(n(23695)),l=u(n(17269));function u(e){return e&&e.__esModule?e:{default:e}}var c=r.default.bind(l.default),d={ariaLevel:i.default.oneOf(["2","3","4","5","6"]),children:i.default.node,variant:i.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,n=e.variant,i=e.children,r=a.default.useContext(o.default);return a.default.createElement("div",{className:c("notice",n,r.className)},a.default.createElement("div",{className:c("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:c("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:c("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:c("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:c("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:c("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(i,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};s.propTypes=d,s.defaultProps={ariaLevel:"2",variant:"important"};t.default=s},18778:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(96540)),i=d(n(5556)),r=d(n(46942)),o=d(n(67967)),l=d(n(23695)),u=d(n(16576)),c=["title"];function d(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var f=o.default.bind(u.default),p={title:i.default.string},h=function(e){var t=e.title,n=m(e,c),i=a.default.useContext(l.default),o=(0,r.default)(f(["placeholder",i.className]),n.className),u=f(["inner"]);return a.default.createElement("div",s({},n,{className:o}),a.default.createElement("div",{className:u},a.default.createElement("p",{className:f("title")},t)))};h.propTypes=p,h.defaultProps={title:""};t.default=h},74647: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 i.default}});var a=o(n(20999)),i=o(n(18778)),r=o(n(86159));function o(e){return e&&e.__esModule?e:{default:e}}},91870:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});var a=n(58168),i=n(53986),r=(n(96540),n(36665)),o=n(31756),l=n(74647),u=n(23195),c=["components"],d={},s="wrapper";function m(e){var t=e.components,n=(0,i.A)(e,c);return(0,r.mdx)(s,(0,a.A)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.E,{mdxType:"Badge"}),(0,r.mdx)("p",null,(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-infinite-list#readme"},(0,r.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,r.mdx)("h1",{id:"terra-infinite-list--sections"},"Terra Infinite List — Sections"),(0,r.mdx)(l.Notice,{variant:"deprecation",mdxType:"Notice"},(0,r.mdx)("p",null,"The terra-infinite-list component has been deprecated and is no longer recommended for use."),(0,r.mdx)("p",null,"From a usability perspective, infinite scrolling is a pattern designed and best used when users are casually looking for or discovering things, like shopping and social media. The infinite scrolling pattern should not be used for ",(0,r.mdx)("a",{parentName:"p",href:"https://www.nngroup.com/articles/infinite-scrolling/"},"goal-oriented tasks"),". Cerner products and our users most often fall into goal-oriented workflows. Users should have proper navigation methods (pagination) to navigate to predetermined points within the content easily."),(0,r.mdx)("p",null,"Infinite scrolling also poses significant accessibility challenges for multiple user groups:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Keyboard-only users have to navigate the entire infinite scroll to get to the content below or to the side of the endless loading content. This creates a very time-consuming and unnecessary burden for the keyboard-only user."),(0,r.mdx)("li",{parentName:"ul"},"Screen reader users would have the same problem even though they have more ways to navigate content on the page. When content is dynamically loaded and not within the DOM, screen reader users won't have access to any of that content which poses more significant challenges than just navigating."),(0,r.mdx)("li",{parentName:"ul"},"Focus can be lost when new content loads. Unless focus is managed, sighted keyboard-only users will have difficulties finding where they are on the page."),(0,r.mdx)("li",{parentName:"ul"},"For data with hierarchical relationships, infinite scrolling can make it difficult for screen readers to effectively communicate the required context if related content is split between loaded and unloaded content.")),(0,r.mdx)("p",null,"The ",(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/paginator/paginator"},"terra-paginator")," should be considered as an alternative approach to paging large amounts of data.")),(0,r.mdx)("p",null,"To achieve sections within the InfiniteList the only supported implementation is directly consuming the static variant of the ",(0,r.mdx)("inlineCode",{parentName:"p"},"SectionHeader")," component. Expand/collapse functionality is not supported within the infinite list. "),(0,r.mdx)("h2",{id:"map-section-structure"},"Map Section Structure"),(0,r.mdx)("p",null,"So in our first step a ",(0,r.mdx)("inlineCode",{parentName:"p"},"SectionHeader")," needs to be created for each associated section. We'll add it to the initialization of an array that will be expanded in the following steps."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"}," const createSection = (sectionData) => {\n const section = [\n ,\n ];\n return section;\n };\n")),(0,r.mdx)("p",null,"Next we'll create an array with the first item being our section header, and then loop through the associated child items for the section appending them to the initial array."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"}," const createSection = (sectionData) => {\n const section = [\n ,\n ];\n sectionData.childItems.forEach(childItem => section.push(createListItem(childItem)));\n return section;\n };\n")),(0,r.mdx)("h2",{id:"unpack-data"},"Unpack Data"),(0,r.mdx)("p",null,"We can then implement the unpack of our data into our list items."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"const createListItem = itemData => (\n \n \n \n);\n\nconst createSections = data => data.map(section => createSection(section));\n")),(0,r.mdx)("p",null,"Then we can implement a method to loop through our data and create the section with our methods and call it from our render method."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'const InfiniteListSection = () => (\n \n \n {createSections(mockData)}\n \n \n);\n')),(0,r.mdx)("p",null,"Using these steps we get the following example:"),(0,r.mdx)("h2",{id:"example"},"Example"),(0,r.mdx)(u.A,{title:"Sections Header Infinite List",mdxType:"InfiniteListSection"}))}m.isMDXComponent=!0},31756:function(e,t,n){n.d(t,{E:function(){return r}});var a=n(96540),i=n(55713),r=function(e){var t=e.url;return a.createElement(i.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-infinite-list",name:"terra-infinite-list",version:"3.43.0",url:t})}},39185:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=a(n(96540)),r=a(n(67967)),o=a(n(92973)),l=r.default.bind(o.default);t.default=function(e){var t=e.children;return i.default.createElement("div",{className:l("main-content")},t)}},23195:function(e,t,n){var a=n(24994),i=n(73738);t.A=void 0;var r=a(n(96540)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var l=r?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(47275)),l=n(74647),u=a(n(67967)),c=a(n(12108)),d=a(n(39185)),s=a(n(92973));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 f=u.default.bind(s.default),p=function(e){var t=[r.default.createElement(o.SectionHeader,{key:e.key,title:e.title})];return e.childItems.forEach((function(e){return t.push((n=e,r.default.createElement(o.Item,{key:n.key},r.default.createElement(l.Placeholder,{title:n.title,className:f("placeholder")}))));var n})),t};t.A=function(){return r.default.createElement(d.default,null,r.default.createElement(o.default,{dividerStyle:"standard",isFinishedLoading:!0,ariaLabel:"Section"},c.default.map((function(e){return p(e)}))))}},12108:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=[{title:"Section 0",key:"unique-key-0",childItems:[{title:"Item 0-0",key:"unique-0-0"},{title:"Item 0-1",key:"unique-0-1"},{title:"Item 0-2",key:"unique-0-2"},{title:"Item 0-3",key:"unique-0-3"},{title:"Item 0-4",key:"unique-0-4"},{title:"Item 0-5",key:"unique-0-5"}]},{title:"Section 1",key:"unique-key-1",childItems:[{title:"Item 1-0",key:"unique-1-0"},{title:"Item 1-1",key:"unique-1-1"},{title:"Item 1-2",key:"unique-1-2"},{title:"Item 1-3",key:"unique-1-3"},{title:"Item 1-4",key:"unique-1-4"},{title:"Item 1-5",key:"unique-1-5"}]},{title:"Section 2",key:"unique-key-2",childItems:[{title:"Item 3-0",key:"unique-3-0"},{title:"Item 3-1",key:"unique-3-1"},{title:"Item 3-2",key:"unique-3-2"},{title:"Item 3-3",key:"unique-3-3"},{title:"Item 3-4",key:"unique-3-4"},{title:"Item 3-5",key:"unique-3-5"}]},{title:"Section 4",key:"unique-key-4",childItems:[{title:"Item 4-0",key:"unique-4-0"},{title:"Item 4-1",key:"unique-4-1"},{title:"Item 4-2",key:"unique-4-2"},{title:"Item 4-3",key:"unique-4-3"},{title:"Item 4-4",key:"unique-4-4"},{title:"Item 4-5",key:"unique-4-5"}]}]},25642: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"}},36605: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"}},17269: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"}},16576: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"}},92973:function(e,t,n){n.r(t),t.default={placeholder:"InfiniteListDocExampleCommon-module__placeholder___+p5qG","item-content":"InfiniteListDocExampleCommon-module__item-content___wVR4Q","main-content":"InfiniteListDocExampleCommon-module__main-content___b5X2e"}},58168:function(e,t,n){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}n.d(t,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/38795-df836c567aa2b7bb3640.css b/38795-df836c567aa2b7bb3640.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/38795-df836c567aa2b7bb3640.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/38795-df836c567aa2b7bb3640.js b/38795-df836c567aa2b7bb3640.js new file mode 100644 index 0000000000..42546547fa --- /dev/null +++ b/38795-df836c567aa2b7bb3640.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[38795],{55713:function(e,a,n){var d=n(24994);a.A=void 0;var r=d(n(96540)),l=d(n(5556)),m=d(n(67967)),t=d(n(25642)),i=m.default.bind(t.default),o={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},p=function(e){var a=e.src,n=e.name,d=e.url,l=e.version,m=r.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),r.default.createElement("span",{className:i("badge-version")},"v".concat(l))),t=a?r.default.createElement("a",{className:i("badge"),href:a},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")},m,t)};p.propTypes=o;a.A=p},38795:function(e,a,n){n.r(a),n.d(a,{default:function(){return p}});var d=n(58168),r=n(53986),l=(n(96540),n(36665)),m=n(20574),t=["components"],i={},o="wrapper";function p(e){var a=e.components,n=(0,r.A)(e,t);return(0,l.mdx)(o,(0,d.A)({},i,n,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(m.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-table-upgrade-guide"},"Terra Table Upgrade Guide"),(0,l.mdx)("h2",{id:"changes-from-4x-to-50"},"Changes from 4.x to 5.0"),(0,l.mdx)("p",null,"The latest changes in the Table component reflects the Terra Accessibility initiative. The new version reflects an implementation to make components more accessible."),(0,l.mdx)("h2",{id:"new-props"},"New Props"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"id")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"rows")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"sections")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"ariaLabelledBy")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"ariaLabel")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"columnResizeIncrement")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"pinnedColumns")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"overflowColumns")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"defaultColumnWidth")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"columnHeaderHeight")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"rowHeight")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"rowHeaderIndex")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"onColumnResize")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"onRowSelect")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"onColumnSelect")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"onSectionSelect")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"onRowSelectionHeaderSelect")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"rowSelectionMode")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"hasVisibleColumnHeaders")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"isStriped")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/table/about"},"Column API")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/table/about"},"Section API")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/table/about"},"Row API")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/table/about"},"Cell API")),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/table/about"},"Table Constants"))),(0,l.mdx)("h2",{id:"removed-props"},"Removed Props"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"bodyData")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"checkStyle")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"dividerStyle")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"columnWidths")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"hasChevrons")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"headerData")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"headerNode")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"fill")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"footerNode")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"numberOfColumns")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"numberOfRows")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"cellPaddingStyle")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"rowStyle")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"scrollRefCallback")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"showSimpleFooter")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"summary")),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"summaryId"))))}p.isMDXComponent=!0},20574:function(e,a,n){n.d(a,{E:function(){return l}});var d=n(96540),r=n(55713),l=function(e){var a=e.url;return d.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.24.0",url:a})}},25642: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"}},58168:function(e,a,n){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;n[d]=e[d]}return n}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(a,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/41484-781f31fcdac9cce81499.css b/41484-781f31fcdac9cce81499.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/41484-781f31fcdac9cce81499.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/41484-781f31fcdac9cce81499.js b/41484-781f31fcdac9cce81499.js new file mode 100644 index 0000000000..98bc77a43d --- /dev/null +++ b/41484-781f31fcdac9cce81499.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[41484],{55713:function(e,n,a){var r=a(24994);n.A=void 0;var l=r(a(96540)),m=r(a(5556)),d=r(a(67967)),i=r(a(25642)),u=d.default.bind(i.default),t={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},p=function(e){var n=e.src,a=e.name,r=e.url,m=e.version,d=l.default.createElement("a",{className:u("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(m)},l.default.createElement("span",{className:u("badge-name")},r?"package":"npm"),l.default.createElement("span",{className:u("badge-version")},"v".concat(m))),i=n?l.default.createElement("a",{className:u("badge"),href:n},l.default.createElement("span",{className:u("badge-name")},"github"),l.default.createElement("span",{className:u("badge-version")},"source")):void 0;return l.default.createElement("div",{className:u("badge-container")},d,i)};p.propTypes=t;n.A=p},41484:function(e,n,a){a.r(n),a.d(n,{default:function(){return s}});var r=a(58168),l=a(53986),m=(a(96540),a(36665)),d=a(36060),i=["components"],u={},t="wrapper";function p(e){var n=e.components,a=(0,l.A)(e,i);return(0,m.mdx)(t,(0,r.A)({},u,a,{components:n,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"1210---may-20-2024"},"1.21.0 - (May 20, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1200---may-14-2024"},"1.20.0 - (May 14, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1190---may-8-2024"},"1.19.0 - (May 8, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1180---may-1-2024"},"1.18.0 - (May 1, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1170---april-23-2024"},"1.17.0 - (April 23, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1160---april-18-2024"},"1.16.0 - (April 18, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1150---april-17-2024"},"1.15.0 - (April 17, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1140---april-4-2024"},"1.14.0 - (April 4, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1130---march-25-2024"},"1.13.0 - (March 25, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1120---march-19-2024"},"1.12.0 - (March 19, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1110---march-14-2024"},"1.11.0 - (March 14, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"1100---march-8-2024"},"1.10.0 - (March 8, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"190---march-5-2024"},"1.9.0 - (March 5, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"180---march-1-2024"},"1.8.0 - (March 1, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"170---february-28-2024"},"1.7.0 - (February 28, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"160---february-7-2024"},"1.6.0 - (February 7, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"150---january-22-2024"},"1.5.0 - (January 22, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"140---january-10-2024"},"1.4.0 - (January 10, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"130---december-18-2023"},"1.3.0 - (December 18, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"New stylings for the focus indicator."),(0,m.mdx)("li",{parentName:"ul"},"Support for screen readers, now announces that it is the file path component and which location you are currently at.")))),(0,m.mdx)("h2",{id:"120---december-11-2023"},"1.2.0 - (December 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"110---november-23-2023"},"1.1.0 - (November 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"101---november-9-2023"},"1.0.1 - (November 9, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.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,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed an issue where ",(0,m.mdx)("inlineCode",{parentName:"li"},"iconText")," was used instead of ",(0,m.mdx)("inlineCode",{parentName:"li"},"menuIconText"),".")))),(0,m.mdx)("h2",{id:"100---october-25-2023"},"1.0.0 - (October 25, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Initial working component release.")),(0,m.mdx)("h2",{id:"030---october-17-2023"},"0.3.0 - (October 17, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Initial package release.")))}p.isMDXComponent=!0;var o=["components"],x={},c="wrapper";function s(e){var n=e.components,a=(0,l.A)(e,o);return(0,m.mdx)(c,(0,r.A)({},x,a,{components:n,mdxType:"MDXLayout"}),(0,m.mdx)(d.E,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},36060:function(e,n,a){a.d(n,{E:function(){return m}});var r=a(96540),l=a(55713),m=function(e){var n=e.url;return r.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-file-path",name:"terra-file-path",version:"1.21.0",url:n})}},25642: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"}},58168:function(e,n,a){function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;a[r]=e[r]}return a}(e,n);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}a.d(n,{A:function(){return r}})}}]); \ No newline at end of file diff --git a/4342-a32960003a2f751c2481.css b/4342-a32960003a2f751c2481.css new file mode 100644 index 0000000000..fd24fb5c84 --- /dev/null +++ b/4342-a32960003a2f751c2481.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.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/4342-a32960003a2f751c2481.js b/4342-a32960003a2f751c2481.js new file mode 100644 index 0000000000..c2a0915eb0 --- /dev/null +++ b/4342-a32960003a2f751c2481.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[4342],{201:function(e,t,a){var n=a(24994),l=a(73738);t.A=void 0;var r=n(a(85715)),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={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&{}.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(96540)),m=n(a(5556)),i=n(a(67967)),o=a(92912),s=n(a(49558)),p=n(a(53665)),u=a(25966),c=n(a(89986));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),g={example:m.default.element,exampleSrc:m.default.element,exampleCssSrc:m.default.element,title:m.default.string,description:m.default.node,isExpanded:m.default.bool},N=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y=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),g=x[0],y=x[1],b=(0,d.useState)(!1),w=(0,r.default)(b,2),_=w[0],T=w[1],k=d.default.useContext(o.ThemeContext),C=void 0!==n,v=function(){T(!_),g&&y(!g)},R=function(){y(!g),_&&T(!_)},D=function(e,t){e.nativeEvent.keyCode!==u.KEY_SPACE&&e.nativeEvent.keyCode!==u.KEY_RETURN||(e.preventDefault(),t())};return d.default.createElement("div",{className:f("template",k.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")},C&&d.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":_}),onClick:v,onKeyDown:function(e){return D(e,v)},onBlur:N,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(s.default,{className:f("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(p.default,{className:f("chevron")})),d.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":g}),onClick:R,onKeyDown:function(e){return D(e,R)},onBlur:N,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(s.default,{className:f("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(p.default,{className:f("chevron")}))):null,d.default.createElement("div",null,_&&d.default.createElement("div",{className:f("css")},n),g&&d.default.createElement("div",{className:f("code")},a))))};y.propTypes=g,y.defaultProps={isExpanded:!1};t.A=y},86159:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(96540)),l=o(a(5556)),r=o(a(67967)),d=o(a(23695)),m=o(a(36605)),i=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var u=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")},f={children:l.default.string},g=function(e){var t=e.children,a=p(e,i),l=n.default.useContext(d.default),m=(0,r.default)(u(["button",l.className]),a.className);return n.default.createElement("button",s({},a,{type:"button",className:m,onBlur:c,onMouseDown:x,"data-focus-styles-enabled":!0}),t)};g.propTypes=f;t.default=g},20999:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(a(96540)),l=i(a(5556)),r=i(a(67967)),d=i(a(23695)),m=i(a(17269));function i(e){return e&&e.__esModule?e:{default:e}}var o=r.default.bind(m.default),s={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"])},p=function(e){var t=e.ariaLevel,a=e.variant,l=e.children,r=n.default.useContext(d.default);return n.default.createElement("div",{className:o("notice",a,r.className)},n.default.createElement("div",{className:o("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:o("title"),"aria-level":t},n.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"}(a))),n.default.createElement("div",{className:o("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:o("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:o("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:o("list")},n.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),n.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),n.default.createElement("li",null,n.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(a),n.default.Children.map(l,(function(e){return"string"==typeof e?n.default.createElement("p",null,e):e}))))};p.propTypes=s,p.defaultProps={ariaLevel:"2",variant:"important"};t.default=p},18778:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=s(a(96540)),l=s(a(5556)),r=s(a(46942)),d=s(a(67967)),m=s(a(23695)),i=s(a(16576)),o=["title"];function s(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[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var c=d.default.bind(i.default),x={title:l.default.string},f=function(e){var t=e.title,a=u(e,o),l=n.default.useContext(m.default),d=(0,r.default)(c(["placeholder",l.className]),a.className),i=c(["inner"]);return n.default.createElement("div",p({},a,{className:d}),n.default.createElement("div",{className:i},n.default.createElement("p",{className:c("title")},t)))};f.propTypes=x,f.defaultProps={title:""};t.default=f},74647:function(e,t,a){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 n.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var n=d(a(20999)),l=d(a(18778)),r=d(a(86159));function d(e){return e&&e.__esModule?e:{default:e}}},87502:function(e,t,a){a.r(t),a.d(t,{default:function(){return g}});var n=a(58168),l=a(53986),r=(a(96540),a(36665)),d=(a(74647),a(80531)),m=a(12883),i=["components"],o={},s="wrapper";function p(e){var t=e.components,a=(0,l.A)(e,i);return(0,r.mdx)(s,(0,n.A)({},o,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(m.Ay,{mdxType:"PropsTable"},(0,r.mdx)(m.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that identifies the element (or elements) that labels the grid."))),(0,r.mdx)(m.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that labels the grid for accessibility. If ariaLabelledBy is specified, ariaLabel will not be used."))),(0,r.mdx)(m.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"id"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(m.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that will be used to identify the Grid. If multiple grids are on the same page, each grid should have\na unique id."))),(0,r.mdx)(m.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"rows"),(0,r.mdx)(m.$d,{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)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Data for content in the body of the Grid. Rows will be rendered in the order given."))),(0,r.mdx)(m.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"pinnedColumns"),(0,r.mdx)(m.$d,{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)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Data for pinned columns. Pinned columns are the stickied leftmost columns of the grid.\nColumns are rendered in the order in which they are provided."))),(0,r.mdx)(m.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"overflowColumns"),(0,r.mdx)(m.$d,{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)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Data for overflow columns. Overflow columns are rendered in the Worklist Data Grid's horizontal overflow.\nColumns are rendered in the order in which they are provided."))),(0,r.mdx)(m.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"defaultColumnWidth"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"200\n"))),(0,r.mdx)(m.Hd,{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)(m.fI,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"columnHeaderHeight"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2.5rem'\n"))),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that specifies the column height. Any valid CSS height value is accepted."))),(0,r.mdx)(m.fI,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"rowHeight"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2.5rem'\n"))),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that specifies the height for the rows in the grid. Any valid CSS value is accepted."))),(0,r.mdx)(m.fI,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"rowHeaderIndex"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"0\n"))),(0,r.mdx)(m.Hd,{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 grid."))),(0,r.mdx)(m.fI,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"onColumnResize"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{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)(m.fI,{key:"ROW12",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"onCellSelect"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function that is called when a selectable cell is selected. Parameters:\n@param {string} rowId rowId\n@param {string} columnId columnId\n@param {object} event event"))),(0,r.mdx)(m.fI,{key:"ROW13",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"onRowSelect"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function that is called when one or more rows are selected or unselected. Parameters:\n@param {arrayOf({string, boolean})} rowsToSelectAndUnSelect rowsToSelectAndUnSelect"))),(0,r.mdx)(m.fI,{key:"ROW14",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"onRowSelectAll"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function that is called when all rows are selected. Parameters: none."))),(0,r.mdx)(m.fI,{key:"ROW15",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"onColumnSelect"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{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)(m.fI,{key:"ROW16",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"onClearSelectedRows"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function that is called when all selected rows need to be unselected. Parameters: none."))),(0,r.mdx)(m.fI,{key:"ROW17",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"onClearSelectedCells"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function that is called when all selected cells need to be unselected. Parameters: none."))),(0,r.mdx)(m.fI,{key:"ROW18",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"onDisableSelectableRows"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function that is called when no row is selected and the row selection mode needs to be disabled. Parameters: none."))),(0,r.mdx)(m.fI,{key:"ROW19",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"onEnableRowSelection"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function to enable row selection mode. Parameters: ",(0,r.mdx)("inlineCode",{parentName:"p"},"none")))),(0,r.mdx)(m.fI,{key:"ROW20",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"hasSelectableRows"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Boolean indicating whether or not the Worklist Data Grid should allow entire rows to be selectable. An additional column will be\nrendered to allow for row selection to occur."))),(0,r.mdx)(m.fI,{key:"ROW21",mdxType:"Row"},(0,r.mdx)(m.dt,{mdxType:"PropNameCell"},"isAutoFocusEnabled"),(0,r.mdx)(m.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Determines if focus is moved to the interactive element of a cell when a single button or hyperlink element is the only interactive element.")))))}p.isMDXComponent=!0;var u=a(84650),c=["components"],x={},f="wrapper";function g(e){var t=e.components,a=(0,l.A)(e,c);return(0,r.mdx)(f,(0,n.A)({},x,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(d.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-worklist-data-grid"},"Terra Worklist Data Grid"),(0,r.mdx)("h2",{id:"table-of-contents"},"Table of Contents"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Overview")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Design Decisions")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Examples")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Accessibility")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Implementation")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Terra Standards")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Properties"))),(0,r.mdx)("h2",{id:"overview"},"Overview"),(0,r.mdx)("p",null,"The Worklist Data Grid is an ",(0,r.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/grid/"},"accessible grid")," component that allows the user to display data in a table-like structure of rows and columns."),(0,r.mdx)("p",null,"The Worklist Data Grid displays a header row and one or more rows of data.\nThe component contains only one tab stop with the arrow keys used for primary navigation.\nSee ",(0,r.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"keyboard interactions")," for all supported keys.\nOther key features of the component are listed in the ",(0,r.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Features")," section."),(0,r.mdx)(u.A,{title:"Basic Worklist Data Grid",mdxType:"BasicWorklistDataGrid"}),(0,r.mdx)("h3",{id:"features"},"Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/basic-worklist-data-grid"},"Navigation")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/basic-worklist-data-grid"},"Masked Cells")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/cell-selection"},"Cell selection")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/row-selection"},"Row selection")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/pinned-columns"},"Pinned columns")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/worklist-data-grid-column-states"},"Column Sorting")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/worklist-data-grid-column-states"},"Column Error States")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/worklist-data-grid-focusable-cell"},"Single Cell Navigation (Dive-In)"))),(0,r.mdx)("p",null,"Refer to the ",(0,r.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"examples")," section for detailed demonstration of the features supported by the Worklist Data Grid."),(0,r.mdx)("h2",{id:"design-decisions"},"Design Decisions"),(0,r.mdx)("p",null,"The Worklist Data Grid supports the ",(0,r.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/grid/"},"grid pattern")," as documented by the ARIA Authoring Practices Guide."),(0,r.mdx)("p",null,"The Worklist Data Grid:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Supports only one tab stop. When tabbing into the Worklist Data Grid, focus will either go to the last visited cell, or the first cell upon initial entry.\nWhile on the Worklist Data Grid, ",(0,r.mdx)("inlineCode",{parentName:"li"},"Tab")," or ",(0,r.mdx)("inlineCode",{parentName:"li"},"Shift+Tab")," will exit the Worklist Data Grid."),(0,r.mdx)("li",{parentName:"ul"},"Does not maintain consumer data state. The state must be maintained by the consumer."),(0,r.mdx)("li",{parentName:"ul"},"Uses callbacks to communicate the actions taken by the user.\nThe callbacks are provided by the consumer and therefore the implementation is consumer specific.\nIt is up to the consumer to determine if and what actions should be taken.\nFor example, the user may click on a selectable cell in the Worklist Data Grid which calls the ",(0,r.mdx)("em",{parentName:"li"},"onCellSelect")," callback.\nFor business reasons, the consumer may decide not to honor that cell selection and instead does nothing resulting in the the cell not getting selected in the Worklist Data Grid."),(0,r.mdx)("li",{parentName:"ul"},"Supports single column sorting with the ability to specify multiple columns as sortable."),(0,r.mdx)("li",{parentName:"ul"},"Does not support multi-cell selection."),(0,r.mdx)("li",{parentName:"ul"},"Supports multi-row selection.")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(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},"Link to Example"),(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)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/basic-worklist-data-grid"},"BasicWorklistDataGrid")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example of the Worklist Data Grid with basic keyboard interactions.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/cell-selection"},"CellSelection")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example demonstrating the ability to select a cell.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/row-selection"},"RowSelection")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example demonstrating row centric interactions.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/worklist-data-grid-column-states"},"WorklistDataGridColumnStates")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example demonstrating column state and interactions.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/pinned-columns"},"PinnedColumns")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example demonstrating ",(0,r.mdx)("em",{parentName:"td"},"pinned")," columns (stickied leftmost columns) and ",(0,r.mdx)("em",{parentName:"td"},"overflow")," columns.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/pinned-columns-with-row-selection"},"PinnedColumnsWithRowSelection")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example demonstrating row centric interactions when some columns are pinned.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/worklist-data-grid-focusable-cell"},"WorklistDataGridFocusableCell")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example demonstrating focus trapped within a cell (",(0,r.mdx)("em",{parentName:"td"},"dive in mode"),").")))),(0,r.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,r.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(0,r.mdx)("p",null,"List of keyboard interactions supported by Worklist Data Grid is similar to the ",(0,r.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/grid/"},"keyboard interactions for data grids")," as outlined by the ARIA Authoring Practices Guide (APG)."),(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},"Key interactions"),(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},"Up Arrow"),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves focus one cell up. If focus is on the top cell in the column, focus does not move.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Down Arrow"),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves focus one cell down. If focus is on the bottom cell in the column, focus does not move.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Right Arrow"),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves focus one cell to the right. If focus is on the right-most cell in the row, focus does not move.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Left Arrow"),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves focus one cell to the left. If focus is on the left-most cell in the row, focus does not move.")),(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 cell in the row that contains focus.")),(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 cell in the row that contains focus.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Control + Home (Windows) ",(0,r.mdx)("br",null)," or ",(0,r.mdx)("br",null)," Ctrl + Command + Left Arrow (Mac)"),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves focus to the first cell in the first non header row.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Control + End (Windows) ",(0,r.mdx)("br",null)," or ",(0,r.mdx)("br",null)," Ctrl + Command + Right Arrow (Mac)"),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves focus to the last cell in the last row.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Tab"),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves focus out of the grid to the next focusable element in the tab sequence. If grid navigation is disabled thereby trapping focusing within a single grid cell, tab moves focus circularly amongst the focusable elements within the grid cell where focus is trapped.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Shift + Tab"),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves focus out of the grid to the previous focusable element in the tab sequence. If grid navigation is disabled thereby trapping focusing within a single grid cell, tab moves focus circularly amongst the focusable elements within the grid cell where focus is trapped.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Space"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the focused cell when row selection mode is off or Selects the focused row when row selection mode is on.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Enter"),(0,r.mdx)("td",{parentName:"tr",align:null},"Disables grid navigation and allows navigation within the focused cell. If the cell contains focusable content, focus will move to the first focusable element in the cell. Pressing Escape will restore grid navigation.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Escape"),(0,r.mdx)("td",{parentName:"tr",align:null},"When grid navigation is on, escape removes the cell selection.",(0,r.mdx)("br",null)," When grid navigation is off, escape restores the grid navigation.",(0,r.mdx)("br",null)," When row selection is on, and there are rows selected, escape unselects all selected rows.",(0,r.mdx)("br",null)," When row selection is on, and there are no rows selected, escape turns off row selection mode.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Control + A"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects all Rows.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Shift + Up"),(0,r.mdx)("td",{parentName:"tr",align:null},"Extends selection one row up. The selection does not extend beyond the first non-header row. If Row Selection Mode is off, it will be turned on.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Shift + Down"),(0,r.mdx)("td",{parentName:"tr",align:null},"Extends selection one row down. The selection does not extend beyond the last row. If Row Selection Mode is off, it will be turned on.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Shift + Space"),(0,r.mdx)("td",{parentName:"tr",align:null},"Shift + Space: Extends row selection to the currently focus row or selects the focused row. Row selection will be extended from the last individually selected row or the starting row of the previously selected range. If neither exists, the focused row will be selected. If Row Selection Mode is off, it will be turned on.")))),(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"},"Worklist Data Grid"),": When the ",(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/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/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/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"},"Worklist Data Grid"),": When the ",(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/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:"implementation"},"Implementation"),(0,r.mdx)("h3",{id:"installation"},"Installation"),(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-data-grid"))))),(0,r.mdx)("h3",{id:"dependencies"},"Dependencies"),(0,r.mdx)("h4",{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:"properties"},"Properties"),(0,r.mdx)("h3",{id:"worklist-data-grid-props-table"},"Worklist Data Grid Props Table"),(0,r.mdx)(p,{mdxType:"WorklistDataGridPropsTable"}),(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"},"action")),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(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},"Object containing label and onClick properties for column action button, which will be displayed in an additional row below the column header row.")),(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:"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"},"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},"A boolean indicating if the cell is selectable.")),(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 if the cell is selected.")))),(0,r.mdx)("h2",{id:"terra-standards"},"Terra Standards"),(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"))))}g.isMDXComponent=!0},84650:function(e,t,a){a.d(t,{A:function(){return u}});var n=a(96540),l=a(80289),r=a(58168),d=a(53986),m=a(36665),i=["components"],o={};function s(e){var t=e.components,a=(0,d.A)(e,i);return(0,m.mdx)("wrapper",(0,r.A)({},o,a,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { WorklistDataGrid } from 'terra-data-grid';\n\nconst gridDataJSON = {\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 { id: 'Column-10', displayName: 'Not Selectable', isSelectable: false },\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 { content: '', isSelectable: false },\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 { content: '', isSelectable: false },\n ],\n },\n ],\n};\n\nconst BasicWorklistDataGrid = () => {\n const rowHeaderIndex = 0;\n const { cols, rows } = gridDataJSON;\n\n return (\n \n );\n};\n\nexport default BasicWorklistDataGrid;\n\n")))}s.isMDXComponent=!0;var p=a(201),u=function(e){var t=e.title,a=e.description,r=e.isExpanded;return n.createElement(p.A,{title:t||"Basic Worklist Data Grid",description:a,example:n.createElement(l.A,null),exampleSrc:n.createElement(s,null),isExpanded:r})}},80531:function(e,t,a){a.d(t,{E:function(){return r}});var n=a(96540),l=a(55713),r=function(e){var t=e.url;return n.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-data-grid",name:"terra-data-grid",version:"1.32.0",url:t})}},80289:function(e,t,a){var n=a(24994);t.A=void 0;var l=n(a(96540)),r=a(45663),d=[{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}],m=[{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",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}]}];t.A=function(){var e=d,t=m;return l.default.createElement(r.WorklistDataGrid,{id:"default-terra-worklist-data-grid",overflowColumns:e,rows:t,rowHeaderIndex:0,ariaLabel:"Worklist Data Grid"})}},89986: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"}},36605:function(e,t,a){a.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"}},17269:function(e,t,a){a.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"}},16576:function(e,t,a){a.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/43912-a2d6b513eef937616c62.css b/43912-a2d6b513eef937616c62.css new file mode 100644 index 0000000000..9cd4cd4dcc --- /dev/null +++ b/43912-a2d6b513eef937616c62.css @@ -0,0 +1,7 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.CompactInteractiveList-module__compact-interactive-list-container___4CKB8{height:auto;overflow:auto}.CompactInteractiveList-module__compact-interactive-list-container___4CKB8>*{box-sizing:border-box}.CompactInteractiveList-module__compact-interactive-list___6V8b0{display:flex;flex-wrap:wrap}.CompactInteractiveList-module__hidden___j8EXv{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .CompactInteractiveList-module__hidden___j8EXv{border:0;margin:-1px;padding:0} +.Row-module__orion-fusion-theme___XaSgO{--terra-compact-interactive-list-row-background-color: #fefffe;--terra-compact-interactive-list-row-border-top: 1px solid #c8cacb;--terra-compact-interactive-list-row-border-bottom: 1px solid #c8cacb;--terra-compact-interactive-list-row-border-left: 1px solid #c8cacb;--terra-compact-interactive-list-row-border-right: 1px solid #c8cacb}.Row-module__clinical-lowlight-theme___g9xrM{--terra-compact-interactive-list-row-background-color: #2d3539;--terra-compact-interactive-list-row-border-bottom: 1px solid #181b1d;--terra-compact-interactive-list-row-border-right: 1px solid #181b1d;--terra-compact-interactive-list-row-border-left: 1px solid #181b1d;--terra-compact-interactive-list-row-border-top: 1px solid #181b1d}.Row-module__row___unLq8{box-sizing:border-box;display:flex;position:relative}[dir] .Row-module__row___unLq8:not(.Row-module__row-placeholder___8Qgux):not(.Row-module__borderless___0OYrQ){background-color:#fefffe;background-color:var(--terra-compact-interactive-list-row-background-color, #fefffe);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-compact-interactive-list-row-border-bottom, 1px solid #dedfe0)}[dir=ltr] .Row-module__row___unLq8:not(.Row-module__row-placeholder___8Qgux):not(.Row-module__borderless___0OYrQ){border-right:1px solid #dedfe0;border-right:var(--terra-compact-interactive-list-row-border-right, 1px solid #dedfe0)}[dir=rtl] .Row-module__row___unLq8:not(.Row-module__row-placeholder___8Qgux):not(.Row-module__borderless___0OYrQ){border-left:1px solid #dedfe0;border-left:var(--terra-compact-interactive-list-row-border-right, 1px solid #dedfe0)}[dir] .Row-module__row-topmost___amEYj:not(.Row-module__row-placeholder___8Qgux):not(.Row-module__borderless___0OYrQ){border-top:1px solid #dedfe0;border-top:var(--terra-compact-interactive-list-row-border-top, 1px solid #dedfe0)}[dir=ltr] .Row-module__row-leftmost___eg6wv:not(.Row-module__row-placeholder___8Qgux):not(.Row-module__borderless___0OYrQ){border-left:1px solid #dedfe0;border-left:var(--terra-compact-interactive-list-row-border-left, 1px solid #dedfe0)}[dir=rtl] .Row-module__row-leftmost___eg6wv:not(.Row-module__row-placeholder___8Qgux):not(.Row-module__borderless___0OYrQ){border-right:1px solid #dedfe0;border-right:var(--terra-compact-interactive-list-row-border-left, 1px solid #dedfe0)} +.Cell-module__orion-fusion-theme___uo8WT{--terra-compact-interactive-list-hover-background-color: #e0f2fb;--terra-compact-interactive-list-cell-selected-background-color: #cbe7fa;--terra-compact-interactive-list-cell-focus-outline: none;--terra-compact-interactive-list-cell-focus-box-shadow: inset 0 0 1px 3px rgba(76, 178, 233, 0.5), inset 0 0 7px 4px rgba(76, 178, 233, 0.35)}.Cell-module__clinical-lowlight-theme___kP6Ic{--terra-compact-interactive-list-hover-background-color: #25282a;--terra-compact-interactive-list-cell-selected-background-color: #1e3a49;--terra-compact-interactive-list-cell-focus-outline: 3px dashed #fff;--terra-compact-interactive-list-cell-focus-outline-offset: -4px;--terra-compact-interactive-list-cell-focus-box-shadow: none}.Cell-module__cell___nK0EW{align-items:center;display:flex;overflow:hidden;position:relative}[dir] .Cell-module__cell___nK0EW{padding:7px;padding:var(--terra-compact-interactive-list-cell-content-padding, 7px)}.Cell-module__cell___nK0EW:focus{outline:3px dashed #000;outline:var(--terra-compact-interactive-list-cell-focus-outline, 3px dashed #000);outline-offset:-4px;outline-offset:var(--terra-compact-interactive-list-cell-focus-outline-offset, -4px)}[dir] .Cell-module__cell___nK0EW:focus{box-shadow:none;box-shadow:var(--terra-compact-interactive-list-cell-focus-box-shadow, none)}[dir] .Cell-module__selectable___mkPlP:hover{background-color:#e0f2fb;background-color:var(--terra-compact-interactive-list-hover-background-color, #e0f2fb);cursor:pointer}[dir] .Cell-module__selected___DZkcX{background-color:#cbe7fa;background-color:var(--terra-compact-interactive-list-cell-selected-background-color, #cbe7fa)} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/43912-a2d6b513eef937616c62.js b/43912-a2d6b513eef937616c62.js new file mode 100644 index 0000000000..30c138cd6d --- /dev/null +++ b/43912-a2d6b513eef937616c62.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[43912],{201:function(e,t,a){var n=a(24994),l=a(73738);t.A=void 0;var r=n(a(85715)),m=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={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&{}.hasOwnProperty.call(e,m)){var i=r?Object.getOwnPropertyDescriptor(e,m):null;i&&(i.get||i.set)?Object.defineProperty(n,m,i):n[m]=e[m]}return n.default=e,a&&a.set(e,n),n}(a(96540)),i=n(a(5556)),d=n(a(67967)),o=a(92912),c=n(a(49558)),s=n(a(53665)),p=a(25966),u=n(a(89986));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=d.default.bind(u.default),h={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},N=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y=function(e){var t=e.example,a=e.exampleSrc,n=e.exampleCssSrc,l=e.title,i=e.description,d=e.isExpanded,u=(0,m.useState)(d),x=(0,r.default)(u,2),h=x[0],y=x[1],b=(0,m.useState)(!1),v=(0,r.default)(b,2),w=v[0],_=v[1],C=m.default.useContext(o.ThemeContext),T=void 0!==n,R=function(){_(!w),h&&y(!h)},E=function(){y(!h),w&&_(!w)},k=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return m.default.createElement("div",{className:f("template",C.className)},m.default.createElement("div",{className:f("header")},l&&m.default.createElement("h2",{className:f("title")},l)),m.default.createElement("div",{className:f("content")},i&&m.default.createElement("div",{className:f("description")},i),t),m.default.createElement("div",{className:f("footer")},a?m.default.createElement("div",{className:f("button-container")},T&&m.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":w}),onClick:R,onKeyDown:function(e){return k(e,R)},onBlur:N,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},m.default.createElement(c.default,{className:f("chevron")}),m.default.createElement("span",null,"CSS"),m.default.createElement(s.default,{className:f("chevron")})),m.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":h}),onClick:E,onKeyDown:function(e){return k(e,E)},onBlur:N,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},m.default.createElement(c.default,{className:f("chevron")}),m.default.createElement("span",null,"Code"),m.default.createElement(s.default,{className:f("chevron")}))):null,m.default.createElement("div",null,w&&m.default.createElement("div",{className:f("css")},n),h&&m.default.createElement("div",{className:f("code")},a))))};y.propTypes=h,y.defaultProps={isExpanded:!1};t.A=y},86159:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(96540)),l=o(a(5556)),r=o(a(67967)),m=o(a(23695)),i=o(a(36605)),d=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var p=r.default.bind(i.default),u=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:l.default.string},h=function(e){var t=e.children,a=s(e,d),l=n.default.useContext(m.default),i=(0,r.default)(p(["button",l.className]),a.className);return n.default.createElement("button",c({},a,{type:"button",className:i,onBlur:u,onMouseDown:x,"data-focus-styles-enabled":!0}),t)};h.propTypes=f;t.default=h},20999:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),l=d(a(5556)),r=d(a(67967)),m=d(a(23695)),i=d(a(17269));function d(e){return e&&e.__esModule?e:{default:e}}var o=r.default.bind(i.default),c={ariaLevel:l.default.oneOf(["2","3","4","5","6"]),children:l.default.node,variant:l.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,a=e.variant,l=e.children,r=n.default.useContext(m.default);return n.default.createElement("div",{className:o("notice",a,r.className)},n.default.createElement("div",{className:o("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:o("title"),"aria-level":t},n.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"}(a))),n.default.createElement("div",{className:o("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:o("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:o("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:o("list")},n.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),n.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),n.default.createElement("li",null,n.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(a),n.default.Children.map(l,(function(e){return"string"==typeof e?n.default.createElement("p",null,e):e}))))};s.propTypes=c,s.defaultProps={ariaLevel:"2",variant:"important"};t.default=s},18778:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(a(96540)),l=c(a(5556)),r=c(a(46942)),m=c(a(67967)),i=c(a(23695)),d=c(a(16576)),o=["title"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var u=m.default.bind(d.default),x={title:l.default.string},f=function(e){var t=e.title,a=p(e,o),l=n.default.useContext(i.default),m=(0,r.default)(u(["placeholder",l.className]),a.className),d=u(["inner"]);return n.default.createElement("div",s({},a,{className:m}),n.default.createElement("div",{className:d},n.default.createElement("p",{className:u("title")},t)))};f.propTypes=x,f.defaultProps={title:""};t.default=f},74647:function(e,t,a){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 n.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var n=m(a(20999)),l=m(a(18778)),r=m(a(86159));function m(e){return e&&e.__esModule?e:{default:e}}},13060:function(e,t,a){a.r(t),a.d(t,{default:function(){return h}});var n=a(58168),l=a(53986),r=(a(96540),a(36665)),m=a(74647),i=(a(36060),a(55465)),d=a(12883),o=["components"],c={},s="wrapper";function p(e){var t=e.components,a=(0,l.A)(e,o);return(0,r.mdx)(s,(0,n.A)({},c,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(d.Ay,{mdxType:"PropsTable"},(0,r.mdx)(d.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"id"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that will be used to identify the list. If multiple lists are on the same page, each list should have\na unique id."))),(0,r.mdx)(d.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that identifies the element (or elements) that labels the list."))),(0,r.mdx)(d.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that labels the list for accessibility. If ariaLabelledBy is specified, ariaLabel will not be used."))),(0,r.mdx)(d.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"columns"),(0,r.mdx)(d.$d,{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)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Data for columns."))),(0,r.mdx)(d.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"rows"),(0,r.mdx)(d.$d,{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)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Data for rows (list items) content."))),(0,r.mdx)(d.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"rowHeight"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Row height should be a valid css string with height in px, em, or rem units."))),(0,r.mdx)(d.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"numberOfColumns"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"1\n"))),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A number of visual columns. Defaults to 1. Number of visual rows is calculated as the number of items divided by the number of columns, rounded up."))),(0,r.mdx)(d.fI,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"flowHorizontally"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"By default the items go from top to bottom, then break to the next column.\nIf flowHorizontally prop is set to true, items will flow left to right, then break to the next row."))),(0,r.mdx)(d.fI,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"width"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'100%'\n"))),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A string for container's width. Any valid css string. Defaults to '100%'.\nIn case when all the columns has their widths explicitly set to a number, the width of the list will be determined by the width of it's columns unless the flexGrow prop would allow them grow."))),(0,r.mdx)(d.fI,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"onCellSelect"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function that is called when a selectable cell is selected.\nReturns an object with named parameters for rowId and columnId"))),(0,r.mdx)(d.fI,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"onClearSelection"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function that is called when all selected cells need to be unselected. Parameters: none."))),(0,r.mdx)(d.fI,{key:"ROW12",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"columnMinimumWidth"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Columns minimum width should be a valid css string in value in px, em, or rem units."))),(0,r.mdx)(d.fI,{key:"ROW13",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"columnMaximumWidth"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Columns maximum width should be a valid css string in value in px, em, or rem units."))),(0,r.mdx)(d.fI,{key:"ROW14",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"rowHeaderIndex"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,r.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"0\n"))),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A zero-based index indicating which column represents the row header.\nIf there is only one semantic column in the list, the list will have no row headers and the rowHeaderIndex will be ignored."))),(0,r.mdx)(d.fI,{key:"ROW15",mdxType:"Row"},(0,r.mdx)(d.dt,{mdxType:"PropNameCell"},"hasVisibleBorders"),(0,r.mdx)(d.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,r.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A Boolean value indicating whether the visual column borders are displayed.\nSetting the value to false hides the column borders.")))))}p.isMDXComponent=!0;var u=["components"],x={},f="wrapper";function h(e){var t=e.components,a=(0,l.A)(e,u);return(0,r.mdx)(f,(0,n.A)({},x,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"terra-compact-interactive-list"},"Terra Compact Interactive List"),(0,r.mdx)("h2",{id:"table-of-contents"},"Table of Contents"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Overview")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Design Decisions")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Examples")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Accessibility")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Implementation")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Properties")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Terra Standards"))),(0,r.mdx)("h2",{id:"overview"},"Overview"),(0,r.mdx)("p",null,"The Terra Compact Interactive List component provides a way to render a collection of interactive information in a list format that has a single tab stop. You can arrange the list in columns to fit a wide space, and the user can move between them with the arrow keys."),(0,r.mdx)(i.A,{mdxType:"FixedWidthColumns"}),(0,r.mdx)("h3",{id:"features"},"Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Ability to arrange items in columns."),(0,r.mdx)("li",{parentName:"ul"},"Fixed and responsive width columns."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"px"),", ",(0,r.mdx)("inlineCode",{parentName:"li"},"em"),", and ",(0,r.mdx)("inlineCode",{parentName:"li"},"rem")," width units."),(0,r.mdx)("li",{parentName:"ul"},"Vertical and horizontal flow."),(0,r.mdx)("li",{parentName:"ul"},"Minimum and maximum column widths that you can set for all responsive columns or for each column individually."),(0,r.mdx)("li",{parentName:"ul"},"Selectable cells."),(0,r.mdx)("li",{parentName:"ul"},"Interactive elements in cells (one per cell).")),(0,r.mdx)("p",null,"See the ",(0,r.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Examples")," section for detailed demonstrations of the Compact Interactive List component features."),(0,r.mdx)("h2",{id:"design-decisions"},"Design Decisions"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Much like a data grid, Compact Interactive List uses a roving tab stop. When you press ",(0,r.mdx)("strong",{parentName:"li"},"TAB")," to focus the Compact Interactive List component, the last visited cell or the first cell upon initial selection becomes active. Focus is moved between cells using keyboard controls or mouse input.\nIf you press ",(0,r.mdx)("strong",{parentName:"li"},"TAB")," or ",(0,r.mdx)("strong",{parentName:"li"},"SHIFT+TAB")," while the Compact Interactive List component is active, you exit the list."),(0,r.mdx)("li",{parentName:"ul"},"The consumer data state is not maintained. The state must be maintained by the consumer."),(0,r.mdx)("li",{parentName:"ul"},"Callbacks are used to communicate user actions.\nThe callbacks are provided by the consumer; therefore, the implementation is consumer specific.\nThe consumer determines whether actions are performed and what those actions are.\nFor example, the user can select a cell in the Compact Interactive List component, which calls the onCellSelect callback."),(0,r.mdx)("li",{parentName:"ul"},"A single interactive element per cell is supported. If more than one interactive component is placed in a cell, the component will not behave as intended."),(0,r.mdx)("li",{parentName:"ul"},"To maintain simple keyboard controls, interactive elements like text input fields, radio button groups, and sliders are not currently supported.")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(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},"Link to Example"),(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)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/examples/fixed-width-columns"},"FixedWidthColumns")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example of the Compact Interactive List component with fixed width columns.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/examples/responsive-columns"},"ResponsiveColumns")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example of the Compact Interactive List component with responsive text columns.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/examples/scalable-units"},"ScalableUnits")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example of the Compact Interactive List component with width properties set in units relative to the font size.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/examples/flow-direction"},"FlowDirection")),(0,r.mdx)("td",{parentName:"tr",align:null},"Examples of the Compact Interactive List component with vertical and horizontal flow directions.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/examples/number-of-columns"},"NumberOfColumns")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example of the Compact Interactive List component placed inside a main element that uses width breakpoints to dynamically change the number of columns.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/examples/cell-content"},"CellContent")),(0,r.mdx)("td",{parentName:"tr",align:null},"Examples of cell content for the Compact Interactive List component.")))),(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},"UP ARROW"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the cell above the currently active cell. If the top cell of a column is active, the last cell of the previous column is selected. If the top cell of the first column is active, the active cell does not change.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"DOWN ARROW"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the cell below the currently active cell. If the last cell of a column is active, the first cell of the next column is selected. If the last cell of the last column is active, the active cell does not change.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"RIGHT ARROW"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the cell to the right of the currently active cell. If the right-most cell in the visual row is active, the first cell in the next visual row will be selected.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"LEFT ARROW"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the cell to the left of the currently active cell. If the left-most cell in the visual row is active, the last cell in the previous visual row will be selected.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"HOME"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the first cell in the visual row.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"END"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the last cell in the visual row.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"CTRL+HOME (Microsoft Windows) ",(0,r.mdx)("br",null)," or ",(0,r.mdx)("br",null)," CTRL+COMMAND+LEFT ARROW (Apple Mac)"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the first cell in the first row.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"CTRL+END (Microsoft Windows) ",(0,r.mdx)("br",null)," or ",(0,r.mdx)("br",null),"CTRL+COMMAND+RIGHT ARROW (Apple Mac)"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the last cell in the last row.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"TAB"),(0,r.mdx)("td",{parentName:"tr",align:null},"Exits the list and moves to the next selectable element in the tab sequence.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"SHIFT+TAB"),(0,r.mdx)("td",{parentName:"tr",align:null},"Exits the list and moves to the previous selectable element in the tab sequence.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"SPACEBAR"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the active cell. A cell cannot be selected if it contains active elements in it.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"ESC"),(0,r.mdx)("td",{parentName:"tr",align:null},"Removes the cell selection.")))),(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"},"Compact Interactive List"),": When the ",(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"ariaLabel")," property is specified, the screen reader uses the aria-label value as the ",(0,r.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the list."))),(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"},"Compact Interactive List"),": When the ",(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"ariaLabelledBy")," property is specified, the screen reader uses the aria-labelledby value to determine the ",(0,r.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the list."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/rowheader_role"},"rowheader"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("strong",{parentName:"li"},"Compact Interactive List"),": When the ",(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"rowHeaderIndex")," property is provided, the screen reader uses the corresponding cell as the header cell for a row, establishing a relationship between it and the other cells in the same row."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/columnheader_role"},"columnheader"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("strong",{parentName:"li"},"Column"),": When the ",(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"displayedName")," property is specified, the screen reader uses it to define the header information for the semantic column.")))),(0,r.mdx)("h2",{id:"implementation"},"Implementation"),(0,r.mdx)("h3",{id:"installation"},"Installation"),(0,r.mdx)("p",null,"Install with ",(0,r.mdx)("a",{parentName:"p",href:"https://www.npmjs.com/"},"npmjs"),":\n",(0,r.mdx)("inlineCode",{parentName:"p"},"npm install terra-compact-interactive-list")),(0,r.mdx)("h3",{id:"dependencies"},"Dependencies"),(0,r.mdx)("h4",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"Ensure that the following peer dependencies are installed in your application 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)("h3",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import CompactInteractiveList from 'terra-compact-interactive-list';\n")),(0,r.mdx)("h2",{id:"properties"},"Properties"),(0,r.mdx)(m.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,r.mdx)("p",null,"The supported units for width properties are ",(0,r.mdx)("inlineCode",{parentName:"p"},"px"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"em"),", and ",(0,r.mdx)("inlineCode",{parentName:"p"},"rem"),".\nEnsure that the width units are consistent across all the properties in the same component. The width properties are\n",(0,r.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"columnMinimumWidth"),",\n",(0,r.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"columnMaximumWidth"),",\n",(0,r.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"width"),",\n",(0,r.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"minimumWidth"),", and\n",(0,r.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/compact-interactive-list/about"},"maximumWidth"),".\nWidth units that are inconsistent with the rest of the component properties are disregarded.")),(0,r.mdx)("h3",{id:"compact-interactive-list-properties-table"},"Compact Interactive List Properties Table"),(0,r.mdx)(p,{mdxType:"CompactInteractiveListPropsTable"}),(0,r.mdx)("h3",{id:"column"},"Column"),(0,r.mdx)("p",null,"A column specifies the information to render cells in the columns."),(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},"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 in the list.")),(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},(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},"A string of text that screen readers read when the column context changes.")),(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},"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 valid CSS string. If omitted, the column becomes responsive. ",(0,r.mdx)("inlineCode",{parentName:"td"},"px"),", ",(0,r.mdx)("inlineCode",{parentName:"td"},"em"),", or ",(0,r.mdx)("inlineCode",{parentName:"td"},"rem")," units are supported.")),(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},"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 valid CSS string. ",(0,r.mdx)("inlineCode",{parentName:"td"},"px"),", ",(0,r.mdx)("inlineCode",{parentName:"td"},"em"),", or ",(0,r.mdx)("inlineCode",{parentName:"td"},"rem")," units are supported. This property is disregarded if the column has a fixed width.")),(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},"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 valid CSS string. ",(0,r.mdx)("inlineCode",{parentName:"td"},"px"),", ",(0,r.mdx)("inlineCode",{parentName:"td"},"em"),", or ",(0,r.mdx)("inlineCode",{parentName:"td"},"rem")," units are supported. This property is disregarded if the column has a fixed width.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"flexGrow")),(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 column is responsive.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"align")),(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},"'left'"),(0,r.mdx)("td",{parentName:"tr",align:null},"A string value that indicates the alignment. ",(0,r.mdx)("inlineCode",{parentName:"td"},"center"),", ",(0,r.mdx)("inlineCode",{parentName:"td"},"right"),", or ",(0,r.mdx)("inlineCode",{parentName:"td"},"left")," alignments are supported.")),(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},"A boolean value indicating whether the cells in this column are selectable.")))),(0,r.mdx)("h3",{id:"row"},"Row"),(0,r.mdx)("p",null,"A row defines the cells rendered in 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},"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 in the list.")),(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 are rendered in the order given and are expected to match the column order.")))),(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},"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 in the cell.")),(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 value indicating whether the cell is selected.")))),(0,r.mdx)("h2",{id:"terra-standards"},"Terra Standards"),(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"))))}h.isMDXComponent=!0},55465:function(e,t,a){a.d(t,{A:function(){return p}});var n=a(96540),l=a(58161),r=a(58168),m=a(53986),i=a(36665),d=["components"],o={};function c(e){var t=e.components,a=(0,m.A)(e,d);return(0,i.mdx)("wrapper",(0,r.A)({},o,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport CompactInteractiveList, { alignTypes } from 'terra-compact-interactive-list';\nimport {\n IconFeaturedOff, IconFeatured, IconMultipleResultsNormal, IconMultipleResultsNotNormal, IconMultipleResultsCritical,\n} from 'terra-icon';\nimport Button from 'terra-button';\n\nconst FeaturedIcon = () => {\n const [isFeatured, setIsFeatured] = useState(false);\n const onButtonClick = () => setIsFeatured(!isFeatured);\n return (\n isFeatured ? \n \n \n \n \n );\n};\n\nexport default DateTimePickerExampleInvalid;\n\n')))}De.isMDXComponent=!0;var ye=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(h.A,{title:t||"Date Time Picker Invalid",description:n,example:i.createElement(xe.A,null),exampleSrc:i.createElement(De,null),isExpanded:a})},ge=n(14132),ve=["components"],be={};function ke(e){var t=e.components,n=(0,r.A)(e,ve);return(0,l.mdx)("wrapper",(0,a.A)({},be,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Field from 'terra-form-field';\nimport DateTimePicker from 'terra-date-time-picker';\n\nconst DateTimePickerExampleIncomplete = () => {\n const [dateTime, setDateTime] = useState('');\n\n const handleDateTimeChange = (event, dateTimeValue) => {\n setDateTime(dateTimeValue);\n };\n\n return (\n
\n

\n Selected ISO Date Time:\n {dateTime}\n

\n \n \n \n
\n );\n};\n\nexport default DateTimePickerExampleIncomplete;\n\n")))}ke.isMDXComponent=!0;var Ne=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(h.A,{title:t||"Date Time Picker Incomplete",description:n,example:i.createElement(ge.A,null),exampleSrc:i.createElement(ke,null),isExpanded:a})},Ce=n(14787),Ee=["components"],we={};function Pe(e){var t=e.components,n=(0,r.A)(e,Ee);return(0,l.mdx)("wrapper",(0,a.A)({},we,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport DateTimePicker from 'terra-date-time-picker/lib/DateTimePicker';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport Fieldset from 'terra-form-fieldset';\nimport DateTimeUtils from 'terra-date-time-picker/lib/DateTimeUtils';\n\nfunction DateTimePickerTimeZone() {\n const [timeZone, setTimezone] = useState('Asia/Kolkata');\n const [dateTime, setDateTime] = useState(moment().format());\n\n const handleDateTimeChange = (event, datetime) => {\n const computedDateTime = DateTimeUtils.createSafeDate(datetime, timeZone);\n\n setDateTime(computedDateTime.format());\n setTimezone(computedDateTime.tz());\n };\n\n return (\n <>\n

\n Selected ISO Date Time:\n {dateTime}\n

\n \n \n \n \n \n \n );\n}\n\nexport default DateTimePickerTimeZone;\n\n")))}Pe.isMDXComponent=!0;var Oe=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(h.A,{title:t||"Date Time Picker Time Zone",description:n,example:i.createElement(Ce.A,null),exampleSrc:i.createElement(Pe,null),isExpanded:a})},Se=["components"],Ae={},Ie="wrapper";function Re(e){var t=e.components,n=(0,r.A)(e,Se);return(0,l.mdx)(Ie,(0,a.A)({},Ae,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(m.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-date-time-picker"},"Terra Date Time Picker"),(0,l.mdx)("p",null,"The DateTimePicker component composes the ",(0,l.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-framework/components/terra-date-picker/date-picker/date-picker"},"DatePicker")," component for selecting date and the ",(0,l.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-framework/components/terra-time-input/time-input/time-input"},"TimeInput")," component for entering time. A date and time can be expressed in many ",(0,l.mdx)("a",{parentName:"p",href:"https://en.wikipedia.org/wiki/ISO_8601"},"ISO 8601")," formats. To reduce confusion and complexity, the date time props in DateTimePicker must be expressed in a specific format of the ISO 8601 representation of the date time. That is, any date time prop must conform to the ",(0,l.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DDThh:mm:ss")," format. DateTimePicker supports the Spring and Fall daylight saving time changes in the following behaviors:"),(0,l.mdx)("p",null,"Spring: If you enter a date and time that falls within the missing hour during the Spring time change, the time will automatically be adjusted to the next relevant hour when the component loses focus. In the central time zone, the missing hour occurs between 2:00 and 2:59. For example, if the entered time is 2:15, the component will automatically adjust the time to the next hour at 3:15."),(0,l.mdx)("p",null,"Fall: If you enter a date and time that falls within the ambiguous hour during the Fall time change, the component will display a dialog to require you to select daylight or standard time. After a selection is made a button will be displayed with a label showing the selected option."),(0,l.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Install with ",(0,l.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"npm install terra-date-time-picker"))))),(0,l.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,l.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(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},"Peer Dependency"),(0,l.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react"),(0,l.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,l.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,l.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,l.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,l.mdx)("p",null,"DateTimePicker is required to be composed inside the ",(0,l.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-core/components/terra-base/base/base"},"Base")," component with locale in order for it to load the correct date format and translation strings."),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-js"},"import DateTimePicker from 'terra-date-time-picker';\n")),(0,l.mdx)("h2",{id:"component-features"},"Component Features"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(D,{title:"Default",mdxType:"DateTimePickerDefault"}),(0,l.mdx)(k,{title:"Default Date Time",mdxType:"DateTimePickerDefaultDateTime"}),(0,l.mdx)(P,{title:"Default Date Only",mdxType:"DateTimePickerDefaultDateOnly"}),(0,l.mdx)(R,{title:"Exclude Dates",mdxType:"DateTimePickerExcludeDates"}),(0,l.mdx)(W,{title:"Include Dates",mdxType:"DateTimePickerIncludeDates"}),(0,l.mdx)(L,{title:"Filter Dates",mdxType:"DateTimePickerFilterDates"}),(0,l.mdx)($,{title:"Min Max Selection Options",mdxType:"DateTimePickerMinMax"}),(0,l.mdx)(Q,{title:"Daylight Saving",mdxType:"DateTimePickerDST"}),(0,l.mdx)(re,{title:"Time Variant with 12-hour Time Format",mdxType:"DateTimePickerTimeVariant"}),(0,l.mdx)(oe,{title:"Time Variant with Seconds Field",mdxType:"DateTimePickerWithSeconds"}),(0,l.mdx)(fe,{title:"Time Variant with Seconds Field in 12-hour Time Format",mdxType:"DateTimePickerWithSecondsAndTimeVariant"}),(0,l.mdx)(ye,{title:"Invalid",mdxType:"DateTimePickerInvalid"}),(0,l.mdx)(Ne,{title:"Incomplete",mdxType:"DateTimePickerIncomplete"}),(0,l.mdx)(Oe,{title:"With time zone",mdxType:"DateTimePickerTimeZone"}),(0,l.mdx)("h2",{id:"date-time-picker-props-table"},"Date Time Picker props table"),(0,l.mdx)(c,{mdxType:"DateTimePickerSrc"}))}Re.isMDXComponent=!0},49879:function(e,t,n){n.d(t,{E:function(){return i}});var a=n(96540),r=n(55713),i=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-time-picker",name:"terra-date-time-picker",version:"4.118.0",url:t})}},18533:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,m.default)().tz("America/Chicago").format(),t=(0,l.useState)(e),n=(0,i.default)(t,2),a=n[0],r=n[1];return l.default.createElement("div",null,l.default.createElement("div",null,l.default.createElement("p",null,"In the United States, the missing hour occurs when DST begins at these recent past and near future dates between 2:00 and 3:00.",l.default.createElement("br",null)," ","- March 13th, 2016",l.default.createElement("br",null)," ","- March 12th, 2017",l.default.createElement("br",null)," ","- March 11th, 2018",l.default.createElement("br",null)," ","- March 10th, 2019",l.default.createElement("br",null)," ","- March 08th, 2020"),l.default.createElement("p",null,"In the United States, the ambiguous hour occurs when DST ends at these recent past and near future dates between 1:00 and 2:00:",l.default.createElement("br",null)," ","- November 6th, 2016",l.default.createElement("br",null)," ","- November 5th, 2017",l.default.createElement("br",null)," ","- November 4th, 2018",l.default.createElement("br",null)," ","- November 3rd, 2019",l.default.createElement("br",null)," ","- November 1st, 2020"),l.default.createElement("p",null,"For the United States, click"," ",l.default.createElement("a",{href:"https://en.wikipedia.org/wiki/Daylight_saving_time_in_the_United_States"},"here")," ","to see more recent past and near future starting and ending dates of daylight saving time.",l.default.createElement("br",null),"For other time zones, click"," ",l.default.createElement("a",{href:"http://www.timezoneconverter.com/cgi-bin/zoneinfo"},"here")," ","to see the starting and ending dates of daylight saving time for the current year.")),l.default.createElement("p",null,"Selected ISO Date Time:",a),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"dst-picker"},l.default.createElement(o.default,{name:"date-time-picker-example",dateInputAttributes:{id:"dst-picker"},ariaLabel:"Enter Date/Time",onChange:function(e,t){r(t)},value:e,initialTimeZone:"America/Chicago"})))}},36027:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=o(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(32527)),d=a(n(81364));function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(m.default,{label:"Enter Date/Time",htmlFor:"default"},l.default.createElement(d.default,{name:"date-time-picker-example",ariaLabel:"Enter Date/Time",dateInputAttributes:{id:"default"},onChange:function(e,t){a(t)}})))}},88709:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=o(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(32527)),d=a(n(81364));function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)("2017-08-08"),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(m.default,{label:"Enter Date/Time",htmlFor:"defaultDate"},l.default.createElement(d.default,{name:"date-time-picker-example",ariaLabel:"Enter Date/Time",dateInputAttributes:{id:"defaultDate"},onChange:function(e,t){a(t)},value:"2017-08-08"})))}},7970:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)((0,m.default)().format()),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"defaultDateTime"},l.default.createElement(o.default,{name:"date-time-picker-example",ariaLabel:"Enter Date/Time",dateInputAttributes:{id:"defaultDateTime"},onChange:function(e,t){a(t)},value:(0,m.default)().format()})))}},19527:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"exclude-dates"},l.default.createElement(o.default,{name:"date-time-picker-example",ariaLabel:"Enter Date/Time",dateInputAttributes:{id:"exclude-dates"},onChange:function(e,t){a(t)},excludeDates:[(0,m.default)().subtract(1,"days").format(),(0,m.default)().add(1,"days").format()]})))}},67017:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"filter-dates"},l.default.createElement(o.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"filter-dates"},onChange:function(e,t){a(t)},filterDate:function(e){var t=(0,m.default)(e);if(t&&t.isValid()){var n=t.day();return 0!==n&&6!==n}return!0}})))}},65781:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"include-dates"},l.default.createElement(o.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"include-dates"},onChange:function(e,t){a(t)},includeDates:[(0,m.default)().format(),(0,m.default)().subtract(1,"days").format(),(0,m.default)().add(1,"days").format()]})))}},14132:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=o(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(32527)),d=a(n(81364));function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(m.default,{label:"Enter Date/Time",htmlFor:"default-incomplete"},l.default.createElement(d.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"default-incomplete"},onChange:function(e,t){a(t)},isIncomplete:!0,required:!0})))}},41141:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=o(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(32527)),d=a(n(81364));function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1],r=(0,l.useState)(!1),o=(0,i.default)(r,2),p=o[0],u=o[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement("button",{type:"button",onClick:function(){u(!p)}},"Toggle Validity"),l.default.createElement(m.default,{label:"Enter Date/Time",htmlFor:"default-invalid",error:"Error Message",isInvalid:p},l.default.createElement(d.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"default-invalid"},onChange:function(e,t){a(t)},isInvalid:p,errorId:"default-invalid-error"})))}},31778:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"min-max-dates"},l.default.createElement(o.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"min-max-dates"},onChange:function(e,t){a(t)},minDate:(0,m.default)().format(),maxDate:(0,m.default)().add(6,"days").format()})))}},85139:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364)),p=a(n(19449));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.A=function(){var e=(0,l.useState)((0,m.default)().format()),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"timeVariant"},l.default.createElement(o.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"timeVariant"},onChange:function(e,t){a(t)},value:(0,m.default)().format(),timeVariant:p.default.FORMAT_12_HOUR})))}},14787:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(81364)),d=a(n(84743)),o=a(n(32527)),p=a(n(41521)),u=a(n(19449));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.A=function(){var e=(0,l.useState)("Asia/Kolkata"),t=(0,i.default)(e,2),n=t[0],a=t[1],r=(0,l.useState)((0,d.default)().format()),c=(0,i.default)(r,2),s=c[0],f=c[1];return l.default.createElement(l.default.Fragment,null,l.default.createElement("p",null,"Selected ISO Date Time:",s),l.default.createElement(p.default,{legend:"Initial Timezone: ".concat(n)},l.default.createElement(o.default,{label:"Enter Date/Time",htmlFor:"timeZone"},l.default.createElement(m.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"timezone"},onChange:function(e,t){var r=u.default.createSafeDate(t,n);f(r.format()),a(r.tz())},initialTimeZone:n,value:s}))))}},29967:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)((0,m.default)().format()),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"defaultDateTimeSeconds"},l.default.createElement(o.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"defaultDateTimeSeconds"},onChange:function(e,t){a(t)},value:(0,m.default)().format(),showSeconds:!0})))}},79114:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),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=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364)),p=a(n(19449));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.A=function(){var e=(0,l.useState)((0,m.default)().format()),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"defaultDateTimeVariant"},l.default.createElement(o.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"defaultDateTimeVariant"},onChange:function(e,t){a(t)},value:(0,m.default)().format(),showSeconds:!0,timeVariant:p.default.FORMAT_12_HOUR})))}}}]); \ No newline at end of file diff --git a/46710-62fcc244fa9678dedbc3.css b/46710-62fcc244fa9678dedbc3.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/46710-62fcc244fa9678dedbc3.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/46710-62fcc244fa9678dedbc3.js b/46710-62fcc244fa9678dedbc3.js new file mode 100644 index 0000000000..1bd525c24c --- /dev/null +++ b/46710-62fcc244fa9678dedbc3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[46710],{55713:function(e,a,l){var d=l(24994);a.A=void 0;var m=d(l(96540)),n=d(l(5556)),r=d(l(67967)),u=d(l(25642)),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;a.A=p},46710:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(58168),m=l(53986),n=(l(96540),l(36665)),r=l(39097),u=["components"],i={},t="wrapper";function p(e){var a=e.components,l=(0,m.A)(e,u);return(0,n.mdx)(t,(0,d.A)({},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:"4780---may-20-2024"},"4.78.0 - (May 20, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"4770---march-29-2024"},"4.77.0 - (March 29, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"4760---march-14-2024"},"4.76.0 - (March 14, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"4750---july-31-2023"},"4.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:"4740---march-29-2023"},"4.74.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 WDIO screenshots due to ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-slide-panel")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-slide-group")," changes.")))),(0,n.mdx)("h2",{id:"4730---february-14-2023"},"4.73.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:"4720---september-20-2021"},"4.72.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:"4710---july-20-2021"},"4.71.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"},"Migrated docs to terra-framework-docs")))),(0,n.mdx)("h2",{id:"4700---july-13-2021"},"4.70.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:"4690---june-8-2021"},"4.69.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:"4680---may-4-2021"},"4.68.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:"4670---april-6-2021"},"4.67.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:"4660---march-9-2021"},"4.66.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 terra-functional-testing")))),(0,n.mdx)("h2",{id:"4650---february-9-2021"},"4.65.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:"4640---february-2-2021"},"4.64.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:"4630---january-26-2021"},"4.63.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:"4620---january-5-2021"},"4.62.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:"4610---december-8-2020"},"4.61.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:"4600---november-24-2020"},"4.60.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:"4590---november-10-2020"},"4.59.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:"4580---october-20-2020"},"4.58.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:"4570---october-13-2020"},"4.57.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:"4560---august-18-2020"},"4.56.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:"4550---august-11-2020"},"4.55.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"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-form-input")," from ^v2.3.0 to ^v3.7.0")))),(0,n.mdx)("h2",{id:"4540---august-4-2020"},"4.54.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:"4530---july-14-2020"},"4.53.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"},"updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,n.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules")))),(0,n.mdx)("h2",{id:"4520---june-16-2020"},"4.52.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:"4510---june-9-2020"},"4.51.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:"4500---june-2-2020"},"4.50.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:"4490---may-19-2020"},"4.49.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"},"Update screenshot due to change in button hover.")))),(0,n.mdx)("h2",{id:"4480---april-28-2020"},"4.48.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:"4470---april-22-2020"},"4.47.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4460---april-6-2020"},"4.46.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:"4450---march-31-2020"},"4.45.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:"4440---march-17-2020"},"4.44.0 - (March 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:"4430---march-10-2020"},"4.43.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:"4420---march-3-2020"},"4.42.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:"4410---february-25-2020"},"4.41.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:"4400---february-18-2020"},"4.40.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:"4390---february-4-2020"},"4.39.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:"4380---january-28-2020"},"4.38.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 docs to use MDX syntax."),(0,n.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,n.mdx)("h2",{id:"4370---january-7-2020"},"4.37.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:"4360---december-16-2019"},"4.36.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"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"aria-label")," in examples.")))),(0,n.mdx)("h2",{id:"4350---december-10-2019"},"4.35.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:"4340---november-20-2019"},"4.34.0 - (November 20, 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"},"Focus not removed explicity when item removed from view issue fixed.")))),(0,n.mdx)("h2",{id:"4330---november-18-2019"},"4.33.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:"4320---november-7-2019"},"4.32.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:"4310---october-30-2019"},"4.31.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 updates")))),(0,n.mdx)("h2",{id:"4300---october-21-2019"},"4.30.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:"4290---october-16-2019"},"4.29.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:"4280---october-3-2019"},"4.28.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:"4270---september-26-2019"},"4.27.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:"4260---september-19-2019"},"4.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)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,n.mdx)("h2",{id:"4250---september-6-2019"},"4.25.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:"4240---august-21-2019"},"4.24.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"},"Updated bracket formatting in test files to match eslint 6 rules.")))),(0,n.mdx)("h2",{id:"4230---august-14-2019"},"4.23.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:"4220---july-30-2019"},"4.22.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:"4211---july-23-2019"},"4.21.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:"4210---july-23-2019"},"4.21.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"},"Updated terra-grid devDependency to v6")))),(0,n.mdx)("h2",{id:"4200---july-16-2019"},"4.20.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:"4190---july-10-2019"},"4.19.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:"4180---july-2-2019"},"4.18.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:"4170---june-19-2019"},"4.17.0 - (June 19, 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 devDependency on terra-responsive-element"))),(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 wdio spec to use Terra.describeViewports")))),(0,n.mdx)("h2",{id:"4160---june-12-2019"},"4.16.0 - (June 12, 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 node_modules from .npmignore")))),(0,n.mdx)("h2",{id:"4150---may-21-2019"},"4.15.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"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.should.validateElement()"))))),(0,n.mdx)("h2",{id:"4140---may-13-2019"},"4.14.0 - (May 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:"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"},"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"},"Minor dependency update")))),(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"},"Minor dependency update")))),(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"},"Minor dependency update")))),(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"},"Removed dependency on terra-list")))),(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"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(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"},"Remove use of componentWillReceiveProps")))),(0,n.mdx)("h2",{id:"3210---january-5-2019"},"3.21.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:"3200---january-2-2019"},"3.20.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"},"Removed local timeout values from wdio tests")))),(0,n.mdx)("h2",{id:"3190---december-5-2018"},"3.19.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:"3180---december-3-2018"},"3.18.0 - (December 3, 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"},"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 terra-app-delegate dependency")))),(0,n.mdx)("h2",{id:"3170---november-15-2018"},"3.17.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:"3160---october-24-2018"},"3.16.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:"3150---october-16-2018"},"3.15.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 updates")))),(0,n.mdx)("h2",{id:"3140---october-8-2018"},"3.14.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:"3130---september-25-2018"},"3.13.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"},"Removed terra-base duplicate from devDependencies")))),(0,n.mdx)("h2",{id:"3120---september-5-2018"},"3.12.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:"3110---august-30-2018"},"3.11.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:"3100---august-14-2018"},"3.10.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)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed unused props and state in examples")))),(0,n.mdx)("h2",{id:"390---july-26-2018"},"3.9.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"},"Updated to use terra-responsive-element v3")))),(0,n.mdx)("h2",{id:"380---july-25-2018"},"3.8.0 - (July 25, 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 dependency on arrange"),(0,n.mdx)("li",{parentName:"ul"},"Added dependency on action-header"))),(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 clinical-header and clinical-action-header with arrange and action-header"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed\nRemoved dependency on terra-clinical-action-header\nRemoved dependency on terra-clinical-header"))),(0,n.mdx)("h2",{id:"370---july-10-2018"},"3.7.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:"360---july-3-2018"},"3.6.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:"350---june-29-2018"},"3.5.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:"340---june-12-2018"},"3.4.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:"330---june-5-2018"},"3.3.0 - (June 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 updates")))),(0,n.mdx)("h2",{id:"320---may-30-2018"},"3.2.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:"310---may-22-2018"},"3.1.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:"300---may-8-2018"},"3.0.0 - (May 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Major Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-modal-manager v3.0.0"))),(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 screenshots.")))),(0,n.mdx)("h2",{id:"230---april-30-2018"},"2.3.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:"240---april-13-2018"},"2.4.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:"230---april-10-2018"},"2.3.0 - (April 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:"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"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added npmrc file with package-lock set to false."))),(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"},"Temporarily updated screenshots for broken focus.")))),(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 release")))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.A)(e,x);return(0,n.mdx)(N,(0,d.A)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},39097:function(e,a,l){l.d(a,{E:function(){return n}});var d=l(96540),m=l(55713),n=function(e){var a=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-aggregator",name:"terra-aggregator",version:"4.78.0",url:a})}},25642: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"}},58168:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(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,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/46712-58dd09b4be0c2e62778d.css b/46712-58dd09b4be0c2e62778d.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/46712-58dd09b4be0c2e62778d.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/46712-58dd09b4be0c2e62778d.js b/46712-58dd09b4be0c2e62778d.js new file mode 100644 index 0000000000..5213c76b85 --- /dev/null +++ b/46712-58dd09b4be0c2e62778d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[46712],{55713:function(e,a,l){var d=l(24994);a.A=void 0;var m=d(l(96540)),n=d(l(5556)),t=d(l(67967)),r=d(l(25642)),i=t.default.bind(r.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,t=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))),r=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")},t,r)};p.propTypes=u;a.A=p},46712:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(58168),m=l(53986),n=(l(96540),l(36665)),t=l(49264),r=["components"],i={},u="wrapper";function p(e){var a=e.components,l=(0,m.A)(e,r);return(0,n.mdx)(u,(0,d.A)({},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:"2580---may-20-2024"},"2.58.0 - (May 20, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"2570---may-15-2024"},"2.57.0 - (May 15, 2024)"),(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 variant prop to render Drill-in view.")))),(0,n.mdx)("h2",{id:"2560---may-8-2024"},"2.56.0 - (May 8, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Changed styles for selected item background color styles")))),(0,n.mdx)("h2",{id:"2550---may-1-2024"},"2.55.0 - (May 1, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Updated",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Keyboard navigation with arrow keys.")))),(0,n.mdx)("h2",{id:"2540---april-4-2024"},"2.54.0 - (April 4, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"2530---march-25-2024"},"2.53.0 - (March 25, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"2520---march-21-2024"},"2.52.0 - (March 21, 2024)"),(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 accessibility label for navigation back button.")))),(0,n.mdx)("h2",{id:"2510---march-14-2024"},"2.51.0 - (March 14, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"2500---february-22-2024"},"2.50.0 - (February 22, 2024)"),(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 dashed focus border for navigation menu items."),(0,n.mdx)("li",{parentName:"ul"},"Keyboard navigation with arrow keys")))),(0,n.mdx)("h2",{id:"2490---december-18-2023"},"2.49.0 - (December 18, 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:"2480---october-11-2023"},"2.48.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:"2470---july-31-2023"},"2.47.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:"2460---july-19-2023"},"2.46.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:"2450---march-29-2023"},"2.45.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:"2440---march-1-2023"},"2.44.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:"2430---february-14-2023"},"2.43.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:"2420---march-15-2022"},"2.42.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:"2410---september-20-2021"},"2.41.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)("h2",{id:"2400---july-21-2021"},"2.40.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:"2390---june-8-2021"},"2.39.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:"2380---april-6-2021"},"2.38.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:"2370---march-9-2021"},"2.37.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:"2360---january-26-2021"},"2.36.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 use terra-functional-testing")))),(0,n.mdx)("h2",{id:"2350---january-5-2021"},"2.35.0 - (January 5, 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 to support a peer dependency of react-intl v2-v5"))),(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 broken links in documentation.")))),(0,n.mdx)("h2",{id:"2340---november-10-2020"},"2.34.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:"2330---august-4-2020"},"2.33.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:"2320---july-14-2020"},"2.32.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"},"Fixed ",(0,n.mdx)("inlineCode",{parentName:"li"},"aria-haspopup")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"link")," role incompatibility issue."),(0,n.mdx)("li",{parentName:"ul"},"updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,n.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules")))),(0,n.mdx)("h2",{id:"2310---june-2-2020"},"2.31.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:"2300---april-28-2020"},"2.30.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:"2290---march-31-2020"},"2.29.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:"2280---march-10-2020"},"2.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:"2270---march-3-2020"},"2.27.0 - (March 3, 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"},"Update docs to use MDX syntax"))),(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:"2260---february-18-2020"},"2.26.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:"2250---january-28-2020"},"2.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:"2240---december-10-2019"},"2.24.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:"2230---november-7-2019"},"2.23.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:"2220---october-16-2019"},"2.22.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:"2210---october-3-2019"},"2.21.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:"2200---september-26-2019"},"2.20.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:"2190---september-19-2019"},"2.19.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:"2180---september-6-2019"},"2.18.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:"2170---august-21-2019"},"2.17.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"},"Cleaned up ESLint comments")))),(0,n.mdx)("h2",{id:"2160---august-14-2019"},"2.16.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:"2150---july-30-2019"},"2.15.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:"2141---july-23-2019"},"2.14.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:"2140---july-23-2019"},"2.14.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"},"Replaced visually-hidden-text styles with terra-visually-hidden-text component"),(0,n.mdx)("li",{parentName:"ul"},"Normalized terra-visually-hidden-text dependency version to match other terra-framework packages")))),(0,n.mdx)("h2",{id:"2130---july-16-2019"},"2.13.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:"2120---july-10-2019"},"2.12.0 - (July 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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"aria-haspopup")," attribute to menu items that contain sub-navigation")))),(0,n.mdx)("h2",{id:"2110---july-2-2019"},"2.11.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)("li",{parentName:"ul"},"Support JAWS and Voiceover on menu item selection."),(0,n.mdx)("li",{parentName:"ul"},'Add translations for "selected" string announced by screenreaders')))),(0,n.mdx)("h2",{id:"2100---june-19-2019"},"2.10.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"},"Removed all inline styles and implemented the same styles using external css.")))),(0,n.mdx)("h2",{id:"290---june-12-2019"},"2.9.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"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ARIA landmark roles"))),(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)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Default --terra-navigation-side-menu-item-font-weight to normal. Fixes bug in Edge.")))),(0,n.mdx)("h2",{id:"280---may-21-2019"},"2.8.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:"270---may-15-2019"},"2.7.0 - (May 15, 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 custom font-weight property, ",(0,n.mdx)("inlineCode",{parentName:"li"},"--terra-navigation-side-menu-item-font-weight"),", for MenuItem component (defaults to 'inherit')")))),(0,n.mdx)("h2",{id:"260---may-7-2019"},"2.6.0 - (May 7, 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"},"Updated WDIO screenshots")))),(0,n.mdx)("h2",{id:"250---april-24-2019"},"2.5.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:"240---march-26-2019"},"2.4.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:"230---march-12-2019"},"2.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:"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"},"Removed dependency on terra-list")))),(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"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated variable names to match new naming standard"),(0,n.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Removed variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(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"},"Remove use of componentWillReceiveProps")))),(0,n.mdx)("h2",{id:"1200---january-5-2019"},"1.20.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:"1190---january-2-2019"},"1.19.0 - (January 2, 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"},"Updated Data-menu-item attribute value of Menuitem to Unique key value"))),(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"},"Add optional toolbar prop that displays below the side menu action header")))),(0,n.mdx)("h2",{id:"1180---december-5-2018"},"1.18.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:"1170---december-3-2018"},"1.17.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"},"Wdio tests changed to use themeCombinationOfCustomProperties")))),(0,n.mdx)("h2",{id:"1160---november-15-2018"},"1.16.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:"1150---october-8-2018"},"1.15.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:"1140---september-25-2018"},"1.14.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"},"Removed terra-base duplicate from dependencies (kept instance in peerDependencies)")))),(0,n.mdx)("h2",{id:"1130---september-5-2018"},"1.13.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:"1120---august-30-2018"},"1.12.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:"1110---august-13-2018"},"1.11.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:"1100---july-25-2018"},"1.10.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:"190---july-3-2018"},"1.9.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:"180---june-29-2018"},"1.8.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:"170---june-12-2018"},"1.7.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:"160---june-5-2018"},"1.6.0 - (June 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 updates")))),(0,n.mdx)("h2",{id:"150---may-30-2018"},"1.5.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:"140---may-22-2018"},"1.4.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:"130---may-8-2018"},"1.3.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"},"Adjusted themable styles for selected item background color/image styles")))),(0,n.mdx)("h2",{id:"120---april-30-2018"},"1.2.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"},"Added theme styles to support legacy look"),(0,n.mdx)("li",{parentName:"ul"},"Replaced use of action-header component with terra-core's action-header"),(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:"110---march-23-2018"},"1.1.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"},"Changed hover styling to account for IE10."),(0,n.mdx)("li",{parentName:"ul"},"Added data attributes to rendered content for automated testing.")))),(0,n.mdx)("h2",{id:"100---march-6-2018"},"1.0.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial stable release",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update focus styling to match ux ask")))))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.A)(e,x);return(0,n.mdx)(N,(0,d.A)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},49264:function(e,a,l){l.d(a,{E:function(){return n}});var d=l(96540),m=l(55713),n=function(e){var a=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-side-menu",name:"terra-navigation-side-menu",version:"2.58.0",url:a})}},25642: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"}},58168:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(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,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/48504-a543ff1918a7279baed0.css b/48504-a543ff1918a7279baed0.css new file mode 100644 index 0000000000..d48f6916c8 --- /dev/null +++ b/48504-a543ff1918a7279baed0.css @@ -0,0 +1,7 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.MockThemeComponent-module__mock-theme-component___42Z5g{color:#fff;color:var(--terra-framework-docs-theme-provider-mock-color, #fff);display:inline;display:var(--terra-framework-docs-theme-provider-mock-display, inline)}[dir] .MockThemeComponent-module__mock-theme-component___42Z5g{background-color:#000;background-color:var(--terra-framework-docs-theme-provider-mock-background-color, #000)} +.cerner-mock-theme{--terra-base-font-size: 20px;--terra-base-background-color: #f00;--terra-base-color: #0f0;--terra-framework-docs-theme-provider-mock-background-color: #f00;--terra-framework-docs-theme-provider-mock-color: #00f;--terra-framework-docs-theme-provider-mock-display: inline-block}.redwood-theme.compact{--terra-base-font-size: 14px}.redwood-theme.comfortable{--terra-base-font-size: 16px}.redwood-theme.spacious{--terra-base-font-size: 18px} +[dir] .DefaultThemeProvider-module__theme-switcher-wrapper___mXLjt{margin-bottom:1rem} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/48504-a543ff1918a7279baed0.js b/48504-a543ff1918a7279baed0.js new file mode 100644 index 0000000000..7166fd6b01 --- /dev/null +++ b/48504-a543ff1918a7279baed0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[48504],{201:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var r=a(n(85715)),m=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={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&{}.hasOwnProperty.call(e,m)){var o=r?Object.getOwnPropertyDescriptor(e,m):null;o&&(o.get||o.set)?Object.defineProperty(a,m,o):a[m]=e[m]}return a.default=e,n&&n.set(e,a),a}(n(96540)),o=a(n(5556)),d=a(n(67967)),i=n(92912),s=a(n(49558)),p=a(n(53665)),u=n(25966),c=a(n(89986));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(c.default),x={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,o=e.description,d=e.isExpanded,c=(0,m.useState)(d),h=(0,r.default)(c,2),x=h[0],y=h[1],T=(0,m.useState)(!1),C=(0,r.default)(T,2),g=C[0],E=C[1],w=m.default.useContext(i.ThemeContext),N=void 0!==a,b=function(){E(!g),x&&y(!x)},S=function(){y(!x),g&&E(!g)},D=function(e,t){e.nativeEvent.keyCode!==u.KEY_SPACE&&e.nativeEvent.keyCode!==u.KEY_RETURN||(e.preventDefault(),t())};return m.default.createElement("div",{className:f("template",w.className)},m.default.createElement("div",{className:f("header")},l&&m.default.createElement("h2",{className:f("title")},l)),m.default.createElement("div",{className:f("content")},o&&m.default.createElement("div",{className:f("description")},o),t),m.default.createElement("div",{className:f("footer")},n?m.default.createElement("div",{className:f("button-container")},N&&m.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":g}),onClick:b,onKeyDown:function(e){return D(e,b)},onBlur:v,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},m.default.createElement(s.default,{className:f("chevron")}),m.default.createElement("span",null,"CSS"),m.default.createElement(p.default,{className:f("chevron")})),m.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":x}),onClick:S,onKeyDown:function(e){return D(e,S)},onBlur:v,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},m.default.createElement(s.default,{className:f("chevron")}),m.default.createElement("span",null,"Code"),m.default.createElement(p.default,{className:f("chevron")}))):null,m.default.createElement("div",null,g&&m.default.createElement("div",{className:f("css")},a),x&&m.default.createElement("div",{className:f("code")},n))))};y.propTypes=x,y.defaultProps={isExpanded:!1};t.A=y},99032:function(e,t,n){n.r(t),n.d(t,{default:function(){return N}});var a=n(58168),l=n(53986),r=n(96540),m=n(36665),o=n(14245),d=n(12883),i=["components"],s={},p="wrapper";function u(e){var t=e.components,n=(0,l.A)(e,i);return(0,m.mdx)(p,(0,a.A)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)(d.Ay,{mdxType:"PropsTable"},(0,m.mdx)(d.fI,{key:"ROW1",mdxType:"Row"},(0,m.mdx)(d.dt,{mdxType:"PropNameCell"},"children"),(0,m.mdx)(d.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,m.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("p",null,"none")),(0,m.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"The component(s) that will be wrapped by ",(0,m.mdx)("inlineCode",{parentName:"p"},"")))),(0,m.mdx)(d.fI,{key:"ROW2",mdxType:"Row"},(0,m.mdx)(d.dt,{mdxType:"PropNameCell"},"themeName"),(0,m.mdx)(d.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,m.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("p",null,"none")),(0,m.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Name of class for specified theme"))),(0,m.mdx)(d.fI,{key:"ROW3",mdxType:"Row"},(0,m.mdx)(d.dt,{mdxType:"PropNameCell"},"density"),(0,m.mdx)(d.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,m.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("p",null,"none")),(0,m.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Name of class for specified density")))))}u.isMDXComponent=!0;var c=n(99638),h=["components"],f={};function x(e){var t=e.components,n=(0,l.A)(e,h);return(0,m.mdx)("wrapper",(0,a.A)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport ThemeProvider from 'terra-theme-provider';\nimport MockThemeComponent from './MockThemeComponent';\nimport styles from './DefaultThemeProvider.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DefaultThemeProvider extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n theme: '',\n density: '',\n };\n this.handleThemeChange = this.handleThemeChange.bind(this);\n this.handleDensityChange = this.handleDensityChange.bind(this);\n }\n\n handleThemeChange(event) {\n this.setState({ theme: event.target.value });\n }\n\n handleDensityChange(event) {\n this.setState({ density: event.target.value });\n }\n\n render() {\n let themeSwitcher;\n let densitySwitcher;\n\n function supportsCSSVars() {\n // This eslint rule complains of the lack of .CSS support in IE, which is exactly what this line is intended to detect.\n // eslint-disable-next-line compat/compat\n return window.CSS && window.CSS.supports && window.CSS.supports('(--fake-var: 0)');\n }\n\n if (supportsCSSVars()) {\n themeSwitcher = (\n
\n \n \n
\n );\n\n densitySwitcher = (\n
\n \n \n
\n );\n } else {\n themeSwitcher = (\n
\n );\n }\n\n return (\n
\n
{themeSwitcher}
\n
{densitySwitcher}
\n \n
\n Themable component\n
\n \n
\n );\n }\n}\n\nexport default DefaultThemeProvider;\n\n")))}x.isMDXComponent=!0;var v=n(201),_=["components"],y={};function T(e){var t=e.components,n=(0,l.A)(e,_);return(0,m.mdx)("wrapper",(0,a.A)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .theme-switcher-wrapper {\n margin-bottom: 1rem;\n }\n}\n\n")))}T.isMDXComponent=!0;var C=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(v.A,{title:t||"Default Theme Provider",description:n,example:r.createElement(c.A,null),exampleCssSrc:r.createElement(T,null),exampleSrc:r.createElement(x,null),isExpanded:a})},g=["components"],E={},w="wrapper";function N(e){var t=e.components,n=(0,l.A)(e,g);return(0,m.mdx)(w,(0,a.A)({},E,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)(o.E,{mdxType:"Badge"}),(0,m.mdx)("h1",{id:"terra-theme-provider"},"Terra Theme Provider"),(0,m.mdx)("p",null,"The theme provider component provides a theme to Terra UI components via CSS custom properties a.k.a CSS variables. This is accomplished by setting a CSS class, generated from the ",(0,m.mdx)("inlineCode",{parentName:"p"},"themeName")," prop, which contains defined CSS custom properties for the specified theme on the ",(0,m.mdx)("inlineCode",{parentName:"p"},"html")," element."),(0,m.mdx)("p",null,(0,m.mdx)("strong",{parentName:"p"},"Note:")),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"The CSS custom properties applied via the theme provided only works in browsers which have native support for CSS custom properties.")),(0,m.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Install with ",(0,m.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("inlineCode",{parentName:"li"},"npm install terra-theme-provider"))))),(0,m.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,m.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,m.mdx)("table",null,(0,m.mdx)("thead",{parentName:"table"},(0,m.mdx)("tr",{parentName:"thead"},(0,m.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,m.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,m.mdx)("tbody",{parentName:"table"},(0,m.mdx)("tr",{parentName:"tbody"},(0,m.mdx)("td",{parentName:"tr",align:null},"react"),(0,m.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,m.mdx)("tr",{parentName:"tbody"},(0,m.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,m.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,m.mdx)("h2",{id:"usage"},"Usage"),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-js"},"import ThemeProvider from 'terra-theme-provider';\n")),(0,m.mdx)("h2",{id:"examples"},"Examples"),(0,m.mdx)(C,{title:"Example Theme Provider",mdxType:"DefaultThemeProvider"}),(0,m.mdx)("h2",{id:"theme-provider-props-table"},"Theme Provider Props Table"),(0,m.mdx)(u,{mdxType:"ThemeProviderPropsTable"}))}N.isMDXComponent=!0},14245:function(e,t,n){n.d(t,{E:function(){return r}});var a=n(96540),l=n(55713),r=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-theme-provider",name:"terra-theme-provider",version:"4.17.0",url:t})}},99638:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(17383)),r=a(n(34579)),m=a(n(28452)),o=a(n(63072)),d=a(n(29511)),i=a(n(96540)),s=a(n(67967)),p=a(n(61641)),u=a(n(40379)),c=a(n(78651));function h(e,t,n){return t=(0,o.default)(t),(0,m.default)(e,f()?Reflect.construct(t,n||[],(0,o.default)(e).constructor):t.apply(e,n))}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(f=function(){return!!e})()}var x=s.default.bind(c.default),v=function(e){function t(e){var n;return(0,l.default)(this,t),(n=h(this,t,[e])).state={theme:"",density:""},n.handleThemeChange=n.handleThemeChange.bind(n),n.handleDensityChange=n.handleDensityChange.bind(n),n}return(0,d.default)(t,e),(0,r.default)(t,[{key:"handleThemeChange",value:function(e){this.setState({theme:e.target.value})}},{key:"handleDensityChange",value:function(e){this.setState({density:e.target.value})}},{key:"render",value:function(){var e,t;return window.CSS&&window.CSS.supports&&window.CSS.supports("(--fake-var: 0)")?(e=i.default.createElement("div",{className:x("theme-switcher-wrapper")},i.default.createElement("label",{htmlFor:"theme"}," Theme: "),i.default.createElement("select",{id:"theme",value:this.state.theme,onChange:this.handleThemeChange},i.default.createElement("option",{value:""},"Default"),i.default.createElement("option",{value:"cerner-mock-theme"},"Mock Theme"))),t=i.default.createElement("div",{className:x("theme-switcher-wrapper")},i.default.createElement("label",{htmlFor:"density"}," Density: "),i.default.createElement("select",{id:"density",value:this.state.density,onChange:this.handleDensityChange},i.default.createElement("option",{value:""},"Default"),i.default.createElement("option",{value:"compact"},"Compact"),i.default.createElement("option",{value:"comfortable"},"Comfortable"),i.default.createElement("option",{value:"spacious"},"Spacious")))):e=i.default.createElement("div",null),i.default.createElement("div",null,i.default.createElement("div",null,e),i.default.createElement("div",null,t),i.default.createElement(p.default,{themeName:this.state.theme,density:this.state.density},i.default.createElement("div",null,i.default.createElement(u.default,null,"Themable component"))))}}])}(i.default.Component);t.A=v},40379:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(94634)),r=a(n(91847)),m=a(n(96540)),o=a(n(5556)),d=a(n(67967)),i=a(n(54848));n(50046);var s=["children"],p=d.default.bind(i.default),u={children:o.default.node.isRequired},c=function(e){var t=e.children,n=(0,r.default)(e,s);return m.default.createElement("div",(0,l.default)({},n,{className:p("mock-theme-component",n.className)}),t)};c.propTypes=u;t.default=c},89986: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"}},78651:function(e,t,n){n.r(t),t.default={"theme-switcher-wrapper":"DefaultThemeProvider-module__theme-switcher-wrapper___mXLjt"}},54848:function(e,t,n){n.r(t),t.default={"mock-theme-component":"MockThemeComponent-module__mock-theme-component___42Z5g"}},50046:function(e,t,n){n.r(t),t.default={}},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(96540)),l=r(n(25365));function r(e){return e&&e.__esModule?e:{default:e}}var m=function(e){var t=Object.assign({},e);return a.default.createElement(l.default,t,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};m.displayName="IconChevronLeft",m.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=m}}]); \ No newline at end of file diff --git a/48792-c770e16917c4f7b529e4.css b/48792-c770e16917c4f7b529e4.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/48792-c770e16917c4f7b529e4.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/48792-c770e16917c4f7b529e4.js b/48792-c770e16917c4f7b529e4.js new file mode 100644 index 0000000000..50dcdc75c9 --- /dev/null +++ b/48792-c770e16917c4f7b529e4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[48792],{55713:function(e,t,r){var n=r(24994);t.A=void 0;var a=n(r(96540)),i=n(r(5556)),m=n(r(67967)),d=n(r(25642)),l=m.default.bind(d.default),o={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var t=e.src,r=e.name,n=e.url,i=e.version,m=a.default.createElement("a",{className:l("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(i)},a.default.createElement("span",{className:l("badge-name")},n?"package":"npm"),a.default.createElement("span",{className:l("badge-version")},"v".concat(i))),d=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")},m,d)};u.propTypes=o;t.A=u},48792:function(e,t,r){r.r(t),r.d(t,{default:function(){return u}});var n=r(58168),a=r(53986),i=(r(96540),r(36665)),m=r(85226),d=["components"],l={},o="wrapper";function u(e){var t=e.components,r=(0,a.A)(e,d);return(0,i.mdx)(o,(0,n.A)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(m.E,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-time-input-upgrade-guide"},"Terra Time Input Upgrade Guide"),(0,i.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,i.mdx)("h3",{id:"new-props"},"New props"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Added ",(0,i.mdx)("inlineCode",{parentName:"li"},"onFocus")),(0,i.mdx)("li",{parentName:"ul"},"Added ",(0,i.mdx)("inlineCode",{parentName:"li"},"refCallback"))),(0,i.mdx)("h3",{id:"changes-to-onblur-and-onfocus"},"Changes to onBlur and onFocus"),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop previously could be passed down as a custom prop. This prop now becomes a first-class prop. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop used to be triggered when focus is moved from the hour input to the minute input or any other elements in the same time-input component. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop will still be triggered if the time-input component did not have focus and now just gained focus. However, if the focus is then moved from one time-input element to another time-input element, the ",(0,i.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback now would not be triggered because the focus is still within the time-input container. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback now behaves similar to the ",(0,i.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback where ",(0,i.mdx)("inlineCode",{parentName:"p"},"onBlur")," would not be triggered when focus is transfered from one time-input element to another time-input element of the same time-input component. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback would be triggered only when focus is lost from the entire time-input component."),(0,i.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,i.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,i.mdx)("h4",{id:"renamed"},"Renamed"),(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},"Previous"),(0,i.mdx)("th",{parentName:"tr",align:null},"New"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-border-color"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-border-color")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-border-style"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-border-style")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-border-width"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-border-width")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-opacity"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-opacity")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-color")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-animation-background"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-image")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-start"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-size")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-animation-size"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-background-size")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-box-shadow-ltr"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-ltr-box-shadow")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-box-shadow-rtl"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-rtl-box-shadow")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-width-input"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-min-width")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-bottom"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-bottom")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-left"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-left")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-right"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-right")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-top"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-top")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-desktop-focused-input-background"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-desktop-focused-input-background-color")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-time-spacer-input-margin-top"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-time-spacer-margin-top")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-label-size"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-label-font-size")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-border-radius"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-desktop-input-border-radius")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-meridiem-display-left-margin"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-meridiem-display-margin-left")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-line-height"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-line-height")))),(0,i.mdx)("h4",{id:"added"},"Added"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-line-height"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-hover-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-hover-border"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-hover-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-focus-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-focus-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-hour-margin-right"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-minute-margin-left"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-caret-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-time-mobile-spacer-margin-top"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-group-margin-left"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-desktop-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-selected-hover-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-selected-hover-border-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-selected-hover-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-font-size")),(0,i.mdx)("h4",{id:"removed"},"Removed"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-margin-left"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-margin-right"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-keyboard-border-style"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-keyboard-border-width")))}u.isMDXComponent=!0},85226:function(e,t,r){r.d(t,{E:function(){return i}});var n=r(96540),a=r(55713),i=function(e){var t=e.url;return n.createElement(a.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-time-input",name:"terra-time-input",version:"4.67.0",url:t})}},25642:function(e,t,r){r.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"}},58168:function(e,t,r){function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}r.d(t,{A:function(){return n}})}}]); \ No newline at end of file diff --git a/48993-46d29ee7c94debb25ec7.css b/48993-46d29ee7c94debb25ec7.css new file mode 100644 index 0000000000..a8967712ad --- /dev/null +++ b/48993-46d29ee7c94debb25ec7.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.InfiniteList-module__infinite-list___7fyNb{display:block;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:100%}.InfiniteList-module__infinite-hidden___aTAai{display:block;height:0;overflow:hidden;position:absolute;top:100%;width:100%}[dir] .InfiniteList-module__infinite-hidden___aTAai{border:0;margin:0;padding:0}.InfiniteList-module__full-loading___ZrKv4{height:100%;overflow:hidden;position:relative;width:100%}.InfiniteList-module__loading___Aj3yQ{display:block;position:relative;width:100%}.InfiniteList-module__spacer___DCsZK{display:block;position:relative;width:100%}[dir] .InfiniteList-module__spacer___DCsZK{margin:0;padding:0} +.InfiniteListDocExampleCommon-module__placeholder___\+p5qG{height:50px}.InfiniteListDocExampleCommon-module__item-content___wVR4Q{height:50px;width:100%}.InfiniteListDocExampleCommon-module__main-content___b5X2e{height:300px;position:relative;width:100%}[dir] .InfiniteListDocExampleCommon-module__main-content___b5X2e{border:1px solid #000} diff --git a/48993-46d29ee7c94debb25ec7.js b/48993-46d29ee7c94debb25ec7.js new file mode 100644 index 0000000000..06a1f7a5dd --- /dev/null +++ b/48993-46d29ee7c94debb25ec7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[48993],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var i=a(n(96540)),r=a(n(5556)),o=a(n(67967)),l=a(n(25642)),u=o.default.bind(l.default),c={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},s=function(e){var t=e.src,n=e.name,a=e.url,r=e.version,o=i.default.createElement("a",{className:u("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},i.default.createElement("span",{className:u("badge-name")},a?"package":"npm"),i.default.createElement("span",{className:u("badge-version")},"v".concat(r))),l=t?i.default.createElement("a",{className:u("badge"),href:t},i.default.createElement("span",{className:u("badge-name")},"github"),i.default.createElement("span",{className:u("badge-version")},"source")):void 0;return i.default.createElement("div",{className:u("badge-container")},o,l)};s.propTypes=c;t.A=s},86159:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(96540)),i=c(n(5556)),r=c(n(67967)),o=c(n(23695)),l=c(n(36605)),u=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var m=r.default.bind(l.default),f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:i.default.string},_=function(e){var t=e.children,n=d(e,u),i=a.default.useContext(o.default),l=(0,r.default)(m(["button",i.className]),n.className);return a.default.createElement("button",s({},n,{type:"button",className:l,onBlur:f,onMouseDown:p,"data-focus-styles-enabled":!0}),t)};_.propTypes=h;t.default=_},20999:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),i=u(n(5556)),r=u(n(67967)),o=u(n(23695)),l=u(n(17269));function u(e){return e&&e.__esModule?e:{default:e}}var c=r.default.bind(l.default),s={ariaLevel:i.default.oneOf(["2","3","4","5","6"]),children:i.default.node,variant:i.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},d=function(e){var t=e.ariaLevel,n=e.variant,i=e.children,r=a.default.useContext(o.default);return a.default.createElement("div",{className:c("notice",n,r.className)},a.default.createElement("div",{className:c("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:c("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:c("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:c("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:c("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:c("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(i,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};d.propTypes=s,d.defaultProps={ariaLevel:"2",variant:"important"};t.default=d},18778:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(96540)),i=s(n(5556)),r=s(n(46942)),o=s(n(67967)),l=s(n(23695)),u=s(n(16576)),c=["title"];function s(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||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var f=o.default.bind(u.default),p={title:i.default.string},h=function(e){var t=e.title,n=m(e,c),i=a.default.useContext(l.default),o=(0,r.default)(f(["placeholder",i.className]),n.className),u=f(["inner"]);return a.default.createElement("div",d({},n,{className:o}),a.default.createElement("div",{className:u},a.default.createElement("p",{className:f("title")},t)))};h.propTypes=p,h.defaultProps={title:""};t.default=h},74647: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 i.default}});var a=o(n(20999)),i=o(n(18778)),r=o(n(86159));function o(e){return e&&e.__esModule?e:{default:e}}},92615:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});var a=n(58168),i=n(53986),r=(n(96540),n(36665)),o=n(31756),l=n(74647),u=n(4667),c=["components"],s={},d="wrapper";function m(e){var t=e.components,n=(0,i.A)(e,c);return(0,r.mdx)(d,(0,a.A)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.E,{mdxType:"Badge"}),(0,r.mdx)("p",null,(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-infinite-list#readme"},(0,r.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,r.mdx)("h1",{id:"terra-infinite-list--subsections"},"Terra Infinite List — Subsections"),(0,r.mdx)(l.Notice,{variant:"deprecation",mdxType:"Notice"},(0,r.mdx)("p",null,"The terra-infinite-list component has been deprecated and is no longer recommended for use."),(0,r.mdx)("p",null,"From a usability perspective, infinite scrolling is a pattern designed and best used when users are casually looking for or discovering things, like shopping and social media. The infinite scrolling pattern should not be used for ",(0,r.mdx)("a",{parentName:"p",href:"https://www.nngroup.com/articles/infinite-scrolling/"},"goal-oriented tasks"),". Cerner products and our users most often fall into goal-oriented workflows. Users should have proper navigation methods (pagination) to navigate to predetermined points within the content easily."),(0,r.mdx)("p",null,"Infinite scrolling also poses significant accessibility challenges for multiple user groups:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Keyboard-only users have to navigate the entire infinite scroll to get to the content below or to the side of the endless loading content. This creates a very time-consuming and unnecessary burden for the keyboard-only user."),(0,r.mdx)("li",{parentName:"ul"},"Screen reader users would have the same problem even though they have more ways to navigate content on the page. When content is dynamically loaded and not within the DOM, screen reader users won't have access to any of that content which poses more significant challenges than just navigating."),(0,r.mdx)("li",{parentName:"ul"},"Focus can be lost when new content loads. Unless focus is managed, sighted keyboard-only users will have difficulties finding where they are on the page."),(0,r.mdx)("li",{parentName:"ul"},"For data with hierarchical relationships, infinite scrolling can make it difficult for screen readers to effectively communicate the required context if related content is split between loaded and unloaded content.")),(0,r.mdx)("p",null,"The ",(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/paginator/paginator"},"terra-paginator")," should be considered as an alternative approach to paging large amounts of data.")),(0,r.mdx)("p",null,"To achieve sections within the InfiniteList the only supported implementation is directly consuming the static variant of the ",(0,r.mdx)("inlineCode",{parentName:"p"},"SectionHeader")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"SubsectionHeader")," component. Expand/collapse functionality is not supported within the infinite list. "),(0,r.mdx)("h2",{id:"map-section-structure"},"Map Section Structure"),(0,r.mdx)("p",null,"So in our first step a ",(0,r.mdx)("inlineCode",{parentName:"p"},"SectionHeader")," needs to be created for each associated section. We'll add it to the initialization of an array that will be expanded in the following steps."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"}," const createSection = (sectionData) => {\n const section = [\n ,\n ];\n return section;\n };\n")),(0,r.mdx)("p",null,"Next we'll create an array with the first item being our section header, and then loop through the associated child sub sections for the section appending them to the initial array."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"}," const createSection = (sectionData) => {\n const section = [\n ,\n ];\n sectionData.childItems.forEach(childItem => section.push(createSection(childItem)));\n return section;\n };\n")),(0,r.mdx)("h2",{id:"map-subsection-structure"},"Map Subsection Structure"),(0,r.mdx)("p",null,"So in our first step a ",(0,r.mdx)("inlineCode",{parentName:"p"},"SubsectionHeader")," needs to be created for each associated section. We'll add it to the initialization of an array that will be expanded in following steps."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"const createSubSection = (subsectionData) => {\n const section = [\n ,\n ];\n return section;\n};\n")),(0,r.mdx)("p",null,"Next we'll create an array with the first item being our subsection header, and then loop through the associated child items for the section appending them to the initial array."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"const createSubSection = (subsectionData) => {\n const section = [\n ,\n ];\n subsectionData.childItems.forEach(childItem => section.push(createListItem(childItem)));\n return section;\n};\n")),(0,r.mdx)("h2",{id:"unpack-data"},"Unpack Data"),(0,r.mdx)("p",null,"We can then implement the unpack of our data into our list items."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"const createListItem = itemData => (\n \n \n \n);\n\nconst createSections = data => data.map(section => createSection(section));\n")),(0,r.mdx)("p",null,"Then we can implement a method to loop through our data and create the section with our methods and call it from our render method."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'const InfiniteListSection = () => (\n \n \n {createSections(mockData)}\n \n \n);\n')),(0,r.mdx)("p",null,"Using these steps we get the following example:"),(0,r.mdx)("h2",{id:"example"},"Example"),(0,r.mdx)(u.A,{title:"Sections Header Infinite List",mdxType:"InfiniteListSubsection"}))}m.isMDXComponent=!0},31756:function(e,t,n){n.d(t,{E:function(){return r}});var a=n(96540),i=n(55713),r=function(e){var t=e.url;return a.createElement(i.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-infinite-list",name:"terra-infinite-list",version:"3.43.0",url:t})}},39185:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=a(n(96540)),r=a(n(67967)),o=a(n(92973)),l=r.default.bind(o.default);t.default=function(e){var t=e.children;return i.default.createElement("div",{className:l("main-content")},t)}},4667:function(e,t,n){var a=n(24994),i=n(73738);t.A=void 0;var r=a(n(96540)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var l=r?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(47275)),l=n(74647),u=a(n(67967)),c=a(n(98086)),s=a(n(39185)),d=a(n(92973));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 f=u.default.bind(d.default),p=function(e){var t=[r.default.createElement(o.SubsectionHeader,{key:e.key,title:e.title})];return e.childItems.forEach((function(e){return t.push((n=e,r.default.createElement(o.Item,{key:n.key},r.default.createElement(l.Placeholder,{title:n.title,className:f("placeholder")}))));var n})),t},h=function(e){return e.map((function(e){return function(e){var t=[r.default.createElement(o.SectionHeader,{key:e.key,title:e.title})];return e.childItems.forEach((function(e){return t.push(p(e))})),t}(e)}))};t.A=function(){return r.default.createElement(s.default,null,r.default.createElement(o.default,{dividerStyle:"standard",isFinishedLoading:!0,ariaLabel:"Subsection"},h(c.default)))}},98086:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=[{title:"Section 0",key:"unique-key-0",childItems:[{title:"Subsection 0-0",key:"unique-key-0-0",childItems:[{title:"Item 0-0-0",key:"unique-0-0-0"},{title:"Item 0-0-1",key:"unique-0-0-1"},{title:"Item 0-0-2",key:"unique-0-0-2"},{title:"Item 0-0-3",key:"unique-0-0-3"},{title:"Item 0-0-4",key:"unique-0-0-4"},{title:"Item 0-0-5",key:"unique-0-0-5"}]},{title:"Subsection 0-1",key:"unique-key-0-1",childItems:[{title:"Item 0-1-0",key:"unique-0-1-0"},{title:"Item 0-1-1",key:"unique-0-1-1"},{title:"Item 0-1-2",key:"unique-0-1-2"},{title:"Item 0-1-3",key:"unique-0-1-3"},{title:"Item 0-1-4",key:"unique-0-1-4"},{title:"Item 0-1-5",key:"unique-0-1-5"}]}]},{title:"Section 1",key:"unique-key-1",childItems:[{title:"Subsection 1-0",key:"unique-key-1-0",childItems:[{title:"Item 1-0-0",key:"unique-1-0-0"},{title:"Item 1-0-1",key:"unique-1-0-1"},{title:"Item 1-0-2",key:"unique-1-0-2"},{title:"Item 1-0-3",key:"unique-1-0-3"},{title:"Item 1-0-4",key:"unique-1-0-4"},{title:"Item 1-0-5",key:"unique-1-0-5"}]},{title:"Subsection 1-1",key:"unique-key-1-1",childItems:[{title:"Item 1-1-0",key:"unique-1-1-0"},{title:"Item 1-1-1",key:"unique-1-1-1"},{title:"Item 1-1-2",key:"unique-1-1-2"},{title:"Item 1-1-3",key:"unique-1-1-3"},{title:"Item 1-1-4",key:"unique-1-1-4"},{title:"Item 1-1-5",key:"unique-1-1-5"}]}]},{title:"Section 2",key:"unique-key-2",childItems:[{title:"Subsection 2-0",key:"unique-key-2-0",childItems:[{title:"Item 2-0-0",key:"unique-2-0-0"},{title:"Item 2-0-1",key:"unique-2-0-1"},{title:"Item 2-0-2",key:"unique-2-0-2"},{title:"Item 2-0-3",key:"unique-2-0-3"},{title:"Item 2-0-4",key:"unique-2-0-4"},{title:"Item 2-0-5",key:"unique-2-0-5"}]},{title:"Subsection 2-1",key:"unique-key-2-1",childItems:[{title:"Item 2-1-0",key:"unique-2-1-0"},{title:"Item 2-1-1",key:"unique-2-1-1"},{title:"Item 2-1-2",key:"unique-2-1-2"},{title:"Item 2-1-3",key:"unique-2-1-3"},{title:"Item 2-1-4",key:"unique-2-1-4"},{title:"Item 2-1-5",key:"unique-2-1-5"}]}]}]},25642: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"}},36605: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"}},17269: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"}},16576: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"}},92973:function(e,t,n){n.r(t),t.default={placeholder:"InfiniteListDocExampleCommon-module__placeholder___+p5qG","item-content":"InfiniteListDocExampleCommon-module__item-content___wVR4Q","main-content":"InfiniteListDocExampleCommon-module__main-content___b5X2e"}},58168:function(e,t,n){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}n.d(t,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/49238-86c73d7f8c41ceab6f23.css b/49238-86c73d7f8c41ceab6f23.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/49238-86c73d7f8c41ceab6f23.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/49238-86c73d7f8c41ceab6f23.js b/49238-86c73d7f8c41ceab6f23.js new file mode 100644 index 0000000000..e510639c14 --- /dev/null +++ b/49238-86c73d7f8c41ceab6f23.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[49238],{55713:function(a,t,e){var r=e(24994);t.A=void 0;var n=r(e(96540)),l=r(e(5556)),i=r(e(67967)),d=r(e(25642)),p=i.default.bind(d.default),o={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(a){var t=a.src,e=a.name,r=a.url,l=a.version,i=n.default.createElement("a",{className:p("badge"),href:r||"https://www.npmjs.org/package/".concat(e,"/v/").concat(l)},n.default.createElement("span",{className:p("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:p("badge-version")},"v".concat(l))),d=t?n.default.createElement("a",{className:p("badge"),href:t},n.default.createElement("span",{className:p("badge-name")},"github"),n.default.createElement("span",{className:p("badge-version")},"source")):void 0;return n.default.createElement("div",{className:p("badge-container")},i,d)};m.propTypes=o;t.A=m},49238:function(a,t,e){e.r(t),e.d(t,{default:function(){return m}});var r=e(58168),n=e(53986),l=(e(96540),e(36665)),i=e(42300),d=["components"],p={},o="wrapper";function m(a){var t=a.components,e=(0,n.A)(a,d);return(0,l.mdx)(o,(0,r.A)({},p,e,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(i.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-application-links-upgrade-guide"},"Terra Application Links Upgrade Guide"),(0,l.mdx)("h2",{id:"changes-from-version-4-to-version-5"},"Changes from version 4 to version 5"),(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-application-tabs-spacer-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-wrapper-padding-left")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-spacer-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-wrapper-padding-right")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-spacer-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-container-padding-left")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-spacer-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-container-padding-right")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-menu-arrow-left-margin"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-menu-arrow-margin-left")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-font-size"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-font-size")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-padding-bottom"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-padding-bottom")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-padding-left"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-padding-left")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-padding-right"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-padding-right")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-padding-top"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-padding-top")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-hover-background-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-hover-background-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-selected-background-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-selected-background-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-selected-border-left"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-selected-border-left")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-selected-font-weight"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-selected-font-weight")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-selected-padding-left"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-selected-padding-left")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-selected-background-image"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-selected-before-background-image")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-collapsed-focus-box-shadow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-collapsed-active-focus-box-shadow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-menu-content-background-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-menu-content-background-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-menu-content-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-menu-content-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-menu-list-padding-bottom"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-menu-list-padding-bottom")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-tabs-menu-list-padding-top"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-application-links-tabs-menu-list-padding-top")))),(0,l.mdx)("h4",{id:"added"},"Added"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-font-size"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-font-weight"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-line-height"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-text-transform"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-transition-duration"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-transition-timing-function"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-width"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-divider-before-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-divider-before-background-image"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-divider-before-border-left"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-divider-before-border-right"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-divider-before-width"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-background-position"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-background-size"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-box-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-position-left"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-padding-left"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-padding-right"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-hover-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-selected-font-weight"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-selected-text-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-selected-divider-before-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-selected-divider-before-background-image"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-selected-divider-before-border-left-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-selected-divider-before-border-right-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-selected-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-selected-background-image"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-selected-background-size"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-selected-box-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-active-focus-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-active-focus-box-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-selected-active-focus-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-tab-selected-active-focus-box-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-links-tabs-collapsed-active-focus-background-color")),(0,l.mdx)("h4",{id:"removed"},"Removed"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-background-position"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-background-size"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-border-right"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-box-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-font-size"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-line-height"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-text-transform"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-transition-duration"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-transition-timing"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tab-width"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-hover-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-hover-background-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-selected-background-image"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-active-background-size"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-focus-box-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-border-left"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-box-shadow"),(0,l.mdx)("li",{parentName:"ul"},"--terra-application-tabs-first-child-focus-box-shadow")))}m.isMDXComponent=!0},42300:function(a,t,e){e.d(t,{E:function(){return l}});var r=e(96540),n=e(55713),l=function(a){var t=a.url;return r.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-links",name:"terra-application-links",version:"6.85.0",url:t})}},25642:function(a,t,e){e.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"}},58168:function(a,t,e){function r(){return r=Object.assign?Object.assign.bind():function(a){for(var t=1;t=0)continue;e[r]=a[r]}return e}(a,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(a);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(a,e)&&(n[e]=a[e])}return n}e.d(t,{A:function(){return r}})}}]); \ No newline at end of file diff --git a/50205-c5d27135eeb141d749d0.css b/50205-c5d27135eeb141d749d0.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/50205-c5d27135eeb141d749d0.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/50205-c5d27135eeb141d749d0.js b/50205-c5d27135eeb141d749d0.js new file mode 100644 index 0000000000..1c0e809667 --- /dev/null +++ b/50205-c5d27135eeb141d749d0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[50205],{55713:function(e,a,l){var d=l(24994);a.A=void 0;var m=d(l(96540)),n=d(l(5556)),r=d(l(67967)),i=d(l(25642)),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;a.A=p},50205:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(58168),m=l(53986),n=(l(96540),l(36665)),r=l(75462),i=["components"],t={},u="wrapper";function p(e){var a=e.components,l=(0,m.A)(e,i);return(0,n.mdx)(u,(0,d.A)({},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:"7310---may-20-2024"},"7.31.0 - (May 20, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7300---may-14-2024"},"7.30.0 - (May 14, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7290---may-8-2024"},"7.29.0 - (May 8, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7281---may-1-2024"},"7.28.1 - (May 1, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixes for deselection of tab within more button."),(0,n.mdx)("li",{parentName:"ul"},"More button dropdown left position reset to zero when negative.")))),(0,n.mdx)("h2",{id:"7280---april-23-2024"},"7.28.0 - (April 23, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7270---april-18-2024"},"7.27.0 - (April 18, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7261---april-17-2024"},"7.26.1 - (April 17, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixes right border for vertical tabs not extending till last tab.")))),(0,n.mdx)("h2",{id:"7260---april-10-2024"},"7.26.0 - (April 10, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7250---april-4-2024"},"7.25.0 - (April 4, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7240---march-29-2024"},"7.24.0 - (March 29, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixes dropdown list overflow and reset left position value after close.")))),(0,n.mdx)("h2",{id:"7230---march-25-2024"},"7.23.0 - (March 25, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7220---march-21-2024"},"7.22.0 - (March 21, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Position dropdown element only after it is opened to prevent additional white space getting added.")))),(0,n.mdx)("h2",{id:"7210---march-14-2024"},"7.21.0 - (March 14, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7201---march-8-2024"},"7.20.1 - (March 8, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixes component re-render with updated icon.")))),(0,n.mdx)("h2",{id:"7200---march-5-2024"},"7.20.0 - (March 5, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7190---march-1-2024"},"7.19.0 - (March 1, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7180---february-28-2024"},"7.18.0 - (February 28, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7170---february-7-2024"},"7.17.0 - (February 7, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7160---january-22-2024"},"7.16.0 - (January 22, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"7150---december-18-2023"},"7.15.0 - (December 18, 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:"7140---december-11-2023"},"7.14.0 - (December 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"},"Fixed aria-label condition in tab.")))),(0,n.mdx)("h2",{id:"7130---november-29-2023"},"7.13.0 - (November 29, 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"},"Added margin between icon and label in tab.")))),(0,n.mdx)("h2",{id:"7120---november-23-2023"},"7.12.0 - (November 23, 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:"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"},(0,n.mdx)("p",{parentName:"li"},"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"},(0,n.mdx)("p",{parentName:"li"},"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.A)(e,x);return(0,n.mdx)(N,(0,d.A)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},75462:function(e,a,l){l.d(a,{E:function(){return n}});var d=l(96540),m=l(55713),n=function(e){var a=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-tabs",name:"terra-tabs",version:"7.31.0",url:a})}},25642: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"}},58168:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(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,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/51093-c820f1eb00b9ea8dedc2.css b/51093-c820f1eb00b9ea8dedc2.css new file mode 100644 index 0000000000..b8558ca16b --- /dev/null +++ b/51093-c820f1eb00b9ea8dedc2.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.SlideGroupDemo-module__container___ex4X\+{height:250px;overflow:hidden;position:relative;width:400px}.SlideGroupDemo-module__slide___t5xgp{height:100%}[dir] .SlideGroupDemo-module__slide___t5xgp{background-color:#add8e6;padding:5px}.SlideGroupDemo-module__content-wrapper___QFHG8{height:200px;overflow:hidden;position:relative;width:400px}[dir] .SlideGroupDemo-module__button___mNrAz{background-color:#d3d3d3}.SlideGroupDemo-module__custom-slide___zwZof{height:200px !important} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/51093-c820f1eb00b9ea8dedc2.js b/51093-c820f1eb00b9ea8dedc2.js new file mode 100644 index 0000000000..90aa73ed26 --- /dev/null +++ b/51093-c820f1eb00b9ea8dedc2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[51093],{201:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var l=a(n(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(96540)),i=a(n(5556)),d=a(n(67967)),m=n(92912),u=a(n(49558)),s=a(n(53665)),c=n(25966),p=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=d.default.bind(p.default),h={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,i=e.description,d=e.isExpanded,p=(0,o.useState)(d),f=(0,l.default)(p,2),h=f[0],v=f[1],b=(0,o.useState)(!1),E=(0,l.default)(b,2),g=E[0],S=E[1],N=o.default.useContext(m.ThemeContext),T=void 0!==a,A=function(){S(!g),h&&v(!h)},C=function(){v(!h),g&&S(!g)},w=function(e,t){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:x("template",N.className)},o.default.createElement("div",{className:x("header")},r&&o.default.createElement("h2",{className:x("title")},r)),o.default.createElement("div",{className:x("content")},i&&o.default.createElement("div",{className:x("description")},i),t),o.default.createElement("div",{className:x("footer")},n?o.default.createElement("div",{className:x("button-container")},T&&o.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":g}),onClick:A,onKeyDown:function(e){return w(e,A)},onBlur:_,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:x("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:x("chevron")})),o.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":h}),onClick:C,onKeyDown:function(e){return w(e,C)},onBlur:_,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:x("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:x("chevron")}))):null,o.default.createElement("div",null,g&&o.default.createElement("div",{className:x("css")},a),h&&o.default.createElement("div",{className:x("code")},n))))};v.propTypes=h,v.defaultProps={isExpanded:!1};t.A=v},14147:function(e,t,n){n.r(t),n.d(t,{default:function(){return k}});var a=n(58168),r=n(53986),l=n(96540),o=n(36665),i=n(56907),d=n(12883),m=["components"],u={},s="wrapper";function c(e){var t=e.components,n=(0,r.A)(e,m);return(0,o.mdx)(s,(0,a.A)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(d.Ay,{mdxType:"PropsTable"},(0,o.mdx)(d.fI,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(d.dt,{mdxType:"PropNameCell"},"items"),(0,o.mdx)(d.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"array\n"))),(0,o.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The array of components for the group. Only the last component is visible. The others are hidden but still mounted."))),(0,o.mdx)(d.fI,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(d.dt,{mdxType:"PropNameCell"},"isAnimated"),(0,o.mdx)(d.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"When true, the transition between slides is animated.")))))}c.isMDXComponent=!0;var p=n(16070),f=["components"],x={};function h(e){var t=e.components,n=(0,r.A)(e,f);return(0,o.mdx)("wrapper",(0,a.A)({},x,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport SlideGroup from 'terra-slide-group';\nimport styles from './SlideGroupDemo.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass SlideGroupDemo extends React.Component {\n constructor(props) {\n super(props);\n\n this.increment = this.increment.bind(this);\n this.decrement = this.decrement.bind(this);\n\n this.state = {\n counter: 1,\n };\n }\n\n increment() {\n this.setState(prevState => ({\n counter: prevState.counter + 1,\n }));\n }\n\n decrement() {\n this.setState(prevState => ({\n counter: prevState.counter - 1,\n }));\n }\n\n render() {\n const slides = [];\n for (let i = 0; i < this.state.counter; i += 1) {\n slides.push((\n \n

\n Slide\n {i}\n

\n
\n \n {i !== 0 ? : null}\n
\n ));\n }\n\n return (\n
\n \n
\n );\n }\n}\n\nSlideGroupDemo.propTypes = {\n isAnimated: PropTypes.bool,\n};\n\nexport default SlideGroupDemo;\n\n")))}h.isMDXComponent=!0;var _=n(201),y=["components"],v={};function b(e){var t=e.components,n=(0,r.A)(e,y);return(0,o.mdx)("wrapper",(0,a.A)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .container {\n height: 250px;\n overflow: hidden;\n position: relative;\n width: 400px;\n }\n\n .slide {\n background-color: #add8e6;\n height: 100%;\n padding: 5px;\n }\n\n .content-wrapper {\n height: 200px;\n overflow: hidden;\n position: relative;\n width: 400px;\n }\n\n .button {\n background-color: #d3d3d3;\n }\n\n .custom-slide {\n height: 200px !important;\n }\n}\n\n")))}b.isMDXComponent=!0;var E=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(_.A,{title:t||"Slide Group Demo",description:n,example:l.createElement(p.A,null),exampleCssSrc:l.createElement(b,null),exampleSrc:l.createElement(h,null),isExpanded:a})},g=n(55963),S=["components"],N={};function T(e){var t=e.components,n=(0,r.A)(e,S);return(0,o.mdx)("wrapper",(0,a.A)({},N,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport SlideGroup from 'terra-slide-group';\nimport styles from './SlideGroupDemo.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass SlideGroupDemo extends React.Component {\n constructor(props) {\n super(props);\n\n this.increment = this.increment.bind(this);\n this.decrement = this.decrement.bind(this);\n\n this.state = {\n counter: 1,\n };\n }\n\n increment() {\n this.setState(prevState => ({\n counter: prevState.counter + 1,\n }));\n }\n\n decrement() {\n this.setState(prevState => ({\n counter: prevState.counter - 1,\n }));\n }\n\n render() {\n const slides = [];\n for (let i = 0; i < this.state.counter; i += 1) {\n slides.push((\n \n

\n Slide\n {i}\n

\n
\n \n {i !== 0 ? : null}\n \n ));\n }\n\n return (\n
\n \n
\n );\n }\n}\n\nSlideGroupDemo.propTypes = {\n isAnimated: PropTypes.bool,\n};\n\nconst AnimatedSlideGroup = () => (\n \n);\nexport default AnimatedSlideGroup;\n\n")))}T.isMDXComponent=!0;var A=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(_.A,{title:t||"Slide Group Demo Animated",description:n,example:l.createElement(g.A,null),exampleCssSrc:l.createElement(b,null),exampleSrc:l.createElement(T,null),isExpanded:a})},C=["components"],w={},D="wrapper";function k(e){var t=e.components,n=(0,r.A)(e,C);return(0,o.mdx)(D,(0,a.A)({},w,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(i.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-slide-group"},"Terra Slide Group"),(0,o.mdx)("p",null,"The SlideGroup is a utility component that utilizes the ",(0,o.mdx)("inlineCode",{parentName:"p"},"react-transition-group")," library to present a stack of components in an\nanimated fashion."),(0,o.mdx)("p",null,"The last component in the group is visible, and all others are hidden. While the hidden components are not visible and\nmarked with the ",(0,o.mdx)("inlineCode",{parentName:"p"},"aria-hidden")," attribute, they are not actually unmounted."),(0,o.mdx)("p",null,"When a slide is disclosed, non-visible focus is assigned to the outermost slide container. Any component utilizing the SlideGroup will need to handle the keyboard accessibility of the content on each slide."),(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-slide-group"))))),(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)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SlideGroup from 'terra-slide-group';\n")),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(E,{title:"Non-Animated SlideGroup",mdxType:"SlideGroupDemo"}),(0,o.mdx)(A,{title:"Animated SlideGroup",mdxType:"SlideGroupDemoAnimated"}),(0,o.mdx)("h2",{id:"slide-group-props-table"},"Slide Group Props Table"),(0,o.mdx)(c,{mdxType:"SlideGroupPropsTable"}))}k.isMDXComponent=!0},56907:function(e,t,n){n.d(t,{E:function(){return l}});var a=n(96540),r=n(55713),l=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-group",name:"terra-slide-group",version:"4.35.0",url:t})}},16070:function(e,t,n){var a=n(24994);t.A=void 0;var r=a(n(17383)),l=a(n(34579)),o=a(n(28452)),i=a(n(63072)),d=a(n(29511)),m=a(n(96540)),u=a(n(5556)),s=a(n(67967)),c=a(n(11191)),p=a(n(49955));function f(e,t,n){return t=(0,i.default)(t),(0,o.default)(e,x()?Reflect.construct(t,n||[],(0,i.default)(e).constructor):t.apply(e,n))}function x(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(x=function(){return!!e})()}var h=s.default.bind(p.default),_=function(e){function t(e){var n;return(0,r.default)(this,t),(n=f(this,t,[e])).increment=n.increment.bind(n),n.decrement=n.decrement.bind(n),n.state={counter:1},n}return(0,d.default)(t,e),(0,l.default)(t,[{key:"increment",value:function(){this.setState((function(e){return{counter:e.counter+1}}))}},{key:"decrement",value:function(){this.setState((function(e){return{counter:e.counter-1}}))}},{key:"render",value:function(){for(var e=[],t=0;t (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nconst attachmentValues = (attachment) => {\n if (attachment === 'middle start') {\n return { vertical: 'middle', horizontal: 'start' };\n } if (attachment === 'middle end') {\n return { vertical: 'middle', horizontal: 'end' };\n } if (attachment === 'middle center') {\n return { vertical: 'middle', horizontal: 'center' };\n } if (attachment === 'top start') {\n return { vertical: 'top', horizontal: 'start' };\n } if (attachment === 'top end') {\n return { vertical: 'top', horizontal: 'end' };\n } if (attachment === 'top center') {\n return { vertical: 'top', horizontal: 'center' };\n } if (attachment === 'bottom start') {\n return { vertical: 'bottom', horizontal: 'start' };\n } if (attachment === 'bottom end') {\n return { vertical: 'bottom', horizontal: 'end' };\n }\n return { vertical: 'bottom', horizontal: 'center' };\n};\n\nconst getId = name => `${name}Example`;\n\nclass HookshotStandard 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.handleAttachmentBehaviorChange = this.handleAttachmentBehaviorChange.bind(this);\n this.handleContentAttachmentChange = this.handleContentAttachmentChange.bind(this);\n this.handleTargetAttachmentChange = this.handleTargetAttachmentChange.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n this.state = {\n isOpen: false,\n hookshotContentAttachment: ATTACHMENT_POSITIONS[1],\n hookshotTargetAttachment: ATTACHMENT_POSITIONS[7],\n hookshotAttachmentBehavior: Hookshot.attachmentBehaviors[0],\n hookshotAttachmentMargin: 0,\n };\n }\n\n handleButtonClick() {\n this.setState(prevState => ({ isOpen: !prevState.isOpen }));\n }\n\n handleRequestClose() {\n this.setState({ isOpen: false });\n }\n\n handleAttachmentBehaviorChange(event) {\n this.setState({ hookshotAttachmentBehavior: event.target.value });\n }\n\n handleContentAttachmentChange(event) {\n this.setState({ hookshotContentAttachment: event.target.value });\n }\n\n handleTargetAttachmentChange(event) {\n this.setState({ hookshotTargetAttachment: event.target.value });\n }\n\n handleInputChange(event) {\n if (event.target.value !== '') {\n this.setState({ [event.target.name]: Number.parseFloat(event.target.value) });\n }\n }\n\n render() {\n const hookshotContent = (\n \n
Hookshot
\n \n );\n\n return (\n
\n
\n \n
\n \n {generateOptions(Hookshot.attachmentBehaviors)}\n \n
\n
\n \n
\n \n
\n \n {generateOptions(ATTACHMENT_POSITIONS)}\n \n
\n
\n
\n \n
\n \n {generateOptions(ATTACHMENT_POSITIONS)}\n \n
\n
\n document.getElementById('hookshot-standard-button')}\n >\n {hookshotContent}\n \n
\n );\n }\n}\n\nexport default HookshotStandard;\n\n")))}k.isMDXComponent=!0;var b=n(201),A=["components"],y={};function T(e){var t=e.components,n=(0,o.A)(e,A);return(0,r.mdx)("wrapper",(0,a.A)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n background-color: #f00;\n height: 40px;\n width: 200px;\n }\n\n .bounded-parent-node-wrapper {\n background-color: #f0f8ff;\n height: 200px;\n overflow: auto;\n position: relative;\n width: 400px;\n }\n\n .coords-parent-node-wrapper {\n background-color: #f0f8ff;\n border: 1px dashed #000;\n height: 300px;\n width: 100%;\n }\n\n .select-wrapper {\n height: 30px;\n width: 200px;\n }\n\n .heading-wrapper {\n height: 25px;\n }\n\n .label {\n font-weight: bold;\n }\n\n .input-wrapper {\n width: 200px;\n }\n\n .button-wrapper {\n height: 600px;\n position: relative;\n width: 1200px;\n }\n\n .custom-button {\n left: 600px;\n position: absolute;\n top: 300px;\n }\n}\n\n")))}T.isMDXComponent=!0;var N=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(b.A,{title:t||"Hookshot Example",description:n,example:l.createElement(f.A,null),exampleCssSrc:l.createElement(T,null),exampleSrc:l.createElement(k,null),isExpanded:a})},E=n(5451),_=["components"],R={};function w(e){var t=e.components,n=(0,o.A)(e,_);return(0,r.mdx)("wrapper",(0,a.A)({},R,n,{components:t,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 Button from 'terra-button';\nimport InputField from 'terra-form-input/lib/InputField';\nimport Hookshot from 'terra-hookshot';\nimport styles from './HookshotDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ATTACHMENT_POSITIONS = [\n 'top start',\n 'top center',\n 'top end',\n 'middle start',\n 'middle center',\n 'middle end',\n 'bottom start',\n 'bottom center',\n 'bottom end',\n];\n\nconst generateOptions = values => (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nconst attachmentValues = (attachment) => {\n if (attachment === 'middle start') {\n return { vertical: 'middle', horizontal: 'start' };\n } if (attachment === 'middle end') {\n return { vertical: 'middle', horizontal: 'end' };\n } if (attachment === 'middle center') {\n return { vertical: 'middle', horizontal: 'center' };\n } if (attachment === 'top start') {\n return { vertical: 'top', horizontal: 'start' };\n } if (attachment === 'top end') {\n return { vertical: 'top', horizontal: 'end' };\n } if (attachment === 'top center') {\n return { vertical: 'top', horizontal: 'center' };\n } if (attachment === 'bottom start') {\n return { vertical: 'bottom', horizontal: 'start' };\n } if (attachment === 'bottom end') {\n return { vertical: 'bottom', horizontal: 'end' };\n }\n return { vertical: 'bottom', horizontal: 'center' };\n};\n\nconst getId = name => `${name}BoundedExample`;\n\nclass HookshotStandard 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.handleAttachmentBehaviorChange = this.handleAttachmentBehaviorChange.bind(this);\n this.handleContentAttachmentChange = this.handleContentAttachmentChange.bind(this);\n this.handleTargetAttachmentChange = this.handleTargetAttachmentChange.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n this.setParentNode = this.setParentNode.bind(this);\n this.getParentNode = this.getParentNode.bind(this);\n this.state = {\n isOpen: false,\n hookshotContentAttachment: ATTACHMENT_POSITIONS[1],\n hookshotTargetAttachment: ATTACHMENT_POSITIONS[7],\n hookshotAttachmentBehavior: Hookshot.attachmentBehaviors[0],\n hookshotAttachmentMargin: 0,\n };\n }\n\n componentDidMount() {\n this.parentNode.scrollTop = 225;\n this.parentNode.scrollLeft = 475;\n }\n\n handleButtonClick() {\n this.setState(prevState => ({ isOpen: !prevState.isOpen }));\n }\n\n handleRequestClose() {\n this.setState({ isOpen: false });\n }\n\n handleAttachmentBehaviorChange(event) {\n this.setState({ hookshotAttachmentBehavior: event.target.value });\n }\n\n handleContentAttachmentChange(event) {\n this.setState({ hookshotContentAttachment: event.target.value });\n }\n\n handleTargetAttachmentChange(event) {\n this.setState({ hookshotTargetAttachment: event.target.value });\n }\n\n handleInputChange(event) {\n if (event.target.value !== '') {\n this.setState({ [event.target.name]: Number.parseFloat(event.target.value) });\n }\n }\n\n setParentNode(node) {\n this.parentNode = node;\n }\n\n getParentNode() {\n return this.parentNode;\n }\n\n render() {\n const hookshotContent = (\n \n
Hookshot
\n \n );\n\n return (\n
\n
\n \n
\n \n {generateOptions(Hookshot.attachmentBehaviors)}\n \n
\n
\n \n
\n \n
\n \n {generateOptions(ATTACHMENT_POSITIONS)}\n \n
\n
\n
\n \n
\n \n {generateOptions(ATTACHMENT_POSITIONS)}\n \n
\n
\n document.getElementById('hookshot-bounded-button')}\n >\n {hookshotContent}\n \n \n
\n
\n
\n \n );\n }\n}\n\nexport default HookshotStandard;\n\n")))}w.isMDXComponent=!0;var B=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(b.A,{title:t||"Bounded Hookshot Example",description:n,example:l.createElement(E.A,null),exampleCssSrc:l.createElement(T,null),exampleSrc:l.createElement(w,null),isExpanded:a})},I=n(76922),O=["components"],H={};function S(e){var t=e.components,n=(0,o.A)(e,O);return(0,r.mdx)("wrapper",(0,a.A)({},H,n,{components:t,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 InputField from 'terra-form-input/lib/InputField';\nimport Hookshot from 'terra-hookshot';\nimport styles from './HookshotDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ATTACHMENT_POSITIONS = [\n 'top start',\n 'top center',\n 'top end',\n 'middle start',\n 'middle center',\n 'middle end',\n 'bottom start',\n 'bottom center',\n 'bottom end',\n];\n\nconst generateOptions = values => (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nconst attachmentValues = (attachment) => {\n if (attachment === 'middle start') {\n return { vertical: 'middle', horizontal: 'start' };\n } if (attachment === 'middle end') {\n return { vertical: 'middle', horizontal: 'end' };\n } if (attachment === 'middle center') {\n return { vertical: 'middle', horizontal: 'center' };\n } if (attachment === 'top start') {\n return { vertical: 'top', horizontal: 'start' };\n } if (attachment === 'top end') {\n return { vertical: 'top', horizontal: 'end' };\n } if (attachment === 'top center') {\n return { vertical: 'top', horizontal: 'center' };\n } if (attachment === 'bottom start') {\n return { vertical: 'bottom', horizontal: 'start' };\n } if (attachment === 'bottom end') {\n return { vertical: 'bottom', horizontal: 'end' };\n }\n return { vertical: 'bottom', horizontal: 'center' };\n};\n\nconst getId = name => `${name}CoordsExample`;\n\nclass HookshotStandard extends React.Component {\n constructor(props) {\n super(props);\n this.handleRegionClick = this.handleRegionClick.bind(this);\n this.handleRequestClose = this.handleRequestClose.bind(this);\n this.setParentNode = this.setParentNode.bind(this);\n this.getParentNode = this.getParentNode.bind(this);\n this.handleAttachmentBehaviorChange = this.handleAttachmentBehaviorChange.bind(this);\n this.handleContentAttachmentChange = this.handleContentAttachmentChange.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n this.state = {\n isOpen: false,\n coordinates: undefined,\n hookshotContentAttachment: ATTACHMENT_POSITIONS[1],\n hookshotAttachmentBehavior: Hookshot.attachmentBehaviors[0],\n hookshotAttachmentMargin: 0,\n };\n }\n\n handleRegionClick(event) {\n const coordinates = { x: event.clientX, y: event.clientY };\n this.setState(prevState => ({ isOpen: !prevState.isOpen, coordinates }));\n }\n\n handleRequestClose() {\n this.setState({ isOpen: false });\n }\n\n handleAttachmentBehaviorChange(event) {\n this.setState({ hookshotAttachmentBehavior: event.target.value });\n }\n\n handleContentAttachmentChange(event) {\n this.setState({ hookshotContentAttachment: event.target.value });\n }\n\n handleInputChange(event) {\n if (event.target.value !== '') {\n this.setState({ [event.target.name]: Number.parseFloat(event.target.value) });\n }\n }\n\n setParentNode(node) {\n this.parentNode = node;\n }\n\n getParentNode() {\n return this.parentNode;\n }\n\n render() {\n const hookshotContent = (\n \n
Hookshot
\n \n );\n\n return (\n /* eslint-disable jsx-a11y/no-static-element-interactions */\n
\n
\n \n
\n \n {generateOptions(Hookshot.attachmentBehaviors)}\n \n
\n
\n \n
\n \n
\n \n {generateOptions(ATTACHMENT_POSITIONS)}\n \n
\n
\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n \n Click Inside\n \n {hookshotContent}\n \n
\n \n /* eslint-enable jsx-a11y/no-static-element-interactions */\n );\n }\n}\n\nexport default HookshotStandard;\n\n")))}S.isMDXComponent=!0;var P=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(b.A,{title:t||"Coords Hookshot Example",description:n,example:l.createElement(I.A,null),exampleCssSrc:l.createElement(T,null),exampleSrc:l.createElement(S,null),isExpanded:a})},M=["components"],z={},D="wrapper";function q(e){var t=e.components,n=(0,o.A)(e,M);return(0,r.mdx)(D,(0,a.A)({},z,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(d.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-hookshot"},"Terra Hookshot"),(0,r.mdx)("p",null,"The Terra Hookshot component positions content according to a targeted attachment, ensuring they stay connected."),(0,r.mdx)("p",null,"Hookshot is currently utilized in the following component(s):",(0,r.mdx)("br",null)),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-framework/components/terra-popup/popup/popup"},"Popup"))),(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-hookshot"))))),(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)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Hookshot from 'terra-hookshot';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(N,{title:"Window Bound Hookshot",mdxType:"HookshotExample"}),(0,r.mdx)(B,{title:"Container Bound Hookshot",mdxType:"BoundedHookshotExample"}),(0,r.mdx)(P,{title:"Coordinate Targeted Hookshot",mdxType:"CoordsHookshotExample"}),(0,r.mdx)("h2",{id:"hookshot-props-table"},"Hookshot Props Table"),(0,r.mdx)(c,{mdxType:"HookshotSrc"}),(0,r.mdx)("h2",{id:"hookshot-content-props-table"},"Hookshot Content Props Table"),(0,r.mdx)(g,{mdxType:"HookshotContentSrc"}))}q.isMDXComponent=!0},9527:function(e,t,n){n.d(t,{E:function(){return l}});var a=n(96540),o=n(55713),l=function(e){var t=e.url;return a.createElement(o.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-hookshot",name:"terra-hookshot",version:"5.43.0",url:t})}},5451:function(e,t,n){var a=n(24994);t.A=void 0;var o=a(n(43693)),l=a(n(17383)),r=a(n(34579)),d=a(n(28452)),s=a(n(63072)),h=a(n(29511)),m=a(n(96540)),i=a(n(67967)),c=a(n(23986)),u=a(n(19127)),p=a(n(70444)),x=a(n(91674));function g(e,t,n){return t=(0,s.default)(t),(0,d.default)(e,f()?Reflect.construct(t,n||[],(0,s.default)(e).constructor):t.apply(e,n))}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(f=function(){return!!e})()}var v=i.default.bind(x.default),C=["top start","top center","top end","middle start","middle center","middle end","bottom start","bottom center","bottom end"],k=function(e){return e.map((function(e,t){var n=t;return m.default.createElement("option",{key:n,value:e},e)}))},b=function(e){return"middle start"===e?{vertical:"middle",horizontal:"start"}:"middle end"===e?{vertical:"middle",horizontal:"end"}:"middle center"===e?{vertical:"middle",horizontal:"center"}:"top start"===e?{vertical:"top",horizontal:"start"}:"top end"===e?{vertical:"top",horizontal:"end"}:"top center"===e?{vertical:"top",horizontal:"center"}:"bottom start"===e?{vertical:"bottom",horizontal:"start"}:"bottom end"===e?{vertical:"bottom",horizontal:"end"}:{vertical:"bottom",horizontal:"center"}},A=function(e){return"".concat(e,"BoundedExample")},y=function(e){function t(e){var n;return(0,l.default)(this,t),(n=g(this,t,[e])).handleButtonClick=n.handleButtonClick.bind(n),n.handleRequestClose=n.handleRequestClose.bind(n),n.handleAttachmentBehaviorChange=n.handleAttachmentBehaviorChange.bind(n),n.handleContentAttachmentChange=n.handleContentAttachmentChange.bind(n),n.handleTargetAttachmentChange=n.handleTargetAttachmentChange.bind(n),n.handleInputChange=n.handleInputChange.bind(n),n.setParentNode=n.setParentNode.bind(n),n.getParentNode=n.getParentNode.bind(n),n.state={isOpen:!1,hookshotContentAttachment:C[1],hookshotTargetAttachment:C[7],hookshotAttachmentBehavior:p.default.attachmentBehaviors[0],hookshotAttachmentMargin:0},n}return(0,h.default)(t,e),(0,r.default)(t,[{key:"componentDidMount",value:function(){this.parentNode.scrollTop=225,this.parentNode.scrollLeft=475}},{key:"handleButtonClick",value:function(){this.setState((function(e){return{isOpen:!e.isOpen}}))}},{key:"handleRequestClose",value:function(){this.setState({isOpen:!1})}},{key:"handleAttachmentBehaviorChange",value:function(e){this.setState({hookshotAttachmentBehavior:e.target.value})}},{key:"handleContentAttachmentChange",value:function(e){this.setState({hookshotContentAttachment:e.target.value})}},{key:"handleTargetAttachmentChange",value:function(e){this.setState({hookshotTargetAttachment:e.target.value})}},{key:"handleInputChange",value:function(e){""!==e.target.value&&this.setState((0,o.default)({},e.target.name,Number.parseFloat(e.target.value)))}},{key:"setParentNode",value:function(e){this.parentNode=e}},{key:"getParentNode",value:function(){return this.parentNode}},{key:"render",value:function(){var e=m.default.createElement(p.default.Content,{onEsc:this.handleRequestClose,onOutsideClick:this.handleRequestClose,onResize:this.handleRequestClose},m.default.createElement("div",{className:v("content-wrapper")},"Hookshot"));return m.default.createElement("div",null,m.default.createElement("div",{className:v("heading-wrapper")},m.default.createElement("label",{htmlFor:A("hookshotAttachmentBehavior"),className:v("label")},"Attachment Behavior")),m.default.createElement("select",{id:A("hookshotAttachmentBehavior"),name:"hookshotAttachmentBehavior",value:this.state.hookshotAttachmentBehavior,onChange:this.handleAttachmentBehaviorChange,className:v("select-wrapper")},k(p.default.attachmentBehaviors)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement(u.default,{label:"Attachment Margin in Px",inputId:A("hookshotAttachmentMargin"),inputAttrs:{name:"hookshotAttachmentMargin",type:"number"},defaultValue:this.state.hookshotAttachmentMargin,className:v("input-wrapper"),onChange:this.handleInputChange}),m.default.createElement("div",{className:v("heading-wrapper")},m.default.createElement("label",{htmlFor:A("hookshotContentAttachment"),className:v("label")},"Content Attachment")),m.default.createElement("select",{id:A("hookshotContentAttachment"),name:"hookshotContentAttachment",value:this.state.hookshotContentAttachment,onChange:this.handleContentAttachmentChange,className:v("select-wrapper")},k(C)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("div",{className:v("heading-wrapper")},m.default.createElement("label",{htmlFor:A("hookshotTargetAttachment"),className:v("label")},"Target Attachment")),m.default.createElement("select",{id:A("hookshotTargetAttachment"),name:"hookshotTargetAttachment",value:this.state.hookshotTargetAttachment,onChange:this.handleTargetAttachmentChange,className:v("select-wrapper")},k(C)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement(p.default,{attachmentBehavior:this.state.hookshotAttachmentBehavior,attachmentMargin:this.state.hookshotAttachmentMargin,boundingRef:this.getParentNode,contentAttachment:b(this.state.hookshotContentAttachment),isEnabled:!0,isOpen:this.state.isOpen,targetAttachment:b(this.state.hookshotTargetAttachment),targetRef:function(){return document.getElementById("hookshot-bounded-button")}},e),m.default.createElement("div",{className:v("bounded-parent-node-wrapper"),ref:this.setParentNode},m.default.createElement("div",{className:v("button-wrapper")},m.default.createElement(c.default,{id:"hookshot-bounded-button",text:"Hookshot Example",onClick:this.handleButtonClick,className:v("custom-button")}))))}}])}(m.default.Component);t.A=y},76922:function(e,t,n){var a=n(24994);t.A=void 0;var o=a(n(43693)),l=a(n(17383)),r=a(n(34579)),d=a(n(28452)),s=a(n(63072)),h=a(n(29511)),m=a(n(96540)),i=a(n(67967)),c=a(n(19127)),u=a(n(70444)),p=a(n(91674));function x(e,t,n){return t=(0,s.default)(t),(0,d.default)(e,g()?Reflect.construct(t,n||[],(0,s.default)(e).constructor):t.apply(e,n))}function g(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(g=function(){return!!e})()}var f=i.default.bind(p.default),v=["top start","top center","top end","middle start","middle center","middle end","bottom start","bottom center","bottom end"],C=function(e){return e.map((function(e,t){var n=t;return m.default.createElement("option",{key:n,value:e},e)}))},k=function(e){return"".concat(e,"CoordsExample")},b=function(e){function t(e){var n;return(0,l.default)(this,t),(n=x(this,t,[e])).handleRegionClick=n.handleRegionClick.bind(n),n.handleRequestClose=n.handleRequestClose.bind(n),n.setParentNode=n.setParentNode.bind(n),n.getParentNode=n.getParentNode.bind(n),n.handleAttachmentBehaviorChange=n.handleAttachmentBehaviorChange.bind(n),n.handleContentAttachmentChange=n.handleContentAttachmentChange.bind(n),n.handleInputChange=n.handleInputChange.bind(n),n.state={isOpen:!1,coordinates:void 0,hookshotContentAttachment:v[1],hookshotAttachmentBehavior:u.default.attachmentBehaviors[0],hookshotAttachmentMargin:0},n}return(0,h.default)(t,e),(0,r.default)(t,[{key:"handleRegionClick",value:function(e){var t={x:e.clientX,y:e.clientY};this.setState((function(e){return{isOpen:!e.isOpen,coordinates:t}}))}},{key:"handleRequestClose",value:function(){this.setState({isOpen:!1})}},{key:"handleAttachmentBehaviorChange",value:function(e){this.setState({hookshotAttachmentBehavior:e.target.value})}},{key:"handleContentAttachmentChange",value:function(e){this.setState({hookshotContentAttachment:e.target.value})}},{key:"handleInputChange",value:function(e){""!==e.target.value&&this.setState((0,o.default)({},e.target.name,Number.parseFloat(e.target.value)))}},{key:"setParentNode",value:function(e){this.parentNode=e}},{key:"getParentNode",value:function(){return this.parentNode}},{key:"render",value:function(){var e,t=m.default.createElement(u.default.Content,{onEsc:this.handleRequestClose,onOutsideClick:this.handleRequestClose,onResize:this.handleRequestClose},m.default.createElement("div",{className:f("content-wrapper")},"Hookshot"));return m.default.createElement("div",null,m.default.createElement("div",{className:f("heading-wrapper")},m.default.createElement("label",{htmlFor:k("hookshotAttachmentBehavior"),className:f("label")},"Attachment Behavior")),m.default.createElement("select",{id:k("hookshotAttachmentBehavior"),name:"hookshotAttachmentBehavior",value:this.state.hookshotAttachmentBehavior,onChange:this.handleAttachmentBehaviorChange,className:f("select-wrapper")},C(u.default.attachmentBehaviors)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement(c.default,{label:"Attachment Margin in Px",inputId:k("hookshotAttachmentMargin"),inputAttrs:{name:"hookshotAttachmentMargin",type:"number"},defaultValue:this.state.hookshotAttachmentMargin,className:f("input-wrapper"),onChange:this.handleInputChange}),m.default.createElement("div",{className:f("heading-wrapper")},m.default.createElement("label",{htmlFor:k("hookshotContentAttachment"),className:f("label")},"Content Attachment")),m.default.createElement("select",{id:k("hookshotContentAttachment"),name:"hookshotContentAttachment",value:this.state.hookshotContentAttachment,onChange:this.handleContentAttachmentChange,className:f("select-wrapper")},C(v)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("div",{onClick:this.handleRegionClick,className:f("coords-parent-node-wrapper"),ref:this.setParentNode},"Click Inside",m.default.createElement(u.default,{attachmentBehavior:this.state.hookshotAttachmentBehavior,attachmentMargin:this.state.hookshotAttachmentMargin,boundingRef:this.getParentNode,contentAttachment:(e=this.state.hookshotContentAttachment,"middle start"===e?{vertical:"middle",horizontal:"start"}:"middle end"===e?{vertical:"middle",horizontal:"end"}:"middle center"===e?{vertical:"middle",horizontal:"center"}:"top start"===e?{vertical:"top",horizontal:"start"}:"top end"===e?{vertical:"top",horizontal:"end"}:"top center"===e?{vertical:"top",horizontal:"center"}:"bottom start"===e?{vertical:"bottom",horizontal:"start"}:"bottom end"===e?{vertical:"bottom",horizontal:"end"}:{vertical:"bottom",horizontal:"center"}),isEnabled:!0,isOpen:this.state.isOpen,targetCoordinates:this.state.coordinates},t)))}}])}(m.default.Component);t.A=b},8408:function(e,t,n){var a=n(24994);t.A=void 0;var o=a(n(43693)),l=a(n(17383)),r=a(n(34579)),d=a(n(28452)),s=a(n(63072)),h=a(n(29511)),m=a(n(96540)),i=a(n(67967)),c=a(n(23986)),u=a(n(19127)),p=a(n(70444)),x=a(n(91674));function g(e,t,n){return t=(0,s.default)(t),(0,d.default)(e,f()?Reflect.construct(t,n||[],(0,s.default)(e).constructor):t.apply(e,n))}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(f=function(){return!!e})()}var v=i.default.bind(x.default),C=["top start","top center","top end","middle start","middle center","middle end","bottom start","bottom center","bottom end"],k=function(e){return e.map((function(e,t){var n=t;return m.default.createElement("option",{key:n,value:e},e)}))},b=function(e){return"middle start"===e?{vertical:"middle",horizontal:"start"}:"middle end"===e?{vertical:"middle",horizontal:"end"}:"middle center"===e?{vertical:"middle",horizontal:"center"}:"top start"===e?{vertical:"top",horizontal:"start"}:"top end"===e?{vertical:"top",horizontal:"end"}:"top center"===e?{vertical:"top",horizontal:"center"}:"bottom start"===e?{vertical:"bottom",horizontal:"start"}:"bottom end"===e?{vertical:"bottom",horizontal:"end"}:{vertical:"bottom",horizontal:"center"}},A=function(e){return"".concat(e,"Example")},y=function(e){function t(e){var n;return(0,l.default)(this,t),(n=g(this,t,[e])).handleButtonClick=n.handleButtonClick.bind(n),n.handleRequestClose=n.handleRequestClose.bind(n),n.handleAttachmentBehaviorChange=n.handleAttachmentBehaviorChange.bind(n),n.handleContentAttachmentChange=n.handleContentAttachmentChange.bind(n),n.handleTargetAttachmentChange=n.handleTargetAttachmentChange.bind(n),n.handleInputChange=n.handleInputChange.bind(n),n.state={isOpen:!1,hookshotContentAttachment:C[1],hookshotTargetAttachment:C[7],hookshotAttachmentBehavior:p.default.attachmentBehaviors[0],hookshotAttachmentMargin:0},n}return(0,h.default)(t,e),(0,r.default)(t,[{key:"handleButtonClick",value:function(){this.setState((function(e){return{isOpen:!e.isOpen}}))}},{key:"handleRequestClose",value:function(){this.setState({isOpen:!1})}},{key:"handleAttachmentBehaviorChange",value:function(e){this.setState({hookshotAttachmentBehavior:e.target.value})}},{key:"handleContentAttachmentChange",value:function(e){this.setState({hookshotContentAttachment:e.target.value})}},{key:"handleTargetAttachmentChange",value:function(e){this.setState({hookshotTargetAttachment:e.target.value})}},{key:"handleInputChange",value:function(e){""!==e.target.value&&this.setState((0,o.default)({},e.target.name,Number.parseFloat(e.target.value)))}},{key:"render",value:function(){var e=m.default.createElement(p.default.Content,{onEsc:this.handleRequestClose,onOutsideClick:this.handleRequestClose,onResize:this.handleRequestClose},m.default.createElement("div",{className:v("content-wrapper")},"Hookshot"));return m.default.createElement("div",null,m.default.createElement("div",{className:v("heading-wrapper")},m.default.createElement("label",{htmlFor:A("hookshotAttachmentBehavior"),className:v("label")},"Attachment Behavior")),m.default.createElement("select",{id:A("hookshotAttachmentBehavior"),name:"hookshotAttachmentBehavior",value:this.state.hookshotAttachmentBehavior,onChange:this.handleAttachmentBehaviorChange,className:v("select-wrapper")},k(p.default.attachmentBehaviors)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement(u.default,{label:"Attachment Margin in Px",inputId:A("hookshotAttachmentMargin"),inputAttrs:{name:"hookshotAttachmentMargin",type:"number"},defaultValue:this.state.hookshotAttachmentMargin,className:v("input-wrapper"),onChange:this.handleInputChange}),m.default.createElement("div",{className:v("heading-wrapper")},m.default.createElement("label",{htmlFor:A("hookshotContentAttachment"),className:v("label")},"Content Attachment")),m.default.createElement("select",{id:A("hookshotContentAttachment"),name:"hookshotContentAttachment",value:this.state.hookshotContentAttachment,onChange:this.handleContentAttachmentChange,className:v("select-wrapper")},k(C)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("div",{className:v("heading-wrapper")},m.default.createElement("label",{htmlFor:A("hookshotTargetAttachment"),className:v("label")},"Target Attachment")),m.default.createElement("select",{id:A("hookshotTargetAttachment"),name:"hookshotTargetAttachment",value:this.state.hookshotTargetAttachment,onChange:this.handleTargetAttachmentChange,className:v("select-wrapper")},k(C)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement(p.default,{attachmentBehavior:this.state.hookshotAttachmentBehavior,attachmentMargin:this.state.hookshotAttachmentMargin,contentAttachment:b(this.state.hookshotContentAttachment),isEnabled:!0,isOpen:this.state.isOpen,targetAttachment:b(this.state.hookshotTargetAttachment),targetRef:function(){return document.getElementById("hookshot-standard-button")}},e),m.default.createElement(c.default,{id:"hookshot-standard-button",text:"Hookshot Example",onClick:this.handleButtonClick}))}}])}(m.default.Component);t.A=y},89986: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"}},91674:function(e,t,n){n.r(t),t.default={"content-wrapper":"HookshotDocCommon-module__content-wrapper___5SRya","bounded-parent-node-wrapper":"HookshotDocCommon-module__bounded-parent-node-wrapper___Z4gTj","coords-parent-node-wrapper":"HookshotDocCommon-module__coords-parent-node-wrapper___uKVBt","select-wrapper":"HookshotDocCommon-module__select-wrapper___92j6w","heading-wrapper":"HookshotDocCommon-module__heading-wrapper___mMLav",label:"HookshotDocCommon-module__label___d0V8x","input-wrapper":"HookshotDocCommon-module__input-wrapper___fIT0c","button-wrapper":"HookshotDocCommon-module__button-wrapper___SY3ht","custom-button":"HookshotDocCommon-module__custom-button___2z9AK"}},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(96540)),o=l(n(25365));function l(e){return e&&e.__esModule?e:{default:e}}var r=function(e){var t=Object.assign({},e);return a.default.createElement(o.default,t,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};r.displayName="IconChevronLeft",r.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=r}}]); \ No newline at end of file diff --git a/5162-beb526a664d6a1b7c354.css b/5162-beb526a664d6a1b7c354.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/5162-beb526a664d6a1b7c354.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/5162-beb526a664d6a1b7c354.js b/5162-beb526a664d6a1b7c354.js new file mode 100644 index 0000000000..8487a3738b --- /dev/null +++ b/5162-beb526a664d6a1b7c354.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[5162],{55713:function(r,e,t){var a=t(24994);e.A=void 0;var n=a(t(96540)),o=a(t(5556)),p=a(t(67967)),l=a(t(25642)),d=p.default.bind(l.default),m={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},i=function(r){var e=r.src,t=r.name,a=r.url,o=r.version,p=n.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(t,"/v/").concat(o)},n.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),n.default.createElement("span",{className:d("badge-version")},"v".concat(o))),l=e?n.default.createElement("a",{className:d("badge"),href:e},n.default.createElement("span",{className:d("badge-name")},"github"),n.default.createElement("span",{className:d("badge-version")},"source")):void 0;return n.default.createElement("div",{className:d("badge-container")},p,l)};i.propTypes=m;e.A=i},5162:function(r,e,t){t.r(e),t.d(e,{default:function(){return i}});var a=t(58168),n=t(53986),o=(t(96540),t(36665)),p=t(26300),l=["components"],d={},m="wrapper";function i(r){var e=r.components,t=(0,n.A)(r,l);return(0,o.mdx)(m,(0,a.A)({},d,t,{components:e,mdxType:"MDXLayout"}),(0,o.mdx)(p.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-popup-upgrade-guide"},"Terra Popup Upgrade Guide"),(0,o.mdx)("h2",{id:"changes-from-version-4-to-version-5"},"Changes from version 4 to version 5"),(0,o.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,o.mdx)("h4",{id:"renamed"},"Renamed"),(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},"Previous"),(0,o.mdx)("th",{parentName:"tr",align:null},"New"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-border-width")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-after-border-width")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-top-align-arrow-border-bottom-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-top-align-arrow-after-border-bottom-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-top-align-arrow-after-left")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-inset-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-top-align-arrow-after-top")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-bottom-align-arrow-border-top-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-bottom-align-arrow-after-border-top-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-bottom-align-arrow-after-left")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-inset-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-bottom-align-arrow-after-bottom")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-left-align-arrow-border-right-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-left-align-arrow-after-border-right-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-left-align-arrow-after-top")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-inset-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-left-align-arrow-after-left")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-right-align-arrow-border-left-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-right-align-arrow-after-border-left-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-right-align-arrow-after-top")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-inset-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-right-align-arrow-after-right")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-content-close-icon"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-content-close-icon-background")))),(0,o.mdx)("h4",{id:"added"},"Added"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-content-header-background-color"),(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-content-header-padding"),(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-content-close-icon-height"),(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-content-close-icon-margin-top"),(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-content-close-icon-width")),(0,o.mdx)("h4",{id:"removed"},"Removed"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-arrow-z-index"),(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-arrow-inner-z-index")))}i.isMDXComponent=!0},26300:function(r,e,t){t.d(e,{E:function(){return o}});var a=t(96540),n=t(55713),o=function(r){var e=r.url;return a.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-popup",name:"terra-popup",version:"6.84.0",url:e})}},25642:function(r,e,t){t.r(e),e.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"}},58168:function(r,e,t){function a(){return a=Object.assign?Object.assign.bind():function(r){for(var e=1;e=0)continue;t[a]=r[a]}return t}(r,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(n[t]=r[t])}return n}t.d(e,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/5219-9f2c6efec2af1b2e59c9.js b/5219-9f2c6efec2af1b2e59c9.js new file mode 100644 index 0000000000..f4ce28b249 --- /dev/null +++ b/5219-9f2c6efec2af1b2e59c9.js @@ -0,0 +1 @@ +(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[5219],{201:function(e,t,a){"use strict";var n=a(24994),l=a(73738);t.A=void 0;var r=n(a(85715)),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={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&{}.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(96540)),m=n(a(5556)),u=n(a(67967)),s=a(92912),p=n(a(49558)),o=n(a(53665)),i=a(25966),c=n(a(89986));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=u.default.bind(c.default),y={example:m.default.element,exampleSrc:m.default.element,exampleCssSrc:m.default.element,title:m.default.string,description:m.default.node,isExpanded:m.default.bool},j=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=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,u=e.isExpanded,c=(0,d.useState)(u),x=(0,r.default)(c,2),y=x[0],g=x[1],v=(0,d.useState)(!1),T=(0,r.default)(v,2),N=T[0],b=T[1],C=d.default.useContext(s.ThemeContext),_=void 0!==n,D=function(){b(!N),y&&g(!y)},k=function(){g(!y),N&&b(!N)},w=function(e,t){e.nativeEvent.keyCode!==i.KEY_SPACE&&e.nativeEvent.keyCode!==i.KEY_RETURN||(e.preventDefault(),t())};return d.default.createElement("div",{className:f("template",C.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")},_&&d.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":N}),onClick:D,onKeyDown:function(e){return w(e,D)},onBlur:j,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(p.default,{className:f("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(o.default,{className:f("chevron")})),d.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":y}),onClick:k,onKeyDown:function(e){return w(e,k)},onBlur:j,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(p.default,{className:f("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(o.default,{className:f("chevron")}))):null,d.default.createElement("div",null,N&&d.default.createElement("div",{className:f("css")},n),y&&d.default.createElement("div",{className:f("code")},a))))};g.propTypes=y,g.defaultProps={isExpanded:!1};t.A=g},89606:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return O}});var n=a(58168),l=a(53986),r=a(96540),d=a(36665),m=a(74481),u=a(12883),s=["components"],p={},o="wrapper";function i(e){var t=e.components,a=(0,l.A)(e,s);return(0,d.mdx)(o,(0,n.A)({},p,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(u.Ay,{mdxType:"PropsTable"},(0,d.mdx)(u.fI,{key:"ROW1",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"a11yLabel"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An identifier used by assistive technologies like screen readers to briefly describe this time input to users.\nThe label is not rendered visually."),(0,d.mdx)("p",null,(0,d.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"})," ",(0,d.mdx)("strong",{parentName:"p"},"BEST PRACTICE FOR ACCESSIBILITY"),": you ",(0,d.mdx)("em",{parentName:"p"},"SHOULD")," set this to match whatever visible label you give in your UI.\nCurrently this is optional for passivity reasons, but it will become mandatory in a future major version."))),(0,d.mdx)(u.fI,{key:"ROW2",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"name"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(u.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Name of the date input. This name should be unique."))),(0,d.mdx)(u.fI,{key:"ROW3",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"dayAttributes"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Custom input attributes to apply to the day input"))),(0,d.mdx)(u.fI,{key:"ROW4",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"disabled"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the date input should be disabled."))),(0,d.mdx)(u.fI,{key:"ROW5",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"displayFormat"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'month-day-year'\n 'day-month-year'\n],\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Can be used to set the display format. One of ",(0,d.mdx)("inlineCode",{parentName:"p"},"month-day-year")," or ",(0,d.mdx)("inlineCode",{parentName:"p"},"day-month-year"),".\nOverrides default locale display format."))),(0,d.mdx)(u.fI,{key:"ROW6",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(u.Hd,{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)(u.fI,{key:"ROW7",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the input displays as Invalid. Use when value does not meet validation pattern."))),(0,d.mdx)(u.fI,{key:"ROW8",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"monthAttributes"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Custom input attributes to apply to the month select"))),(0,d.mdx)(u.fI,{key:"ROW9",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"onBlur"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function to execute when the entire date input component loses focus.\nThis event does not get triggered when the focus is moved from one input to another within the date input component because the focus is still within the main date input component."))),(0,d.mdx)(u.fI,{key:"ROW10",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"onChange"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function to execute when a date is entered.\nThe first parameter is the event. The second parameter is the changed date value."))),(0,d.mdx)(u.fI,{key:"ROW11",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"onFocus"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function triggered when the day, month, or year input receives focus."))),(0,d.mdx)(u.fI,{key:"ROW12",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"refCallback"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback ref to access date input containing DOM element."))),(0,d.mdx)(u.fI,{key:"ROW13",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"required"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether is the date input is required"))),(0,d.mdx)(u.fI,{key:"ROW14",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"value"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An date string representation of the date value used for the component. This should be in ISO 8601 format: YYYY-MM-DD."))),(0,d.mdx)(u.fI,{key:"ROW15",mdxType:"Row"},(0,d.mdx)(u.dt,{mdxType:"PropNameCell"},"yearAttributes"),(0,d.mdx)(u.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,d.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,d.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Custom input attributes to apply to the year input")))))}i.isMDXComponent=!0;var c=a(84854),x=["components"],f={};function y(e){var t=e.components,a=(0,l.A)(e,x);return(0,d.mdx)("wrapper",(0,n.A)({},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';\n\nimport DateInput from 'terra-date-input';\n\nconst Example = () => {\n const [value, setValue] = useState('');\n\n return (\n \n setValue(dateString)}\n />\n

{`DateInput Value: ${value}`}

\n \n );\n};\n\nexport default Example;\n\n")))}y.isMDXComponent=!0;var j=a(201),h=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(j.A,{title:t||"Default Date Input",description:a,example:r.createElement(c.A,null),exampleSrc:r.createElement(y,null),isExpanded:n})},g=a(57242),v=["components"],T={};function N(e){var t=e.components,a=(0,l.A)(e,v);return(0,d.mdx)("wrapper",(0,n.A)({},T,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\n\nimport DateInput from 'terra-date-input';\n\nconst Example = () => {\n const [value, setValue] = useState('');\n\n return (\n \n setValue(dateString)}\n displayFormat=\"month-day-year\"\n />\n

{`DateInput Value: ${value}`}

\n \n );\n};\n\nexport default Example;\n\n")))}N.isMDXComponent=!0;var b=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(j.A,{title:t||"Month Day Year Date Input",description:a,example:r.createElement(g.A,null),exampleSrc:r.createElement(N,null),isExpanded:n})},C=a(69322),_=["components"],D={};function k(e){var t=e.components,a=(0,l.A)(e,_);return(0,d.mdx)("wrapper",(0,n.A)({},D,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\n\nimport DateInput from 'terra-date-input';\n\nconst Example = () => {\n const [value, setValue] = useState('');\n\n return (\n \n setValue(dateString)}\n displayFormat=\"day-month-year\"\n />\n

{`DateInput Value: ${value}`}

\n \n );\n};\n\nexport default Example;\n\n")))}k.isMDXComponent=!0;var w=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(j.A,{title:t||"Day Month Year Date Input",description:a,example:r.createElement(C.A,null),exampleSrc:r.createElement(k,null),isExpanded:n})},E=["components"],R={},I="wrapper";function O(e){var t=e.components,a=(0,l.A)(e,E);return(0,d.mdx)(I,(0,n.A)({},R,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(m.E,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"terra-date-input"},"Terra Date Input"),(0,d.mdx)("p",null,"The DateInput allows for easy data entry of known dates like birthdays, anniversaries, etc. The display of the DateInput is localized based on the locale but can be customized via the ",(0,d.mdx)("inlineCode",{parentName:"p"},"displayFormat")," prop. The DateInput uses the ISO 8601 format for date values (YYYY-MM-DD)."),(0,d.mdx)("p",null,"Additional functionality for quick date entry is available with specific ",(0,d.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/date-input/keyboard-shortcuts"},"keyboard shortcuts"),"."),(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-input"))))),(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:"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#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#ltr--rtl"},"LTR/RTL Support"))),(0,d.mdx)("h2",{id:"examples"},"Examples"),(0,d.mdx)(h,{title:"Default DateInput",mdxType:"DefaultDateInput"}),(0,d.mdx)(b,{title:"Month Day Year Display Format DateInput",mdxType:"MonthDayYearDateInput"}),(0,d.mdx)(w,{title:"Day Month Year Display Format DateInput",mdxType:"DayMonthYearDateInput"}),(0,d.mdx)("h2",{id:"date-input-props-table"},"Date Input props table"),(0,d.mdx)(i,{mdxType:"DateInputPropsTable"}),(0,d.mdx)("h2",{id:"testing"},"Testing"),(0,d.mdx)("p",null,"Date Input 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 ",(0,d.mdx)("inlineCode",{parentName:"p"},"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")))}O.isMDXComponent=!0},74481:function(e,t,a){"use strict";a.d(t,{E:function(){return r}});var n=a(96540),l=a(55713),r=function(e){var t=e.url;return n.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-input",name:"terra-date-input",version:"1.57.0",url:t})}},69322:function(e,t,a){"use strict";var n=a(24994),l=a(73738);t.A=void 0;var r=n(a(85715)),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&&{}.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(96540)),m=n(a(78053));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)}t.A=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement(d.default.Fragment,null,d.default.createElement(m.default,{name:"date-input-value",value:a,onChange:function(e,t){return n(t)},displayFormat:"day-month-year"}),d.default.createElement("p",null,"DateInput Value: ".concat(a)))}},84854:function(e,t,a){"use strict";var n=a(24994),l=a(73738);t.A=void 0;var r=n(a(85715)),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&&{}.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(96540)),m=n(a(78053));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)}t.A=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement(d.default.Fragment,null,d.default.createElement(m.default,{name:"date-input-value",value:a,onChange:function(e,t){return n(t)}}),d.default.createElement("p",null,"DateInput Value: ".concat(a)))}},57242:function(e,t,a){"use strict";var n=a(24994),l=a(73738);t.A=void 0;var r=n(a(85715)),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&&{}.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(96540)),m=n(a(78053));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)}t.A=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement(d.default.Fragment,null,d.default.createElement(m.default,{name:"date-input-value",value:a,onChange:function(e,t){return n(t)},displayFormat:"month-day-year"}),d.default.createElement("p",null,"DateInput Value: ".concat(a)))}},89986:function(e,t,a){"use strict";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"}},35358:function(e,t,a){var n={"./af":25177,"./af.js":25177,"./ar":61509,"./ar-dz":41488,"./ar-dz.js":41488,"./ar-kw":58676,"./ar-kw.js":58676,"./ar-ly":42353,"./ar-ly.js":42353,"./ar-ma":24496,"./ar-ma.js":24496,"./ar-ps":6947,"./ar-ps.js":6947,"./ar-sa":82682,"./ar-sa.js":82682,"./ar-tn":89756,"./ar-tn.js":89756,"./ar.js":61509,"./az":95533,"./az.js":95533,"./be":28959,"./be.js":28959,"./bg":47777,"./bg.js":47777,"./bm":54903,"./bm.js":54903,"./bn":61290,"./bn-bd":17357,"./bn-bd.js":17357,"./bn.js":61290,"./bo":31545,"./bo.js":31545,"./br":11470,"./br.js":11470,"./bs":44429,"./bs.js":44429,"./ca":7306,"./ca.js":7306,"./cs":56464,"./cs.js":56464,"./cv":73635,"./cv.js":73635,"./cy":64226,"./cy.js":64226,"./da":93601,"./da.js":93601,"./de":77853,"./de-at":26111,"./de-at.js":26111,"./de-ch":54697,"./de-ch.js":54697,"./de.js":77853,"./dv":60708,"./dv.js":60708,"./el":54691,"./el.js":54691,"./en-au":53872,"./en-au.js":53872,"./en-ca":28298,"./en-ca.js":28298,"./en-gb":56195,"./en-gb.js":56195,"./en-ie":66584,"./en-ie.js":66584,"./en-il":65543,"./en-il.js":65543,"./en-in":9033,"./en-in.js":9033,"./en-nz":79402,"./en-nz.js":79402,"./en-sg":43004,"./en-sg.js":43004,"./eo":10553,"./eo.js":10553,"./es":97650,"./es-do":20838,"./es-do.js":20838,"./es-mx":17730,"./es-mx.js":17730,"./es-us":56575,"./es-us.js":56575,"./es.js":97650,"./et":3035,"./et.js":3035,"./eu":3508,"./eu.js":3508,"./fa":119,"./fa.js":119,"./fi":90527,"./fi.js":90527,"./fil":95995,"./fil.js":95995,"./fo":52477,"./fo.js":52477,"./fr":85498,"./fr-ca":26435,"./fr-ca.js":26435,"./fr-ch":37892,"./fr-ch.js":37892,"./fr.js":85498,"./fy":37071,"./fy.js":37071,"./ga":41734,"./ga.js":41734,"./gd":70217,"./gd.js":70217,"./gl":77329,"./gl.js":77329,"./gom-deva":32124,"./gom-deva.js":32124,"./gom-latn":93383,"./gom-latn.js":93383,"./gu":95050,"./gu.js":95050,"./he":11713,"./he.js":11713,"./hi":43861,"./hi.js":43861,"./hr":26308,"./hr.js":26308,"./hu":90609,"./hu.js":90609,"./hy-am":17160,"./hy-am.js":17160,"./id":74063,"./id.js":74063,"./is":89374,"./is.js":89374,"./it":88383,"./it-ch":21827,"./it-ch.js":21827,"./it.js":88383,"./ja":23827,"./ja.js":23827,"./jv":89722,"./jv.js":89722,"./ka":41794,"./ka.js":41794,"./kk":27088,"./kk.js":27088,"./km":96870,"./km.js":96870,"./kn":84451,"./kn.js":84451,"./ko":63164,"./ko.js":63164,"./ku":98174,"./ku-kmr":6181,"./ku-kmr.js":6181,"./ku.js":98174,"./ky":78474,"./ky.js":78474,"./lb":79680,"./lb.js":79680,"./lo":15867,"./lo.js":15867,"./lt":45766,"./lt.js":45766,"./lv":69532,"./lv.js":69532,"./me":58076,"./me.js":58076,"./mi":41848,"./mi.js":41848,"./mk":30306,"./mk.js":30306,"./ml":73739,"./ml.js":73739,"./mn":99053,"./mn.js":99053,"./mr":86169,"./mr.js":86169,"./ms":73386,"./ms-my":92297,"./ms-my.js":92297,"./ms.js":73386,"./mt":77075,"./mt.js":77075,"./my":72264,"./my.js":72264,"./nb":22274,"./nb.js":22274,"./ne":8235,"./ne.js":8235,"./nl":92572,"./nl-be":43784,"./nl-be.js":43784,"./nl.js":92572,"./nn":54566,"./nn.js":54566,"./oc-lnc":69330,"./oc-lnc.js":69330,"./pa-in":29849,"./pa-in.js":29849,"./pl":94418,"./pl.js":94418,"./pt":79834,"./pt-br":48303,"./pt-br.js":48303,"./pt.js":79834,"./ro":24457,"./ro.js":24457,"./ru":82271,"./ru.js":82271,"./sd":1221,"./sd.js":1221,"./se":33478,"./se.js":33478,"./si":17538,"./si.js":17538,"./sk":5784,"./sk.js":5784,"./sl":46637,"./sl.js":46637,"./sq":86794,"./sq.js":86794,"./sr":45719,"./sr-cyrl":3322,"./sr-cyrl.js":3322,"./sr.js":45719,"./ss":56e3,"./ss.js":56e3,"./sv":41011,"./sv.js":41011,"./sw":40748,"./sw.js":40748,"./ta":11025,"./ta.js":11025,"./te":11885,"./te.js":11885,"./tet":28861,"./tet.js":28861,"./tg":86571,"./tg.js":86571,"./th":55802,"./th.js":55802,"./tk":59527,"./tk.js":59527,"./tl-ph":29231,"./tl-ph.js":29231,"./tlh":31052,"./tlh.js":31052,"./tr":85096,"./tr.js":85096,"./tzl":79846,"./tzl.js":79846,"./tzm":81765,"./tzm-latn":97711,"./tzm-latn.js":97711,"./tzm.js":81765,"./ug-cn":48414,"./ug-cn.js":48414,"./uk":16618,"./uk.js":16618,"./ur":57777,"./ur.js":57777,"./uz":57609,"./uz-latn":72475,"./uz-latn.js":72475,"./uz.js":57609,"./vi":21135,"./vi.js":21135,"./x-pseudo":64051,"./x-pseudo.js":64051,"./yo":82218,"./yo.js":82218,"./zh-cn":52648,"./zh-cn.js":52648,"./zh-hk":1632,"./zh-hk.js":1632,"./zh-mo":31541,"./zh-mo.js":31541,"./zh-tw":50304,"./zh-tw.js":50304};function l(e){var t=r(e);return a(t)}function r(e){if(!a.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}l.keys=function(){return Object.keys(n)},l.resolve=r,e.exports=l,l.id=35358},49558:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(96540)),l=r(a(25365));function r(e){return e&&e.__esModule?e:{default:e}}var d=function(e){var t=Object.assign({},e);return n.default.createElement(l.default,t,n.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};d.displayName="IconChevronLeft",d.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=d}}]); \ No newline at end of file diff --git a/52895-9c9402a596fc7156e492.css b/52895-9c9402a596fc7156e492.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/52895-9c9402a596fc7156e492.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/52895-9c9402a596fc7156e492.js b/52895-9c9402a596fc7156e492.js new file mode 100644 index 0000000000..890ae6e0d9 --- /dev/null +++ b/52895-9c9402a596fc7156e492.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[52895],{55713:function(t,a,r){var e=r(24994);a.A=void 0;var n=e(r(96540)),l=e(r(5556)),d=e(r(67967)),o=e(r(25642)),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;a.A=s},75276:function(t,a,r){r.r(a),r.d(a,{default:function(){return s}});var e=r(58168),n=r(53986),l=(r(96540),r(36665)),d=r(75462),o=["components"],m={},u="wrapper";function s(t){var a=t.components,r=(0,n.A)(t,o);return(0,l.mdx)(u,(0,e.A)({},m,r,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(d.E,{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},75462:function(t,a,r){r.d(a,{E:function(){return l}});var e=r(96540),n=r(55713),l=function(t){var a=t.url;return e.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-tabs",name:"terra-tabs",version:"7.31.0",url:a})}},25642: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"}},58168:function(t,a,r){function e(){return e=Object.assign?Object.assign.bind():function(t){for(var a=1;a=0)continue;r[e]=t[e]}return r}(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,{A:function(){return e}})}}]); \ No newline at end of file diff --git a/53003-ec076ba746650d84928d.css b/53003-ec076ba746650d84928d.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/53003-ec076ba746650d84928d.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/53003-ec076ba746650d84928d.js b/53003-ec076ba746650d84928d.js new file mode 100644 index 0000000000..fac6f19e1e --- /dev/null +++ b/53003-ec076ba746650d84928d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[53003],{55713:function(e,r,a){var t=a(24994);r.A=void 0;var n=t(a(96540)),m=t(a(5556)),d=t(a(67967)),u=t(a(25642)),i=d.default.bind(u.default),o={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},l=function(e){var r=e.src,a=e.name,t=e.url,m=e.version,d=n.default.createElement("a",{className:i("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(m)},n.default.createElement("span",{className:i("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(m))),u=r?n.default.createElement("a",{className:i("badge"),href:r},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},d,u)};l.propTypes=o;r.A=l},53003:function(e,r,a){a.r(r),a.d(r,{default:function(){return l}});var t=a(58168),n=a(53986),m=(a(96540),a(36665)),d=a(32495),u=["components"],i={},o="wrapper";function l(e){var r=e.components,a=(0,n.A)(e,u);return(0,m.mdx)(o,(0,t.A)({},i,a,{components:r,mdxType:"MDXLayout"}),(0,m.mdx)(d.E,{mdxType:"Badge"}),(0,m.mdx)("h1",{id:"terra-menu-upgrade-guide"},"Terra Menu Upgrade Guide"),(0,m.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,m.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,m.mdx)("h4",{id:"renamed"},"Renamed"),(0,m.mdx)("table",null,(0,m.mdx)("thead",{parentName:"table"},(0,m.mdx)("tr",{parentName:"thead"},(0,m.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,m.mdx)("th",{parentName:"tr",align:null},"New"))),(0,m.mdx)("tbody",{parentName:"table"},(0,m.mdx)("tr",{parentName:"tbody"},(0,m.mdx)("td",{parentName:"tr",align:null},"--terra-menu-submenu-background-color"),(0,m.mdx)("td",{parentName:"tr",align:null},"--terra-menu-submenu-arrow-after-border-top-color")),(0,m.mdx)("tr",{parentName:"tbody"},(0,m.mdx)("td",{parentName:"tr",align:null},"--terra-menu-divider-color"),(0,m.mdx)("td",{parentName:"tr",align:null},"--terra-menu-divider-border-color")),(0,m.mdx)("tr",{parentName:"tbody"},(0,m.mdx)("td",{parentName:"tr",align:null},"--terra-menu-divider-shadow-color"),(0,m.mdx)("td",{parentName:"tr",align:null},"--terra-menu-divider-after-border-color")),(0,m.mdx)("tr",{parentName:"tbody"},(0,m.mdx)("td",{parentName:"tr",align:null},"--terra-menu-submenu-divider-shadow-color"),(0,m.mdx)("td",{parentName:"tr",align:null},"--terra-menu-submenu-divider-after-border-color")))),(0,m.mdx)("h4",{id:"added"},"Added"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-divider-margin-top"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-divider-after-border-width"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-divider-after-margin-bottom"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-submenu-divider-after-border-width"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-submenu-divider-after-margin-bottom"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-submenu-header-height"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-list-padding"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-background-image"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-submenu-background-image"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-hover-background-color"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-checkmark-hover-icon-color"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-chevron-hover-icon-color"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-focus-background-color"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-focus-outline"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-checkmark-focus-icon-color"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-chevron-focus-icon-color"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-text-margin-left"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-checkmark-icon-margin-left"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-checkmark-icon-margin-right"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-chevron-icon-margin-left"),(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-chevron-icon-margin-right")),(0,m.mdx)("h4",{id:"removed"},"Removed"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"--terra-menu-item-hover-color")))}l.isMDXComponent=!0},32495:function(e,r,a){a.d(r,{E:function(){return m}});var t=a(96540),n=a(55713),m=function(e){var r=e.url;return t.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-menu",name:"terra-menu",version:"6.98.0",url:r})}},25642:function(e,r,a){a.r(r),r.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"}},58168:function(e,r,a){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0)continue;a[t]=e[t]}return a}(e,r);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}a.d(r,{A:function(){return t}})}}]); \ No newline at end of file diff --git a/54504-d394c391c804ff3d2050.css b/54504-d394c391c804ff3d2050.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/54504-d394c391c804ff3d2050.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/54504-d394c391c804ff3d2050.js b/54504-d394c391c804ff3d2050.js new file mode 100644 index 0000000000..7e6f894402 --- /dev/null +++ b/54504-d394c391c804ff3d2050.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[54504],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var i=a(n(96540)),l=a(n(5556)),r=a(n(67967)),d=a(n(25642)),o=r.default.bind(d.default),m={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},p=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,r=i.default.createElement("a",{className:o("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},i.default.createElement("span",{className:o("badge-name")},a?"package":"npm"),i.default.createElement("span",{className:o("badge-version")},"v".concat(l))),d=t?i.default.createElement("a",{className:o("badge"),href:t},i.default.createElement("span",{className:o("badge-name")},"github"),i.default.createElement("span",{className:o("badge-version")},"source")):void 0;return i.default.createElement("div",{className:o("badge-container")},r,d)};p.propTypes=m;t.A=p},54504:function(e,t,n){n.r(t),n.d(t,{default:function(){return p}});var a=n(58168),i=n(53986),l=(n(96540),n(36665)),r=n(5355),d=["components"],o={},m="wrapper";function p(e){var t=e.components,n=(0,i.A)(e,d);return(0,l.mdx)(m,(0,a.A)({},o,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(r.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-application-layout"},"Terra Application Layout"),(0,l.mdx)("p",null,"In addition to the ApplicationLayout component, the package exports an ",(0,l.mdx)("inlineCode",{parentName:"p"},"Utils")," object that contains a variety of helper functions and prop type declarations. Included are:"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"propTypes")," - An object containing prop type definitions for the configuration objects used by the ApplicationLayout."),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"helpers")," - An object containing helper functions to aid in the creation of ApplicationLayout content."),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"utilityHelpers")," - An object containing helper functions specifically for the creation of Utility menu configuration.")),(0,l.mdx)("h2",{id:"proptypes"},"propTypes"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"layoutConifgPropType")," - Shape for the ",(0,l.mdx)("inlineCode",{parentName:"li"},"layoutConfig")," prop provided to components within the ApplicationLayout."),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"nameConfigPropType")," - Shape for ApplicationLayout's ",(0,l.mdx)("inlineCode",{parentName:"li"},"nameConfig")," prop."),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"navigationItemsPropType")," - Shape for ApplicationLayout's ",(0,l.mdx)("inlineCode",{parentName:"li"},"navigationItems")," prop."),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"utilityConfigPropType")," - Shape for ApplicationLayout's ",(0,l.mdx)("inlineCode",{parentName:"li"},"utilityConfig")," prop.")),(0,l.mdx)("h2",{id:"helpers"},"helpers"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"isSizeCompact")," - A function that determines whether or not the given size is considered ",(0,l.mdx)("inlineCode",{parentName:"li"},"compact")," or not. This can be used to synchronize component rendering with responsive changes to the ApplicationLayout.")),(0,l.mdx)("h3",{id:"utilityhelpers"},"utilityHelpers"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"getDefaultUtilityItems"))),(0,l.mdx)("p",null,"A function that generates an array containing the Terra-standard set of utility menu items. This array and its contents match the ",(0,l.mdx)("inlineCode",{parentName:"p"},"menuItems")," prop expected by ",(0,l.mdx)("inlineCode",{parentName:"p"},"terra-utility")," components and can be provided to them directly."),(0,l.mdx)("p",null,"An ",(0,l.mdx)("inlineCode",{parentName:"p"},"intl")," parameter is required to generate the items, as the translated titles for the default configuration must be retrieved from it. Also required is an object containing user information, as the default menu configuration is user-centric. Finally, additional menu configuration items can be provided to be merged with the default items."),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"defaultKeys")," - The set of menu item keys used by the default utility configuration. Values from this object should be used inside custom item configurations as ",(0,l.mdx)("inlineCode",{parentName:"li"},"parentKey")," values to appropriately locate the custom items. When selected, selectable items will trigger the ",(0,l.mdx)("inlineCode",{parentName:"li"},"utilityConfig"),"'s ",(0,l.mdx)("inlineCode",{parentName:"li"},"onChange")," function with their associated item key.")),(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},"Keys"),(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},(0,l.mdx)("inlineCode",{parentName:"td"},"MENU")),(0,l.mdx)("td",{parentName:"tr",align:null},"Menu page with ",(0,l.mdx)("inlineCode",{parentName:"td"},"USER_INFORMATION"),", ",(0,l.mdx)("inlineCode",{parentName:"td"},"SETTINGS"),", ",(0,l.mdx)("inlineCode",{parentName:"td"},"HELP"),", and ",(0,l.mdx)("inlineCode",{parentName:"td"},"LOG_OUT")," as child items.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"USER_INFORMATION")),(0,l.mdx)("td",{parentName:"tr",align:null},"Menu page with a ",(0,l.mdx)("inlineCode",{parentName:"td"},"CHANGE_PHOTO")," child item.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"CHANGE_PHOTO")),(0,l.mdx)("td",{parentName:"tr",align:null},"Selectable item.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"SETTINGS")),(0,l.mdx)("td",{parentName:"tr",align:null},"Menu page with ",(0,l.mdx)("inlineCode",{parentName:"td"},"APPEARANCE")," and ",(0,l.mdx)("inlineCode",{parentName:"td"},"SECURITY")," child items.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"APPEARANCE")),(0,l.mdx)("td",{parentName:"tr",align:null},"Selectable item.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"SECURITY")),(0,l.mdx)("td",{parentName:"tr",align:null},"Selectable item.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"HELP")),(0,l.mdx)("td",{parentName:"tr",align:null},"Menu page with ",(0,l.mdx)("inlineCode",{parentName:"td"},"GETTING_STARTED"),", ",(0,l.mdx)("inlineCode",{parentName:"td"},"ABOUT"),", and ",(0,l.mdx)("inlineCode",{parentName:"td"},"TERMS_OF_USE")," child items.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"GETTING_STARTED")),(0,l.mdx)("td",{parentName:"tr",align:null},"Selectable item.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"ABOUT")),(0,l.mdx)("td",{parentName:"tr",align:null},"Selectable item.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"TERMS_OF_USE")),(0,l.mdx)("td",{parentName:"tr",align:null},"Selectable item.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"LOG_OUT")),(0,l.mdx)("td",{parentName:"tr",align:null},"Selectable item.")))),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { Utils } from 'terra-application-layout';\nimport Avatar from 'terra-avatar';\n\nconst intl = {}; // Intl should be retrieved from context\n\nconst userData = {\n name: 'Person, Joe',\n detail: 'Example Person',\n photo: ,\n};\n\nconst customUtilityItems = [{\n key: 'additional-1',\n title: 'Drill-in Item',\n childKeys: [\n 'additional-sub-1',\n 'additional-sub-2',\n ],\n parentKey: Utils.utilityHelpers.defaultKeys.MENU,\n}, {\n key: 'additional-sub-1',\n title: 'Addtional Item 1 - Sub 1',\n parentKey: 'additional-1',\n}, {\n key: 'additional-sub-2',\n title: 'Addtional Item 1 - Sub 2',\n parentKey: 'additional-1',\n}, {\n key: 'additional-2',\n title: 'Custom Checkbox Item',\n isSelectable: true,\n parentKey: Utils.utilityHelpers.defaultKeys.MENU,\n}, {\n key: 'additional-3',\n contentLocation: Utils.utilityHelpers.locations.FOOTER,\n title: 'Custom Footer',\n parentKey: Utils.utilityHelpers.defaultKeys.MENU,\n}];\n\nconst menuItems = Utils.utilityHelpers.getDefaultUtilityItems(intl, userData, customUtilityItems);\n\nconst utilityConfig = {\n title: 'Doe, John',\n accessory: ,\n menuItems: menuItems,\n initialSelectedKey: 'menu',\n onChange: (event, itemData, disclose) => {\n /**\n * This function will be called when items are selected within the utility menu.\n * The disclose parameter is provided for convenience, but any presentation method\n * could be used to handle that menu content selection.\n */\n },\n onBlur: (event, layoutConfig) => {\n /**\n * This function will be called when navigation menu get out of focus. `layoutConfig` parameter is\n * provided to enchance interaction with application-layout\n */\n },\n};\n")))}p.isMDXComponent=!0},5355:function(e,t,n){n.d(t,{E:function(){return l}});var a=n(96540),i=n(55713),l=function(e){var t=e.url;return a.createElement(i.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-layout",name:"terra-application-layout",version:"5.96.0",url:t})}},25642: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"}},58168:function(e,t,n){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}n.d(t,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/55767-733a3889d2f73670552d.css b/55767-733a3889d2f73670552d.css new file mode 100644 index 0000000000..128c6036ea --- /dev/null +++ b/55767-733a3889d2f73670552d.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.ThemedComponent-module__clinical-lowlight-theme___LXe19{--terra-framework-docs-terra-theme-context-themed-component-block-background-color: #ffa500}.ThemedComponent-module__orion-fusion-theme___6wTNK{--terra-framework-docs-terra-theme-context-themed-component-block-background-color: #9400d3}.ThemedComponent-module__test-theme___wmvmt{--terra-framework-docs-terra-theme-context-themed-component-block-background-color: #009d00}.ThemedComponent-module__themed___g-PF2{height:100%;overflow:auto;position:relative}[dir] .ThemedComponent-module__themed___g-PF2{padding:24px}.ThemedComponent-module__themed-block___Ncdee{height:24px;height:var(--terra-framework-docs-terra-theme-context-themed-component-block-height, 24px)}[dir] .ThemedComponent-module__themed-block___Ncdee{background-color:#0079be;background-color:var(--terra-framework-docs-terra-theme-context-themed-component-block-background-color, #0079be)}.ThemedComponent-module__compact___cleOE{--terra-framework-docs-terra-theme-context-themed-component-block-height: 16px} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/55767-733a3889d2f73670552d.js b/55767-733a3889d2f73670552d.js new file mode 100644 index 0000000000..90e3dcf820 --- /dev/null +++ b/55767-733a3889d2f73670552d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[55767],{201:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var o=a(n(85715)),m=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&{}.hasOwnProperty.call(e,m)){var r=o?Object.getOwnPropertyDescriptor(e,m):null;r&&(r.get||r.set)?Object.defineProperty(a,m,r):a[m]=e[m]}return a.default=e,n&&n.set(e,a),a}(n(96540)),r=a(n(5556)),d=a(n(67967)),c=n(92912),i=a(n(49558)),u=a(n(53665)),s=n(25966),p=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var h=d.default.bind(p.default),x={example:r.default.element,exampleSrc:r.default.element,exampleCssSrc:r.default.element,title:r.default.string,description:r.default.node,isExpanded:r.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},T=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,r=e.description,d=e.isExpanded,p=(0,m.useState)(d),f=(0,o.default)(p,2),x=f[0],T=f[1],y=(0,m.useState)(!1),E=(0,o.default)(y,2),C=E[0],g=E[1],b=m.default.useContext(c.ThemeContext),N=void 0!==a,w=function(){g(!C),x&&T(!x)},P=function(){T(!x),C&&g(!C)},k=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return m.default.createElement("div",{className:h("template",b.className)},m.default.createElement("div",{className:h("header")},l&&m.default.createElement("h2",{className:h("title")},l)),m.default.createElement("div",{className:h("content")},r&&m.default.createElement("div",{className:h("description")},r),t),m.default.createElement("div",{className:h("footer")},n?m.default.createElement("div",{className:h("button-container")},N&&m.default.createElement("button",{type:"button",className:h("css-toggle","item",{"is-selected":C}),onClick:w,onKeyDown:function(e){return k(e,w)},onBlur:_,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},m.default.createElement(i.default,{className:h("chevron")}),m.default.createElement("span",null,"CSS"),m.default.createElement(u.default,{className:h("chevron")})),m.default.createElement("button",{type:"button",className:h("code-toggle","item",{"is-selected":x}),onClick:P,onKeyDown:function(e){return k(e,P)},onBlur:_,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},m.default.createElement(i.default,{className:h("chevron")}),m.default.createElement("span",null,"Code"),m.default.createElement(u.default,{className:h("chevron")}))):null,m.default.createElement("div",null,C&&m.default.createElement("div",{className:h("css")},a),x&&m.default.createElement("div",{className:h("code")},n))))};T.propTypes=x,T.defaultProps={isExpanded:!1};t.A=T},9781:function(e,t,n){n.r(t),n.d(t,{default:function(){return x}});var a=n(58168),l=n(53986),o=(n(96540),n(36665)),m=n(90883),r=n(12883),d=["components"],c={},i="wrapper";function u(e){var t=e.components,n=(0,l.A)(e,d);return(0,o.mdx)(i,(0,a.A)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(r.Ay,{mdxType:"PropsTable"},(0,o.mdx)(r.fI,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(r.dt,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(r.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(r.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The components to be rendered within the context of the ThemeContextProvider. Components rendered here are able to interact with ThemeContextProvider through the ThemeContext."))),(0,o.mdx)(r.fI,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(r.dt,{mdxType:"PropNameCell"},"theme"),(0,o.mdx)(r.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n name: {\n type: 'string',\n },\n className: {\n type: 'string',\n },\n density: {\n type: 'string',\n },\n},\n"))),(0,o.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,o.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"An object containing the name, className, and density of the selected theme.")))))}u.isMDXComponent=!0;var s=n(86433),p=["components"],f={},h="wrapper";function x(e){var t=e.components,n=(0,l.A)(e,p);return(0,o.mdx)(h,(0,a.A)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(m.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-theme-context"},"Terra Theme Context"),(0,o.mdx)("p",null,"A provider component for the terra theme context. This component is not intended for use outside of terra-application."),(0,o.mdx)("h2",{id:"how-does-this-relate-to-terra-theme-provider"},"How does this relate to terra-theme-provider"),(0,o.mdx)("p",null,"terra-theme-provider and terra-context/ThemeContextProvider work in concert to provide all aspects of terra themeing."),(0,o.mdx)("p",null,"The terra-theme-provider component is responsible for applying the theme class to the document element on the page. This will allow any non locally scoped theme classes to be applied throughout the application."),(0,o.mdx)("p",null,"This component sets the provided theme in react context so that react components can apply locally scoped theme classes to apply the theme variables directly."),(0,o.mdx)("p",null,"These components should be given the same theme name and will be orchestrated by terra-application."),(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-theme-context"))))),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ThemeContextProvider from 'terra-theme-context/lib/ThemeContextProvider';\n")),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(s.A,{mdxType:"ThemeContextProviderExample"}),(0,o.mdx)("h2",{id:"props-table"},"Props Table"),(0,o.mdx)(u,{mdxType:"PropsTable"}))}x.isMDXComponent=!0},86433:function(e,t,n){n.d(t,{A:function(){return s}});var a=n(96540),l=n(83764),o=n(58168),m=n(53986),r=n(36665),d=["components"],c={};function i(e){var t=e.components,n=(0,m.A)(e,d);return(0,r.mdx)("wrapper",(0,o.A)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ThemeContextProvider from 'terra-theme-context/lib/ThemeContextProvider';\n\nimport ThemedComponent from './ThemedComponent';\n\nconst ThemeContextProviderExample = () => (\n \n \n \n);\n\nexport default ThemeContextProviderExample;\n\n")))}i.isMDXComponent=!0;var u=n(201),s=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(u.A,{title:t||"Theme Context Provider Example",description:n,example:a.createElement(l.A,null),exampleSrc:a.createElement(i,null),isExpanded:o})}},90883:function(e,t,n){n.d(t,{E:function(){return o}});var a=n(96540),l=n(55713),o=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-theme-context",name:"terra-theme-context",version:"1.10.0",url:t})}},83764:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(50126)),m=a(n(22623));t.A=function(){return l.default.createElement(o.default,{theme:{name:"test-theme",className:"test-theme",density:"compact"}},l.default.createElement(m.default,null))}},22623:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(96540)),o=a(n(67967)),m=a(n(23695)),r=a(n(9268)),d=o.default.bind(r.default);t.default=function(){var e=l.default.useContext(m.default);return l.default.createElement("div",{className:d("themed",e.className,e.density)},l.default.createElement("h1",null,"Theme Name: ".concat(e.name)),l.default.createElement("h1",null,"Theme Density: ".concat(e.density||"")),l.default.createElement("div",{className:d("themed-block")}))}},89986: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"}},9268:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ThemedComponent-module__clinical-lowlight-theme___LXe19","orion-fusion-theme":"ThemedComponent-module__orion-fusion-theme___6wTNK","test-theme":"ThemedComponent-module__test-theme___wmvmt",themed:"ThemedComponent-module__themed___g-PF2","themed-block":"ThemedComponent-module__themed-block___Ncdee",compact:"ThemedComponent-module__compact___cleOE"}},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),l=o(n(25365));function o(e){return e&&e.__esModule?e:{default:e}}var m=function(e){var t=Object.assign({},e);return a.default.createElement(l.default,t,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};m.displayName="IconChevronLeft",m.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=m}}]); \ No newline at end of file diff --git a/55993-3fcdd8f900b90222d971.js b/55993-3fcdd8f900b90222d971.js new file mode 100644 index 0000000000..cfb0d2869f --- /dev/null +++ b/55993-3fcdd8f900b90222d971.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[55993],{201:function(e,l,t){var n=t(24994),a=t(73738);l.A=void 0;var i=n(t(85715)),d=function(e,l){if(!l&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var t=y(l);if(t&&t.has(e))return t.get(e);var n={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&{}.hasOwnProperty.call(e,d)){var o=i?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(n,d,o):n[d]=e[d]}return n.default=e,t&&t.set(e,n),n}(t(96540)),o=n(t(5556)),s=n(t(67967)),r=t(92912),m=n(t(49558)),p=n(t(53665)),u=t(25966),c=n(t(89986));function y(e){if("function"!=typeof WeakMap)return null;var l=new WeakMap,t=new WeakMap;return(y=function(e){return e?t:l})(e)}var x=s.default.bind(c.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},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},C=function(e){var l=e.example,t=e.exampleSrc,n=e.exampleCssSrc,a=e.title,o=e.description,s=e.isExpanded,c=(0,d.useState)(s),y=(0,i.default)(c,2),g=y[0],C=y[1],T=(0,d.useState)(!1),b=(0,i.default)(T,2),w=b[0],k=b[1],I=d.default.useContext(r.ThemeContext),v=void 0!==n,D=function(){k(!w),g&&C(!g)},O=function(){C(!g),w&&k(!w)},V=function(e,l){e.nativeEvent.keyCode!==u.KEY_SPACE&&e.nativeEvent.keyCode!==u.KEY_RETURN||(e.preventDefault(),l())};return d.default.createElement("div",{className:x("template",I.className)},d.default.createElement("div",{className:x("header")},a&&d.default.createElement("h2",{className:x("title")},a)),d.default.createElement("div",{className:x("content")},o&&d.default.createElement("div",{className:x("description")},o),l),d.default.createElement("div",{className:x("footer")},t?d.default.createElement("div",{className:x("button-container")},v&&d.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":w}),onClick:D,onKeyDown:function(e){return V(e,D)},onBlur:h,onMouseDown:f,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(m.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":g}),onClick:O,onKeyDown:function(e){return V(e,O)},onBlur:h,onMouseDown:f,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(m.default,{className:x("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(p.default,{className:x("chevron")}))):null,d.default.createElement("div",null,w&&d.default.createElement("div",{className:x("css")},n),g&&d.default.createElement("div",{className:x("code")},t))))};C.propTypes=g,C.defaultProps={isExpanded:!1};l.A=C},27552:function(e,l,t){t.r(l),t.d(l,{default:function(){return J}});var n=t(58168),a=t(53986),i=t(96540),d=t(36665),o=t(63292),s=t(12883),r=["components"],m={},p="wrapper";function u(e){var l=e.components,t=(0,a.A)(e,r);return(0,d.mdx)(p,(0,n.A)({},m,t,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)(s.Ay,{mdxType:"PropsTable"},(0,d.mdx)(s.fI,{key:"ROW1",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"children"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,d.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Item/ItemGroup/Divider elements to display in the view. Items that will fit in the space available will\ndisplay face-up the remainder will be rolled into a menu"))),(0,d.mdx)(s.fI,{key:"ROW2",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"menuWidth"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.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,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A string representation of the width in px, limited to:\n160, 240, 320, 640, 960, 1280, 1760, or auto"))),(0,d.mdx)(s.fI,{key:"ROW3",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"boundingRef"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Bounding container for the menu, will use window if no value provided."))),(0,d.mdx)(s.fI,{key:"ROW4",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"alwaysCollapsedMenuItems"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'element',\n}],\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Puts items under the collapsed (more) menu. More button will be always shown if at least one item is populated here."))),(0,d.mdx)(s.fI,{key:"ROW5",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"isStartAligned"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Aligns the menu to the start of the container")))))}u.isMDXComponent=!0;var c=["components"],y={},x="wrapper";function g(e){var l=e.components,t=(0,a.A)(e,c);return(0,d.mdx)(x,(0,n.A)({},y,t,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)(s.Ay,{mdxType:"PropsTable"},(0,d.mdx)(s.fI,{key:"ROW1",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"text"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Sets the item's text"))),(0,d.mdx)(s.fI,{key:"ROW2",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"boundingRef"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Bounding container for the menu, will use window if no value provided."))),(0,d.mdx)(s.fI,{key:"ROW3",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"icon"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An optional icon. Nested inline with the text when provided"))),(0,d.mdx)(s.fI,{key:"ROW4",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"isIconOnly"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Indicates if only the icon should display when item is face-up. (Text should still be given to be displayed when item is in the menu)"))),(0,d.mdx)(s.fI,{key:"ROW5",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"isReversed"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Reverses the position of the icon and text"))),(0,d.mdx)(s.fI,{key:"ROW6",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"isSelected"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Indicates if the item start as selected when placed in a button group"))),(0,d.mdx)(s.fI,{key:"ROW7",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"isDisabled"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Indicates if the item should be disabled."))),(0,d.mdx)(s.fI,{key:"ROW8",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"shouldCloseOnClick"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Indicates that clicking on this item while displayed inside a menu should close the menu."))),(0,d.mdx)(s.fI,{key:"ROW9",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"subMenuItems"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'element',\n}],\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"List of Menu.Items to display in a submenu when this item is selected."))),(0,d.mdx)(s.fI,{key:"ROW10",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"onClick"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback function for when the item is clicked"))),(0,d.mdx)(s.fI,{key:"ROW11",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"menuWidth"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.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,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A string representation of the width in px, limited to:\n160, 240, 320, 640, 960, 1280, 1760, or auto")))))}g.isMDXComponent=!0;var h=["components"],f={},C="wrapper";function T(e){var l=e.components,t=(0,a.A)(e,h);return(0,d.mdx)(C,(0,n.A)({},f,t,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)(s.Ay,{mdxType:"PropsTable"},(0,d.mdx)(s.fI,{key:"ROW1",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"onChange"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback function that is called when the group's selection state changes"))),(0,d.mdx)(s.fI,{key:"ROW2",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"children"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,d.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"CollapsibleMenuView.Items to be grouped together"))),(0,d.mdx)(s.fI,{key:"ROW3",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"isMultiSelect"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,(0,d.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"})," For best practices, ensure to use ",(0,d.mdx)("inlineCode",{parentName:"p"},"isMultiSelect"),"\nin collapsibleMenuViewItemGroup element when creating multi select group items. This ensures collapsibleMenuItem's are rendered with role ",(0,d.mdx)("inlineCode",{parentName:"p"},"checkbox")," for face up group items and\nrole ",(0,d.mdx)("inlineCode",{parentName:"p"},"menuItemCheckBox")," for collapsed group items."))),(0,d.mdx)(s.fI,{key:"ROW4",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"selectedKeys"),(0,d.mdx)(s.$d,{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)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A list of keys of the CollapsibleMenuView.Items that should be selected."))),(0,d.mdx)(s.fI,{key:"ROW5",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"String that labels the group for accessibility."))),(0,d.mdx)(s.fI,{key:"ROW6",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"groupId"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"String that used in menu item for aria-describedby that labels the group for accessibility.")))))}T.isMDXComponent=!0;var b=["components"],w={},k="wrapper";function I(e){var l=e.components,t=(0,a.A)(e,b);return(0,d.mdx)(k,(0,n.A)({},w,t,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)(s.Ay,{mdxType:"PropsTable"},(0,d.mdx)(s.fI,{key:"ROW1",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"text"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Sets the item's text"))),(0,d.mdx)(s.fI,{key:"ROW2",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"isSelected"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Indicates if the item is selected."))),(0,d.mdx)(s.fI,{key:"ROW3",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"onChange"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback function for when selection state changes. Is called with event and isSelected parameters"))),(0,d.mdx)(s.fI,{key:"ROW4",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"isSelectable"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Indicates that the toggle should be selectable"))),(0,d.mdx)(s.fI,{key:"ROW5",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"isDisabled"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Indicates if the toggle should be disabled."))),(0,d.mdx)(s.fI,{key:"ROW6",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"shouldCloseOnClick"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Indicates that clicking on this item while displayed inside a menu should close the menu")))))}I.isMDXComponent=!0;var v=["components"],D={},O="wrapper";function V(e){var l=e.components,t=(0,a.A)(e,v);return(0,d.mdx)(O,(0,n.A)({},D,t,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)(s.Ay,{mdxType:"PropsTable"},(0,d.mdx)(s.fI,{key:"ROW1",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"text"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The content to display inside link."))),(0,d.mdx)(s.fI,{key:"ROW2",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"title"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Additional information to display as a native tooltip on hover."))),(0,d.mdx)(s.fI,{key:"ROW3",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"href"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,(0,d.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nSets the href of the link. href is required for hyperlinks and should be ignored when ",(0,d.mdx)("inlineCode",{parentName:"p"},"onClick")," callback is used."))),(0,d.mdx)(s.fI,{key:"ROW4",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"onClick"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,(0,d.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nCallback function triggered when clicked. onClick is required to render hyperlink as a button.\n",(0,d.mdx)("inlineCode",{parentName:"p"},"onClick")," should be ignored when ",(0,d.mdx)("inlineCode",{parentName:"p"},"href")," is provided."))),(0,d.mdx)(s.fI,{key:"ROW5",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"onBlur"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback function triggered when hyperlink loses focus."))),(0,d.mdx)(s.fI,{key:"ROW6",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"onFocus"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback function triggered when hyperlink gains focus."))),(0,d.mdx)(s.fI,{key:"ROW7",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"onKeyDown"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback function triggered when key is pressed."))),(0,d.mdx)(s.fI,{key:"ROW8",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"onKeyUp"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback function triggered when key is released."))),(0,d.mdx)(s.fI,{key:"ROW9",mdxType:"Row"},(0,d.mdx)(s.dt,{mdxType:"PropNameCell"},"variant"),(0,d.mdx)(s.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'default'\n 'external'\n 'image'\n 'video'\n 'audio'\n 'document'\n],\n"))),(0,d.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,d.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Sets the hyperlink variant. One of ",(0,d.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,d.mdx)("inlineCode",{parentName:"p"},"external"),", ",(0,d.mdx)("inlineCode",{parentName:"p"},"image"),", ",(0,d.mdx)("inlineCode",{parentName:"p"},"video"),", ",(0,d.mdx)("inlineCode",{parentName:"p"},"audio"),", ",(0,d.mdx)("inlineCode",{parentName:"p"},"document"),".")))))}V.isMDXComponent=!0;var N=t(5449),S=["components"],M={};function E(e){var l=e.components,t=(0,a.A)(e,S);return(0,d.mdx)("wrapper",(0,n.A)({},M,t,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport {\n IconBookmark,\n IconCaretDown,\n IconPrinter,\n IconSend,\n IconTable,\n IconTrash,\n IconTreemap,\n IconVisualization,\n} from \'terra-icon\';\nimport CollapsibleMenuView from \'terra-collapsible-menu-view\';\n\nclass CollapsibleMenuViewDemo extends React.Component {\n constructor(props) {\n super(props);\n this.handleDisplayTypeChange = this.handleDisplayTypeChange.bind(this);\n this.handleToggleOneOnChange = this.handleToggleOneOnChange.bind(this);\n this.handleToggleTwoOnChange = this.handleToggleTwoOnChange.bind(this);\n this.handleToggleThreeOnChange = this.handleToggleThreeOnChange.bind(this);\n this.state = {\n toggle1Selection: false,\n toggle2Selection: false,\n toggle3Selection: false,\n displayType: \'tableView\',\n };\n }\n\n handleToggleOneOnChange(event, isSelected) {\n this.setState({ toggle1Selection: isSelected });\n }\n\n handleToggleTwoOnChange(event, isSelected) {\n this.setState({ toggle2Selection: isSelected });\n }\n\n handleToggleThreeOnChange(event, isSelected) {\n this.setState({ toggle3Selection: isSelected });\n }\n\n handleDisplayTypeChange(event, selectedKey) {\n this.setState({ displayType: selectedKey });\n }\n\n render() {\n return (\n \n \n \n \n \n }\n text="Add Document"\n key="addDocument"\n isReversed\n shouldCloseOnClick={false}\n subMenuItems={[\n ,\n ,\n ]}\n />\n }\n text="Add"\n key="Add"\n isReversed\n shouldCloseOnClick={false}\n subMenuItems={[\n ,\n ,\n ]}\n />\n \n \n }\n text="Table View"\n key="tableView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'tableView\'}\n />\n }\n text="Chart View"\n key="chartView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'chartView\'}\n />\n }\n text="Treemap View"\n key="treemapView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'treemapView\'}\n />\n \n \n } text="Send" key="send" isIconOnly />\n \n } text="Print" key="print" isIconOnly />\n } text="Bookmark" key="bookmark" isIconOnly />\n } text="Trash" key="trash" isIconOnly />\n \n \n \n \n \n \n \n );\n }\n}\n\nexport default CollapsibleMenuViewDemo;\n\n')))}E.isMDXComponent=!0;var R=t(201),A=function(e){var l=e.title,t=e.description,n=e.isExpanded;return i.createElement(R.A,{title:l||"Collapsible Menu View Demo",description:t,example:i.createElement(N.A,null),exampleSrc:i.createElement(E,null),isExpanded:n})},_=t(25938),P=["components"],j={};function q(e){var l=e.components,t=(0,a.A)(e,P);return(0,d.mdx)("wrapper",(0,n.A)({},j,t,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport {\n IconCaretDown,\n IconTable,\n IconTreemap,\n IconVisualization,\n} from \'terra-icon\';\nimport CollapsibleMenuView from \'terra-collapsible-menu-view\';\n\nclass AlwaysCollapsedMenuItemsDemo extends React.Component {\n constructor(props) {\n super(props);\n this.handleDisplayTypeChange = this.handleDisplayTypeChange.bind(this);\n this.state = {\n displayType: \'tableView\',\n };\n }\n\n handleDisplayTypeChange(event, selectedKey) {\n this.setState({ displayType: selectedKey });\n }\n\n render() {\n return (\n ,\n ,\n ,\n ,\n ]}\n >\n }\n text="Add Document"\n key="addDocument"\n isReversed\n shouldCloseOnClick={false}\n subMenuItems={[\n ,\n ,\n ]}\n />\n }\n text="Add"\n key="Add"\n isReversed\n shouldCloseOnClick={false}\n subMenuItems={[\n ,\n ,\n ]}\n />\n \n \n }\n text="Table View"\n key="tableView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'tableView\'}\n />\n }\n text="Chart View"\n key="chartView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'chartView\'}\n />\n }\n text="Treemap View"\n key="treemapView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'treemapView\'}\n />\n \n \n );\n }\n}\n\nexport default AlwaysCollapsedMenuItemsDemo;\n\n')))}q.isMDXComponent=!0;var Z=function(e){var l=e.title,t=e.description,n=e.isExpanded;return i.createElement(R.A,{title:l||"Always Collapsed Menu Items Demo",description:t,example:i.createElement(_.A,null),exampleSrc:i.createElement(q,null),isExpanded:n})},B=t(81958),H=["components"],K={};function W(e){var l=e.components,t=(0,a.A)(e,H);return(0,d.mdx)("wrapper",(0,n.A)({},K,t,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport {\n IconBookmark,\n IconCaretDown,\n IconPrinter,\n IconSend,\n IconTable,\n IconTrash,\n IconTreemap,\n IconVisualization,\n} from \'terra-icon\';\nimport CollapsibleMenuView from \'terra-collapsible-menu-view\';\n\nclass CollapsibleMenuViewStartAligned extends React.Component {\n constructor(props) {\n super(props);\n this.handleDisplayTypeChange = this.handleDisplayTypeChange.bind(this);\n this.handleToggleOneOnChange = this.handleToggleOneOnChange.bind(this);\n this.handleToggleTwoOnChange = this.handleToggleTwoOnChange.bind(this);\n this.handleToggleThreeOnChange = this.handleToggleThreeOnChange.bind(this);\n this.state = {\n toggle1Selection: false,\n toggle2Selection: false,\n toggle3Selection: false,\n displayType: \'tableView\',\n };\n }\n\n handleToggleOneOnChange(event, isSelected) {\n this.setState({ toggle1Selection: isSelected });\n }\n\n handleToggleTwoOnChange(event, isSelected) {\n this.setState({ toggle2Selection: isSelected });\n }\n\n handleToggleThreeOnChange(event, isSelected) {\n this.setState({ toggle3Selection: isSelected });\n }\n\n handleDisplayTypeChange(event, selectedKey) {\n this.setState({ displayType: selectedKey });\n }\n\n render() {\n return (\n \n \n \n \n \n }\n text="Add Document"\n key="addDocument"\n isReversed\n shouldCloseOnClick={false}\n subMenuItems={[\n ,\n ,\n ]}\n />\n }\n text="Add"\n key="Add"\n isReversed\n shouldCloseOnClick={false}\n subMenuItems={[\n ,\n ,\n ]}\n />\n \n \n }\n text="Table View"\n key="tableView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'tableView\'}\n />\n }\n text="Chart View"\n key="chartView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'chartView\'}\n />\n }\n text="Treemap View"\n key="treemapView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'treemapView\'}\n />\n \n \n } text="Send" key="send" isIconOnly />\n \n } text="Print" key="print" isIconOnly />\n } text="Bookmark" key="bookmark" isIconOnly />\n } text="Trash" key="trash" isIconOnly />\n \n \n \n \n \n \n \n );\n }\n}\n\nexport default CollapsibleMenuViewStartAligned;\n\n')))}W.isMDXComponent=!0;var Y=function(e){var l=e.title,t=e.description,n=e.isExpanded;return i.createElement(R.A,{title:l||"Collapsible Menu View Start Aligned",description:t,example:i.createElement(B.A,null),exampleSrc:i.createElement(W,null),isExpanded:n})},$=t(91893),G=["components"],L={};function X(e){var l=e.components,t=(0,a.A)(e,G);return(0,d.mdx)("wrapper",(0,n.A)({},L,t,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconTable from \'terra-icon/lib/icon/IconTable\';\nimport IconFlowsheet from \'terra-icon/lib/icon/IconFlowsheet\';\nimport IconVisualization from \'terra-icon/lib/icon/IconVisualization\';\nimport IconSend from \'terra-icon/lib/icon/IconSend\';\nimport CollapsibleMenuView from \'terra-collapsible-menu-view\';\n\nclass CollapsibleMenuViewWithMultiSelectItems extends React.Component {\n constructor(props) {\n super(props);\n this.handleDisplayTypeChange = this.handleDisplayTypeChange.bind(this);\n this.handleToggleOneOnChange = this.handleToggleOneOnChange.bind(this);\n this.handleToggleTwoOnChange = this.handleToggleTwoOnChange.bind(this);\n this.handleToggleThreeOnChange = this.handleToggleThreeOnChange.bind(this);\n this.state = {\n toggle1Selection: false,\n toggle2Selection: false,\n toggle3Selection: false,\n selectedKeys: [],\n };\n }\n\n handleToggleOneOnChange(event, isSelected) {\n this.setState({ toggle1Selection: isSelected });\n }\n\n handleToggleTwoOnChange(event, isSelected) {\n this.setState({ toggle2Selection: isSelected });\n }\n\n handleToggleThreeOnChange(event, isSelected) {\n this.setState({ toggle3Selection: isSelected });\n }\n\n handleDisplayTypeChange(event, selectedKey) {\n // eslint-disable-next-line react/no-access-state-in-setstate\n const newSelectedKeys = this.state.selectedKeys;\n if (!newSelectedKeys.includes(selectedKey)) {\n newSelectedKeys.push(selectedKey);\n } else {\n newSelectedKeys.splice(newSelectedKeys.indexOf(selectedKey), 1);\n }\n this.setState({ selectedKeys: newSelectedKeys });\n }\n\n render() {\n return (\n \n \n \n \n \n ,\n ,\n ]}\n />\n \n \n }\n text="Table View"\n key="tableView"\n ariaDescribedBy="view-type-multi-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.selectedKeys.includes(\'tableView\')}\n />\n }\n text="Expanded View"\n key="expandedView"\n ariaDescribedBy="view-type-multi-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.selectedKeys.includes(\'expandedView\')}\n />\n }\n text="Trending View"\n key="trendingView"\n ariaDescribedBy="view-type-multi-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.selectedKeys.includes(\'trendingView\')}\n />\n \n \n } text="Send Message" key="send" isIconOnly />\n \n );\n }\n}\n\nexport default CollapsibleMenuViewWithMultiSelectItems;\n\n')))}X.isMDXComponent=!0;var F=function(e){var l=e.title,t=e.description,n=e.isExpanded;return i.createElement(R.A,{title:l||"Collapsible Menu View With Multi Select Items",description:t,example:i.createElement($.A,null),exampleSrc:i.createElement(X,null),isExpanded:n})},z=["components"],U={},Q="wrapper";function J(e){var l=e.components,t=(0,a.A)(e,z);return(0,d.mdx)(Q,(0,n.A)({},U,t,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)(o.E,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"terra-collapsible-menu-view"},"Terra Collapsible Menu View"),(0,d.mdx)("p",null,"The collapsible menu view is a mechanism that can be used in toolbar scenarios where actionable items 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,d.mdx)("p",null,"CollapsibleMenuView.Item will flex between a button when displayed face-up and a Menu.Item when in a menu. An item can have an onClick action and/or contain menuItems that will be displayed in a menu when clicked (they will be displayed in a submenu if the item is rolled into the ellipsis menu)"),(0,d.mdx)("p",null,"CollapsibleMenuView.Toggle will flex between a checkbox with a label when displayed face-up and a selectable Menu.Item when in a menu."),(0,d.mdx)("p",null,"CollapsibleMenuView.Hyperlink will flex between a hyperlink and a selectable Menu.Item when in a menu."),(0,d.mdx)("p",null,"CollapsibleMenuView.ItemGroup will flex between a button group when displayed face-up and a Menu.ItemGroup when rolled into the ellipsis menu. A selectable ItemGroup will have toggle style selection. An Item group that is not selectable will have its children roll into the ellipsis menu as non selectable Menu.Items."),(0,d.mdx)("p",null,"CollapsibleMenuView.Divider will flex between a vertical divider when displayed face-up and a Menu.Divider when in a menu."),(0,d.mdx)("p",null,"To pre-populate the collapsible menu view with menu items that always remain collapsed, use the ",(0,d.mdx)("inlineCode",{parentName:"p"},"alwaysCollapsedMenuItems")," prop."),(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-collapsible-menu-view"))))),(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 CollapsibleMenuView from 'terra-collapsible-menu-view';\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)("h2",{id:"examples"},"Examples"),(0,d.mdx)(A,{title:"CollapsibleMenuView Example",mdxType:"BasicView"}),(0,d.mdx)(Z,{title:"Always collapsed menu items",mdxType:"AlwaysCollapsedMenuItemsDemo"}),(0,d.mdx)(Y,{title:"CollapsibleMenuView start alignment",mdxType:"CollapsibleMenuViewStartAligned"}),(0,d.mdx)(F,{title:"CollapsibleMenuView with multiselect items",mdxType:"CollapsibleMenuViewWithMultiSelectItems"}),(0,d.mdx)("h2",{id:"collapsible-menu-view-props"},"Collapsible Menu View props"),(0,d.mdx)(u,{mdxType:"CollapsibleMenuViewProps"}),(0,d.mdx)("h2",{id:"collapsiblemenuviewitem-props"},"CollapsibleMenuView.Item props"),(0,d.mdx)(g,{mdxType:"CollapsibleMenuViewItemProps"}),(0,d.mdx)("h2",{id:"collapsiblemenuviewitemgroup-props"},"CollapsibleMenuView.ItemGroup props"),(0,d.mdx)(T,{mdxType:"CollapsibleMenuViewItemGroupProps"}),(0,d.mdx)("h2",{id:"collapsiblemenuviewtoggle-props"},"CollapsibleMenuView.Toggle props"),(0,d.mdx)(I,{mdxType:"CollapsibleMenuViewToggleProps"}),(0,d.mdx)("h2",{id:"collapsiblemenuviewhyperlink-props"},"CollapsibleMenuView.Hyperlink props"),(0,d.mdx)(V,{mdxType:"CollapsibleMenuViewHyperlinkProps"}))}J.isMDXComponent=!0},63292:function(e,l,t){t.d(l,{E:function(){return i}});var n=t(96540),a=t(55713),i=function(e){var l=e.url;return n.createElement(a.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-collapsible-menu-view",name:"terra-collapsible-menu-view",version:"6.103.0",url:l})}},25938:function(e,l,t){var n=t(24994);l.A=void 0;var a=n(t(17383)),i=n(t(34579)),d=n(t(28452)),o=n(t(63072)),s=n(t(29511)),r=n(t(96540)),m=t(33049),p=n(t(26714));function u(e,l,t){return l=(0,o.default)(l),(0,d.default)(e,c()?Reflect.construct(l,t||[],(0,o.default)(e).constructor):l.apply(e,t))}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}var y=function(e){function l(e){var t;return(0,a.default)(this,l),(t=u(this,l,[e])).handleDisplayTypeChange=t.handleDisplayTypeChange.bind(t),t.state={displayType:"tableView"},t}return(0,s.default)(l,e),(0,i.default)(l,[{key:"handleDisplayTypeChange",value:function(e,l){this.setState({displayType:l})}},{key:"render",value:function(){return r.default.createElement(p.default,{alwaysCollapsedMenuItems:[r.default.createElement(p.default.Item,{text:"Action 1",key:"action1"}),r.default.createElement(p.default.Item,{text:"Action 2",key:"action2",isDisabled:!0}),r.default.createElement(p.default.Item,{text:"Action 3",key:"action3"}),r.default.createElement(p.default.Item,{text:"Action 4",key:"action4"})]},r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconCaretDown,null),text:"Add Document",key:"addDocument",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(p.default.Item,{text:"Upload Document",key:"uploadDocument"}),r.default.createElement(p.default.Item,{text:"Link to Document...",key:"linkToDocument"})]}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconCaretDown,null),text:"Add",key:"Add",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(p.default.Item,{text:"Add Allergy",key:"addAllergy"}),r.default.createElement(p.default.Item,{text:"Add Problem",key:"addProblem"})]}),r.default.createElement(p.default.Divider,{key:"divider1"}),r.default.createElement(p.default.ItemGroup,{ariaLabel:"View Type Single Selection",groupId:"view-type-single-select",key:"ViewTypeSelection",selectedKeys:[this.state.displayType],onChange:this.handleDisplayTypeChange},r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTable,null),text:"Table View",key:"tableView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"tableView"===this.state.displayType}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconVisualization,null),text:"Chart View",key:"chartView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"chartView"===this.state.displayType}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTreemap,null),text:"Treemap View",key:"treemapView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"treemapView"===this.state.displayType})))}}])}(r.default.Component);l.A=y},5449:function(e,l,t){var n=t(24994);l.A=void 0;var a=n(t(17383)),i=n(t(34579)),d=n(t(28452)),o=n(t(63072)),s=n(t(29511)),r=n(t(96540)),m=t(33049),p=n(t(26714));function u(e,l,t){return l=(0,o.default)(l),(0,d.default)(e,c()?Reflect.construct(l,t||[],(0,o.default)(e).constructor):l.apply(e,t))}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}var y=function(e){function l(e){var t;return(0,a.default)(this,l),(t=u(this,l,[e])).handleDisplayTypeChange=t.handleDisplayTypeChange.bind(t),t.handleToggleOneOnChange=t.handleToggleOneOnChange.bind(t),t.handleToggleTwoOnChange=t.handleToggleTwoOnChange.bind(t),t.handleToggleThreeOnChange=t.handleToggleThreeOnChange.bind(t),t.state={toggle1Selection:!1,toggle2Selection:!1,toggle3Selection:!1,displayType:"tableView"},t}return(0,s.default)(l,e),(0,i.default)(l,[{key:"handleToggleOneOnChange",value:function(e,l){this.setState({toggle1Selection:l})}},{key:"handleToggleTwoOnChange",value:function(e,l){this.setState({toggle2Selection:l})}},{key:"handleToggleThreeOnChange",value:function(e,l){this.setState({toggle3Selection:l})}},{key:"handleDisplayTypeChange",value:function(e,l){this.setState({displayType:l})}},{key:"render",value:function(){return r.default.createElement(p.default,null,r.default.createElement(p.default.Toggle,{text:"Display Patient History",key:"displayPatientHistory",shouldCloseOnClick:!1,onChange:this.handleToggleOneOnChange,isSelected:this.state.toggle1Selection}),r.default.createElement(p.default.Toggle,{text:"Display Allergies",key:"displayAllergies",shouldCloseOnClick:!1,onChange:this.handleToggleTwoOnChange,isSelected:this.state.toggle2Selection}),r.default.createElement(p.default.Toggle,{text:"Display Problems",key:"displayProblems",shouldCloseOnClick:!1,onChange:this.handleToggleThreeOnChange,isSelected:this.state.toggle3Selection}),r.default.createElement(p.default.Divider,{key:"Divider1"}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconCaretDown,null),text:"Add Document",key:"addDocument",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(p.default.Item,{text:"Upload Document",key:"uploadDocument"}),r.default.createElement(p.default.Item,{text:"Link to Document...",key:"linkToDocument"})]}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconCaretDown,null),text:"Add",key:"Add",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(p.default.Item,{text:"Add Allergy",key:"addAllergy"}),r.default.createElement(p.default.Item,{text:"Add Problem",key:"addProblem"})]}),r.default.createElement(p.default.Divider,{key:"Divider2"}),r.default.createElement(p.default.ItemGroup,{ariaLabel:"View Type Single Selection",groupId:"view-type-single-select",key:"ViewTypeSelection",selectedKeys:[this.state.displayType],onChange:this.handleDisplayTypeChange},r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTable,null),text:"Table View",key:"tableView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"tableView"===this.state.displayType}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconVisualization,null),text:"Chart View",key:"chartView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"chartView"===this.state.displayType}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTreemap,null),text:"Treemap View",key:"treemapView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"treemapView"===this.state.displayType})),r.default.createElement(p.default.Divider,{key:"Divider3"}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconSend,null),text:"Send",key:"send",isIconOnly:!0}),r.default.createElement(p.default.ItemGroup,{key:"messageActionGroup"},r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconPrinter,null),text:"Print",key:"print",isIconOnly:!0}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconBookmark,null),text:"Bookmark",key:"bookmark",isIconOnly:!0}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTrash,null),text:"Trash",key:"trash",isIconOnly:!0})),r.default.createElement(p.default.Divider,{key:"Divider4"}),r.default.createElement(p.default.Item,{text:"Action 1",key:"action1"}),r.default.createElement(p.default.Item,{text:"Action 2",key:"action2"}),r.default.createElement(p.default.Item,{text:"Action 3",key:"action3"}),r.default.createElement(p.default.Item,{text:"Action 4",key:"action4"}))}}])}(r.default.Component);l.A=y},81958:function(e,l,t){var n=t(24994);l.A=void 0;var a=n(t(17383)),i=n(t(34579)),d=n(t(28452)),o=n(t(63072)),s=n(t(29511)),r=n(t(96540)),m=t(33049),p=n(t(26714));function u(e,l,t){return l=(0,o.default)(l),(0,d.default)(e,c()?Reflect.construct(l,t||[],(0,o.default)(e).constructor):l.apply(e,t))}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}var y=function(e){function l(e){var t;return(0,a.default)(this,l),(t=u(this,l,[e])).handleDisplayTypeChange=t.handleDisplayTypeChange.bind(t),t.handleToggleOneOnChange=t.handleToggleOneOnChange.bind(t),t.handleToggleTwoOnChange=t.handleToggleTwoOnChange.bind(t),t.handleToggleThreeOnChange=t.handleToggleThreeOnChange.bind(t),t.state={toggle1Selection:!1,toggle2Selection:!1,toggle3Selection:!1,displayType:"tableView"},t}return(0,s.default)(l,e),(0,i.default)(l,[{key:"handleToggleOneOnChange",value:function(e,l){this.setState({toggle1Selection:l})}},{key:"handleToggleTwoOnChange",value:function(e,l){this.setState({toggle2Selection:l})}},{key:"handleToggleThreeOnChange",value:function(e,l){this.setState({toggle3Selection:l})}},{key:"handleDisplayTypeChange",value:function(e,l){this.setState({displayType:l})}},{key:"render",value:function(){return r.default.createElement(p.default,{isStartAligned:!0},r.default.createElement(p.default.Toggle,{text:"Display Patient History",key:"displayPatientHistory",shouldCloseOnClick:!1,onChange:this.handleToggleOneOnChange,isSelected:this.state.toggle1Selection}),r.default.createElement(p.default.Toggle,{text:"Display Allergies",key:"displayAllergies",shouldCloseOnClick:!1,onChange:this.handleToggleTwoOnChange,isSelected:this.state.toggle2Selection}),r.default.createElement(p.default.Toggle,{text:"Display Problems",key:"displayProblems",shouldCloseOnClick:!1,onChange:this.handleToggleThreeOnChange,isSelected:this.state.toggle3Selection}),r.default.createElement(p.default.Divider,{key:"Divider1"}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconCaretDown,null),text:"Add Document",key:"addDocument",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(p.default.Item,{text:"Upload Document",key:"uploadDocument"}),r.default.createElement(p.default.Item,{text:"Link to Document...",key:"linkToDocument"})]}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconCaretDown,null),text:"Add",key:"Add",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(p.default.Item,{text:"Add Allergy",key:"addAllergy"}),r.default.createElement(p.default.Item,{text:"Add Problem",key:"addProblem"})]}),r.default.createElement(p.default.Divider,{key:"Divider2"}),r.default.createElement(p.default.ItemGroup,{ariaLabel:"View Type Single Selection",groupId:"view-type-single-select",key:"ViewTypeSelection",selectedKeys:[this.state.displayType],onChange:this.handleDisplayTypeChange},r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTable,null),text:"Table View",key:"tableView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"tableView"===this.state.displayType}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconVisualization,null),text:"Chart View",key:"chartView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"chartView"===this.state.displayType}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTreemap,null),text:"Treemap View",key:"treemapView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"treemapView"===this.state.displayType})),r.default.createElement(p.default.Divider,{key:"Divider3"}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconSend,null),text:"Send",key:"send",isIconOnly:!0}),r.default.createElement(p.default.ItemGroup,{key:"messageActionGroup"},r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconPrinter,null),text:"Print",key:"print",isIconOnly:!0}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconBookmark,null),text:"Bookmark",key:"bookmark",isIconOnly:!0}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTrash,null),text:"Trash",key:"trash",isIconOnly:!0})),r.default.createElement(p.default.Divider,{key:"Divider4"}),r.default.createElement(p.default.Item,{text:"Action 1",key:"action1"}),r.default.createElement(p.default.Item,{text:"Action 2",key:"action2"}),r.default.createElement(p.default.Item,{text:"Action 3",key:"action3"}),r.default.createElement(p.default.Item,{text:"Action 4",key:"action4"}))}}])}(r.default.Component);l.A=y},91893:function(e,l,t){var n=t(24994);l.A=void 0;var a=n(t(17383)),i=n(t(34579)),d=n(t(28452)),o=n(t(63072)),s=n(t(29511)),r=n(t(96540)),m=n(t(74136)),p=n(t(6787)),u=n(t(86952)),c=n(t(59944)),y=n(t(26714));function x(e,l,t){return l=(0,o.default)(l),(0,d.default)(e,g()?Reflect.construct(l,t||[],(0,o.default)(e).constructor):l.apply(e,t))}function g(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(g=function(){return!!e})()}var h=function(e){function l(e){var t;return(0,a.default)(this,l),(t=x(this,l,[e])).handleDisplayTypeChange=t.handleDisplayTypeChange.bind(t),t.handleToggleOneOnChange=t.handleToggleOneOnChange.bind(t),t.handleToggleTwoOnChange=t.handleToggleTwoOnChange.bind(t),t.handleToggleThreeOnChange=t.handleToggleThreeOnChange.bind(t),t.state={toggle1Selection:!1,toggle2Selection:!1,toggle3Selection:!1,selectedKeys:[]},t}return(0,s.default)(l,e),(0,i.default)(l,[{key:"handleToggleOneOnChange",value:function(e,l){this.setState({toggle1Selection:l})}},{key:"handleToggleTwoOnChange",value:function(e,l){this.setState({toggle2Selection:l})}},{key:"handleToggleThreeOnChange",value:function(e,l){this.setState({toggle3Selection:l})}},{key:"handleDisplayTypeChange",value:function(e,l){var t=this.state.selectedKeys;t.includes(l)?t.splice(t.indexOf(l),1):t.push(l),this.setState({selectedKeys:t})}},{key:"render",value:function(){return r.default.createElement(y.default,null,r.default.createElement(y.default.Toggle,{text:"InDesign",key:"toggle1",shouldCloseOnClick:!1,onChange:this.handleToggleOneOnChange,isSelected:this.state.toggle1Selection}),r.default.createElement(y.default.Toggle,{text:"Photoshop",key:"toggle21",shouldCloseOnClick:!1,isSelected:this.state.toggle2Selection}),r.default.createElement(y.default.Toggle,{text:"Illustrator",key:"toggle3",shouldCloseOnClick:!1,onChange:this.handleToggleThreeOnChange,isSelected:this.state.toggle3Selection}),r.default.createElement(y.default.Divider,{key:"Divider1"}),r.default.createElement(y.default.Item,{text:"Browsers",key:"MenuButton1",shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(y.default.Item,{text:"Edge",key:"defaultItem1"}),r.default.createElement(y.default.Item,{text:"Chrome",key:"defaultItem2"})]}),r.default.createElement(y.default.Divider,{key:"Divider2"}),r.default.createElement(y.default.ItemGroup,{ariaLabel:"View Type Multi Selection",groupId:"view-type-multi-select",key:"ViewTypeSelection",isMultiSelect:!0,selectedKeys:this.state.selectedKeys,onChange:this.handleDisplayTypeChange},r.default.createElement(y.default.Item,{icon:r.default.createElement(m.default,null),text:"Table View",key:"tableView",ariaDescribedBy:"view-type-multi-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:this.state.selectedKeys.includes("tableView")}),r.default.createElement(y.default.Item,{icon:r.default.createElement(p.default,null),text:"Expanded View",key:"expandedView",ariaDescribedBy:"view-type-multi-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:this.state.selectedKeys.includes("expandedView")}),r.default.createElement(y.default.Item,{icon:r.default.createElement(u.default,null),text:"Trending View",key:"trendingView",ariaDescribedBy:"view-type-multi-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:this.state.selectedKeys.includes("trendingView")})),r.default.createElement(y.default.Divider,{key:"Divider3"}),r.default.createElement(y.default.Item,{icon:r.default.createElement(c.default,null),text:"Send Message",key:"send",isIconOnly:!0}))}}])}(r.default.Component);l.A=h},89986:function(e,l,t){t.r(l),l.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"}},92420:function(e,l,t){t.r(l),l.default={arrange:"Arrange-module__arrange___hY0Ml",fill:"Arrange-module__fill___m88eq",fit:"Arrange-module__fit___tv8j-",center:"Arrange-module__center___9qfhG",bottom:"Arrange-module__bottom___8beod",stretch:"Arrange-module__stretch___eQF-k",default:"Arrange-module__default___z+O29"}},39496:function(e,l,t){function n(e){return n="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},n(e)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=l.AlignmentTypes=void 0;var a=r(t(96540)),i=r(t(5556)),d=r(t(67967)),o=r(t(92420)),s=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function r(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[t]=e[t]);return a}(e,l);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}l.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var x=d.default.bind(o.default),g={fitStart:i.default.element,fill:i.default.element.isRequired,fitEnd:i.default.element,align:i.default.oneOf(["center","bottom","stretch"]),alignFitStart:i.default.oneOf(["center","bottom","stretch"]),alignFitEnd:i.default.oneOf(["center","bottom","stretch"]),alignFill:i.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:i.default.object,fillAttributes:i.default.object,fitEndAttributes:i.default.object},h=function(e){var l=e.fitStart,t=e.fill,n=e.fitEnd,i=e.align,d=e.alignFitStart,o=e.alignFill,r=e.alignFitEnd,p=e.fitStartAttributes,c=e.fillAttributes,g=e.fitEndAttributes,h=y(e,s),f=u({},p),C=u({},c),T=u({},g);return a.default.createElement("span",m({},h,{className:x("arrange",h.className)}),a.default.createElement("span",m({},f,{className:x("fit",i||d,f.className,"fit-block")}),l),a.default.createElement("span",m({},C,{className:x("fill",i||o,C.className,"fill-block")}),t),a.default.createElement("span",m({},T,{className:x("fit",i||r,T.className)}),n))};h.propTypes=g;l.default=h}}]); \ No newline at end of file diff --git a/56284-ae11b3caa676d75899ee.js b/56284-ae11b3caa676d75899ee.js new file mode 100644 index 0000000000..c7dbbcf6ae --- /dev/null +++ b/56284-ae11b3caa676d75899ee.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[56284],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(5556)),r=a(n(67967)),i=a(n(25642)),c=r.default.bind(i.default),d={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,r=l.default.createElement("a",{className:c("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},l.default.createElement("span",{className:c("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:c("badge-version")},"v".concat(o))),i=t?l.default.createElement("a",{className:c("badge"),href:t},l.default.createElement("span",{className:c("badge-name")},"github"),l.default.createElement("span",{className:c("badge-version")},"source")):void 0;return l.default.createElement("div",{className:c("badge-container")},r,i)};s.propTypes=d;t.A=s},201:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var o=a(n(85715)),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=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(96540)),i=a(n(5556)),c=a(n(67967)),d=n(92912),s=a(n(49558)),u=a(n(53665)),m=n(25966),p=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var _=c.default.bind(p.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},y=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,l=e.title,i=e.description,c=e.isExpanded,p=(0,r.useState)(c),f=(0,o.default)(p,2),b=f[0],g=f[1],E=(0,r.useState)(!1),h=(0,o.default)(E,2),N=h[0],x=h[1],C=r.default.useContext(d.ThemeContext),T=void 0!==a,w=function(){x(!N),b&&g(!b)},A=function(){g(!b),N&&x(!N)},k=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:_("template",C.className)},r.default.createElement("div",{className:_("header")},l&&r.default.createElement("h2",{className:_("title")},l)),r.default.createElement("div",{className:_("content")},i&&r.default.createElement("div",{className:_("description")},i),t),r.default.createElement("div",{className:_("footer")},n?r.default.createElement("div",{className:_("button-container")},T&&r.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":N}),onClick:w,onKeyDown:function(e){return k(e,w)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:_("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(u.default,{className:_("chevron")})),r.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:A,onKeyDown:function(e){return k(e,A)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:_("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(u.default,{className:_("chevron")}))):null,r.default.createElement("div",null,N&&r.default.createElement("div",{className:_("css")},a),b&&r.default.createElement("div",{className:_("code")},n))))};g.propTypes=b,g.defaultProps={isExpanded:!1};t.A=g},56284:function(e,t,n){n.r(t),n.d(t,{default:function(){return s}});var a=n(58168),l=n(53986),o=(n(96540),n(36665)),r=(n(20574),n(73139)),i=["components"],c={},d="wrapper";function s(e){var t=e.components,n=(0,l.A)(e,i);return(0,o.mdx)(d,(0,a.A)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"default-table"},"Default Table"),(0,o.mdx)("h3",{id:"description"},"Description"),(0,o.mdx)("p",null,"This example demonstrates a basic ",(0,o.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/table/about"},"Table")," component implementation."),(0,o.mdx)(r.A,{mdxType:"DefaultTable"}))}s.isMDXComponent=!0},73139:function(e,t,n){n.d(t,{A:function(){return m}});var a=n(96540),l=n(2640),o=n(58168),r=n(53986),i=n(36665),c=["components"],d={};function s(e){var t=e.components,n=(0,r.A)(e,c);return(0,i.mdx)("wrapper",(0,o.A)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.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")))}s.isMDXComponent=!0;var u=n(201),m=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(u.A,{title:t||"Default Table",description:n,example:a.createElement(l.A,null),exampleSrc:a.createElement(s,null),isExpanded:o})}},20574:function(e,t,n){n.d(t,{E:function(){return o}});var a=n(96540),l=n(55713),o=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.24.0",url:t})}},2640:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(83264)),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.A=function(){return l.default.createElement(o.default,{id:"my-table-id",overflowColumns:r.cols,rows:r.rows,ariaLabel:"Table"})}},25642: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"}},89986: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"}},58168:function(e,t,n){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}n.d(t,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/5700-20ae2cad95514fbd37c3.css b/5700-20ae2cad95514fbd37c3.css new file mode 100644 index 0000000000..4ba372111d --- /dev/null +++ b/5700-20ae2cad95514fbd37c3.css @@ -0,0 +1,12 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.ApplicationHeaderLayout-module__clinical-lowlight-theme___-1bgb{--terra-application-header-layout-background-color: #222a2e;--terra-application-header-layout-border: 1px solid #b2b5b6;--terra-application-header-layout-color: #b2b5b6;--terra-application-header-layout-logo-min-width: 17.14286rem;--terra-application-header-layout-border-radius: 0;--terra-application-header-layout-margin: 0;--terra-application-header-layout-padding: 1rem 2rem}.ApplicationHeaderLayout-module__orion-fusion-theme___ENqi\+{--terra-application-header-layout-background-color: #0079be;--terra-application-header-layout-border: 1px solid #fff;--terra-application-header-layout-color: #fff;--terra-application-header-layout-logo-min-width: 17.14286rem;--terra-application-header-layout-border-radius: 0;--terra-application-header-layout-margin: 0;--terra-application-header-layout-padding: 1rem 2rem}.ApplicationHeaderLayout-module__fit___KL7Uq{flex:0 0 auto}.ApplicationHeaderLayout-module__fill___PAPf7{flex:1 1 auto;min-width:0;width:100%}.ApplicationHeaderLayout-module__fit___KL7Uq,.ApplicationHeaderLayout-module__fill___PAPf7{align-items:center;display:flex;height:100%;overflow:visible;position:relative}.ApplicationHeaderLayout-module__start___MX918{justify-content:flex-start}.ApplicationHeaderLayout-module__end___BgrVv,.ApplicationHeaderLayout-module__header-inner___hLyff{justify-content:flex-end}.ApplicationHeaderLayout-module__logo___Wzf7u,.ApplicationHeaderLayout-module__utilities___bkZso{max-width:40%}.ApplicationHeaderLayout-module__logo___Wzf7u{min-width:17.14286rem;min-width:var(--terra-application-header-layout-logo-min-width, 17.14286rem)}.ApplicationHeaderLayout-module__extensions___85n-7{max-width:100%}.ApplicationHeaderLayout-module__header-body___HLbvX{position:relative}.ApplicationHeaderLayout-module__skip-content___8eF4z{clip:rect(1px, 1px, 1px, 1px);color:#fff;color:var(--terra-application-header-layout-color, #fff);height:1px;outline:none;overflow:hidden;position:absolute;width:1px}[dir] .ApplicationHeaderLayout-module__skip-content___8eF4z{background-color:#0079be;background-color:var(--terra-application-header-layout-background-color, #0079be);border:1px solid #fff;border:var(--terra-application-header-layout-border, 1px solid #fff);border-radius:0;border-radius:var(--terra-application-header-layout-border-radius, 0);margin:0;margin:var(--terra-application-header-layout-margin, 0);padding:1rem 2rem;padding:var(--terra-application-header-layout-padding, 1rem 2rem)}.ApplicationHeaderLayout-module__skip-content___8eF4z:focus{clip:auto;height:auto;top:0;width:auto;z-index:20}[dir=ltr] .ApplicationHeaderLayout-module__skip-content___8eF4z:focus{left:0}[dir=rtl] .ApplicationHeaderLayout-module__skip-content___8eF4z:focus{right:0}[dir] .ApplicationHeaderLayout-module__skip-content___8eF4z::-moz-focus-inner{border:0;padding:0} +.Placeholder-module__wrapper1-default___KJ3a\+{height:100%;position:relative;width:100%}[dir] .Placeholder-module__wrapper1-default___KJ3a\+{padding:5px}.Placeholder-module__wrapper1-header-extensions___vYE\+F{height:100%;position:relative;width:100px}[dir] .Placeholder-module__wrapper1-header-extensions___vYE\+F{padding:5px}.Placeholder-module__wrapper1-utiltities___rOdEa{height:100%;position:relative;width:100px}[dir] .Placeholder-module__wrapper1-utiltities___rOdEa{padding:5px}.Placeholder-module__wrapper1-menu-extensions___rgi4C{height:50px;position:relative;width:100%}[dir] .Placeholder-module__wrapper1-menu-extensions___rgi4C{padding:5px}.Placeholder-module__wrapper1-footer___tkYYR{height:50px;position:relative;width:100%}[dir] .Placeholder-module__wrapper1-footer___tkYYR{padding:5px}.Placeholder-module__wrapper2___q9dVT{height:100%;position:relative;width:100%}[dir] .Placeholder-module__wrapper2___q9dVT{border:3px dashed #d3d3d3}.Placeholder-module__wrapper3___bfqER{position:absolute;top:50%}[dir=ltr] .Placeholder-module__wrapper3___bfqER{left:50%;transform:translate3d(-50%, -50%, 0)}[dir=rtl] .Placeholder-module__wrapper3___bfqER{right:50%;transform:translate3d(50%, -50%, 0)} +.ApplicationHeaderName-module__clinical-lowlight-theme___cDdoY{--terra-application-name-header-color: #b2b5b6;--terra-application-name-header-title-text-shadow: none;--terra-application-name-header-align-items: center;--terra-application-name-header-font-size: 1.0714285714rem;--terra-application-name-header-letter-spacing: normal;--terra-application-name-header-line-height: 1.53061429rem;--terra-application-name-header-padding-bottom: 0.35714rem;--terra-application-name-header-padding-left: 0.35714rem;--terra-application-name-header-padding-right: 0.35714rem;--terra-application-name-header-padding-top: 0.35714rem;--terra-application-name-header-accessory-display: block;--terra-application-name-header-accessory-padding-right: 0.35714rem;--terra-application-name-header-title-font-weight: bold;--terra-application-name-header-title-overflow: hidden;--terra-application-name-header-title-padding-left: 0;--terra-application-name-header-title-padding-right: 0;--terra-application-name-header-title-text-overflow: ellipsis;--terra-application-name-header-title-white-space: nowrap;--terra-application-name-header-title-word-break: normal;--terra-application-name-header-title-word-wrap: normal}.ApplicationHeaderName-module__orion-fusion-theme___JSra\+{--terra-application-name-header-color: #fff;--terra-application-name-header-title-text-shadow: none;--terra-application-name-header-align-items: center;--terra-application-name-header-font-size: 1.0714285714rem;--terra-application-name-header-letter-spacing: normal;--terra-application-name-header-line-height: 1.53061429rem;--terra-application-name-header-padding-bottom: 0.35714rem;--terra-application-name-header-padding-left: 0.35714rem;--terra-application-name-header-padding-right: 0.35714rem;--terra-application-name-header-padding-top: 0.35714rem;--terra-application-name-header-accessory-display: block;--terra-application-name-header-accessory-padding-right: 0.35714rem;--terra-application-name-header-title-font-weight: bold;--terra-application-name-header-title-overflow: hidden;--terra-application-name-header-title-padding-left: 0;--terra-application-name-header-title-padding-right: 0;--terra-application-name-header-title-text-overflow: ellipsis;--terra-application-name-header-title-white-space: nowrap;--terra-application-name-header-title-word-break: normal;--terra-application-name-header-title-word-wrap: normal}.ApplicationHeaderName-module__application-header-name___zlk-U{align-items:center;align-items:var(--terra-application-name-header-align-items, center);box-sizing:border-box;color:#fff;color:var(--terra-application-name-header-color, #fff);display:flex;flex:1 1 auto;font-family:inherit;font-size:1.0714285714rem;font-size:var(--terra-application-name-header-font-size, 1.0714285714rem);height:100%;letter-spacing:var(--terra-application-name-header-letter-spacing);line-height:var(--terra-application-name-header-line-height);max-width:100%}[dir] .ApplicationHeaderName-module__application-header-name___zlk-U{padding-bottom:0.357143rem;padding-bottom:var(--terra-application-name-header-padding-bottom, 0.357143rem);padding-top:0.357143rem;padding-top:var(--terra-application-name-header-padding-top, 0.357143rem)}[dir=ltr] .ApplicationHeaderName-module__application-header-name___zlk-U{padding-left:0.357143rem;padding-left:var(--terra-application-name-header-padding-left, 0.357143rem);padding-right:0.357143rem;padding-right:var(--terra-application-name-header-padding-right, 0.357143rem)}[dir=rtl] .ApplicationHeaderName-module__application-header-name___zlk-U{padding-right:0.357143rem;padding-right:var(--terra-application-name-header-padding-left, 0.357143rem);padding-left:0.357143rem;padding-left:var(--terra-application-name-header-padding-right, 0.357143rem)}.ApplicationHeaderName-module__accessory___-89IO{display:block;display:var(--terra-application-name-header-accessory-display, block);flex:0 0 auto;line-height:0;max-width:100%}[dir=ltr] .ApplicationHeaderName-module__accessory___-89IO{padding-right:0.357143rem;padding-right:var(--terra-application-name-header-accessory-padding-right, 0.357143rem)}[dir=rtl] .ApplicationHeaderName-module__accessory___-89IO{padding-left:0.357143rem;padding-left:var(--terra-application-name-header-accessory-padding-right, 0.357143rem)}.ApplicationHeaderName-module__title___tfg\+E{flex:0 1 auto;font-weight:bold;font-weight:var(--terra-application-name-header-title-font-weight, bold);overflow:hidden;overflow:var(--terra-application-name-header-title-overflow, hidden);text-overflow:ellipsis;text-overflow:var(--terra-application-name-header-title-text-overflow, ellipsis);white-space:nowrap;white-space:var(--terra-application-name-header-title-white-space, nowrap);word-break:normal;word-break:var(--terra-application-name-header-title-word-break, normal);word-wrap:normal;word-wrap:var(--terra-application-name-header-title-word-wrap, normal)}[dir] .ApplicationHeaderName-module__title___tfg\+E{text-shadow:var(--terra-application-name-header-title-text-shadow)}[dir=ltr] .ApplicationHeaderName-module__title___tfg\+E{padding-left:var(--terra-application-name-header-title-padding-left);padding-right:var(--terra-application-name-header-title-padding-right)}[dir=rtl] .ApplicationHeaderName-module__title___tfg\+E{padding-right:var(--terra-application-name-header-title-padding-left);padding-left:var(--terra-application-name-header-title-padding-right)} +.ApplicationMenuName-module__clinical-lowlight-theme___9oXBZ{--terra-application-name-menu-border-bottom: 1px solid #a9a9a9;--terra-application-name-menu-color: #b2b5b6;--terra-application-name-menu-align-items: center;--terra-application-name-menu-font-size: 1.0714285714rem;--terra-application-name-menu-letter-spacing: normal;--terra-application-name-menu-line-height: 1.53061429rem;--terra-application-name-menu-min-height: 3.5725rem;--terra-application-name-menu-padding-bottom: 0.3571rem;--terra-application-name-menu-padding-left: 0.3571rem;--terra-application-name-menu-padding-right: 0.3571rem;--terra-application-name-menu-padding-top: 0.3571rem;--terra-application-name-menu-accessory-display: block;--terra-application-name-menu-accessory-padding-right: 0.3571rem;--terra-application-name-menu-title-font-weight: bold;--terra-application-name-menu-title-overflow: break-word;--terra-application-name-menu-title-padding-left: 0;--terra-application-name-menu-title-padding-right: 0;--terra-application-name-menu-title-text-overflow: clip;--terra-application-name-menu-title-text-shadow: none;--terra-application-name-menu-title-white-space: normal;--terra-application-name-menu-title-word-break: break-word;--terra-application-name-menu-title-word-wrap: break-word}.ApplicationMenuName-module__orion-fusion-theme___zvqtZ{--terra-application-name-menu-border-bottom: 1px solid #a9a9a9;--terra-application-name-menu-color: #fff;--terra-application-name-menu-align-items: center;--terra-application-name-menu-font-size: 1.0714285714rem;--terra-application-name-menu-letter-spacing: normal;--terra-application-name-menu-line-height: 1.53061429rem;--terra-application-name-menu-min-height: 3.5725rem;--terra-application-name-menu-padding-bottom: 0.3571rem;--terra-application-name-menu-padding-left: 0.3571rem;--terra-application-name-menu-padding-right: 0.3571rem;--terra-application-name-menu-padding-top: 0.3571rem;--terra-application-name-menu-accessory-display: block;--terra-application-name-menu-accessory-padding-right: 0.3571rem;--terra-application-name-menu-title-font-weight: bold;--terra-application-name-menu-title-overflow: break-word;--terra-application-name-menu-title-padding-left: 0;--terra-application-name-menu-title-padding-right: 0;--terra-application-name-menu-title-text-overflow: clip;--terra-application-name-menu-title-text-shadow: none;--terra-application-name-menu-title-white-space: normal;--terra-application-name-menu-title-word-break: break-word;--terra-application-name-menu-title-word-wrap: break-word}.ApplicationMenuName-module__application-menu-name___v1tX4{align-items:center;align-items:var(--terra-application-name-menu-align-items, center);box-sizing:border-box;color:#fff;color:var(--terra-application-name-menu-color, #fff);display:flex;flex:0 0 auto;font-size:1.0714285714rem;font-size:var(--terra-application-name-menu-font-size, 1.0714285714rem);letter-spacing:var(--terra-application-name-menu-letter-spacing);line-height:var(--terra-application-name-menu-line-height);min-height:3.5725rem;min-height:var(--terra-application-name-menu-min-height, 3.5725rem);position:relative;width:100%}[dir] .ApplicationMenuName-module__application-menu-name___v1tX4{border-bottom:1px solid #a9a9a9;border-bottom:var(--terra-application-name-menu-border-bottom, 1px solid #a9a9a9);padding-bottom:0.3571rem;padding-bottom:var(--terra-application-name-menu-padding-bottom, 0.3571rem);padding-top:0.3571rem;padding-top:var(--terra-application-name-menu-padding-top, 0.3571rem)}[dir=ltr] .ApplicationMenuName-module__application-menu-name___v1tX4{padding-left:0.3571rem;padding-left:var(--terra-application-name-menu-padding-left, 0.3571rem);padding-right:0.3571rem;padding-right:var(--terra-application-name-menu-padding-right, 0.3571rem)}[dir=rtl] .ApplicationMenuName-module__application-menu-name___v1tX4{padding-right:0.3571rem;padding-right:var(--terra-application-name-menu-padding-left, 0.3571rem);padding-left:0.3571rem;padding-left:var(--terra-application-name-menu-padding-right, 0.3571rem)}.ApplicationMenuName-module__accessory___8KRdw{display:block;display:var(--terra-application-name-menu-accessory-display, block);flex:0 0 auto;line-height:0;max-width:100%}[dir=ltr] .ApplicationMenuName-module__accessory___8KRdw{padding-right:0.3571rem;padding-right:var(--terra-application-name-menu-accessory-padding-right, 0.3571rem)}[dir=rtl] .ApplicationMenuName-module__accessory___8KRdw{padding-left:0.3571rem;padding-left:var(--terra-application-name-menu-accessory-padding-right, 0.3571rem)}.ApplicationMenuName-module__title___oWESV{flex:0 1 auto;font-weight:bold;font-weight:var(--terra-application-name-menu-title-font-weight, bold);overflow:var(--terra-application-name-menu-title-overflow);text-overflow:var(--terra-application-name-menu-title-text-overflow);white-space:var(--terra-application-name-menu-title-white-space);word-break:break-word;word-break:var(--terra-application-name-menu-title-word-break, break-word);word-wrap:break-word;word-wrap:var(--terra-application-name-menu-title-word-wrap, break-word)}[dir] .ApplicationMenuName-module__title___oWESV{text-shadow:var(--terra-application-name-menu-title-text-shadow)}[dir=ltr] .ApplicationMenuName-module__title___oWESV{padding-left:var(--terra-application-name-menu-title-padding-left);padding-right:var(--terra-application-name-menu-title-padding-right)}[dir=rtl] .ApplicationMenuName-module__title___oWESV{padding-right:var(--terra-application-name-menu-title-padding-left);padding-left:var(--terra-application-name-menu-title-padding-right)} +.demoStyles-module__clinical-lowlight-theme___XT8Be{--terra-application-name-demo-background-color: #407d17}.demoStyles-module__orion-fusion-theme___K8nA4{--terra-application-name-demo-background-color: #008000}[dir] .demoStyles-module__demo-background-color___RQuTv{background-color:#008000;background-color:var(--terra-application-name-demo-background-color, #008000)}.demoStyles-module__demo-truncate-width___yPHA\+{width:150px}.demoStyles-module__demo-image-container___6c787{height:26px;width:26px}.demoStyles-module__content-wrapper___xDQDx{width:100%} +.ApplicationHeaderNameStandard-module__demo-size___sB9bw{height:50px;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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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)} +.ApplicationMenuLayout-module__fit___fJ-8H{flex:0 0 auto}.ApplicationMenuLayout-module__fill___NpC9g{flex:1 1 auto;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden}.ApplicationMenuLayout-module__fit___fJ-8H,.ApplicationMenuLayout-module__fill___NpC9g{display:flex;position:relative;width:100%}.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__header___kdgcp,.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__footer___k9Yr3{max-height:40%}.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__body___6HrKr>.ApplicationMenuLayout-module__widgets___-YRy1{max-height:100%}.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__body___6HrKr>.ApplicationMenuLayout-module__content___T7isC{overflow:hidden}.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__body___6HrKr>.ApplicationMenuLayout-module__content___T7isC>.ApplicationMenuLayout-module__normalizer___uQB7W{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;width:100%} +.ApplicationMenuNameStandard-module__demo-size___uD631{height:450px;width:300px} diff --git a/5700-20ae2cad95514fbd37c3.js b/5700-20ae2cad95514fbd37c3.js new file mode 100644 index 0000000000..a142ad6045 --- /dev/null +++ b/5700-20ae2cad95514fbd37c3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[5700],{201:function(e,t,a){var n=a(24994),l=a(73738);t.A=void 0;var o=n(a(85715)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=f(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var d=o?Object.getOwnPropertyDescriptor(e,r):null;d&&(d.get||d.set)?Object.defineProperty(n,r,d):n[r]=e[r]}return n.default=e,a&&a.set(e,n),n}(a(96540)),d=n(a(5556)),i=n(a(67967)),m=a(92912),u=n(a(49558)),c=n(a(53665)),s=a(25966),p=n(a(89986));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 _=i.default.bind(p.default),x={example:d.default.element,exampleSrc:d.default.element,exampleCssSrc:d.default.element,title:d.default.string,description:d.default.node,isExpanded:d.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},N=function(e){var t=e.example,a=e.exampleSrc,n=e.exampleCssSrc,l=e.title,d=e.description,i=e.isExpanded,p=(0,r.useState)(i),f=(0,o.default)(p,2),x=f[0],N=f[1],v=(0,r.useState)(!1),g=(0,o.default)(v,2),E=g[0],b=g[1],A=r.default.useContext(m.ThemeContext),w=void 0!==n,T=function(){b(!E),x&&N(!x)},C=function(){N(!x),E&&b(!E)},M=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:_("template",A.className)},r.default.createElement("div",{className:_("header")},l&&r.default.createElement("h2",{className:_("title")},l)),r.default.createElement("div",{className:_("content")},d&&r.default.createElement("div",{className:_("description")},d),t),r.default.createElement("div",{className:_("footer")},a?r.default.createElement("div",{className:_("button-container")},w&&r.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":E}),onClick:T,onKeyDown:function(e){return M(e,T)},onBlur:y,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(u.default,{className:_("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(c.default,{className:_("chevron")})),r.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":x}),onClick:C,onKeyDown:function(e){return M(e,C)},onBlur:y,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(u.default,{className:_("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(c.default,{className:_("chevron")}))):null,r.default.createElement("div",null,E&&r.default.createElement("div",{className:_("css")},n),x&&r.default.createElement("div",{className:_("code")},a))))};N.propTypes=x,N.defaultProps={isExpanded:!1};t.A=N},35404:function(e,t,a){a.r(t),a.d(t,{default:function(){return S}});var n=a(58168),l=a(53986),o=a(96540),r=a(36665),d=a(2644),i=a(12883),m=["components"],u={},c="wrapper";function s(e){var t=e.components,a=(0,l.A)(e,m);return(0,r.mdx)(c,(0,n.A)({},u,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.Ay,{mdxType:"PropsTable"},(0,r.mdx)(i.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"accessory"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The accessory element to be displayed next to the title."))),(0,r.mdx)(i.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"title"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The title branding of the application name.")))))}s.isMDXComponent=!0;var p=a(60626),f=["components"],_={};function x(e){var t=e.components,a=(0,l.A)(e,f);return(0,r.mdx)("wrapper",(0,n.A)({},_,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ApplicationHeaderLayout from 'terra-application-header-layout';\nimport Image from 'terra-image';\nimport classNames from 'classnames';\nimport ThemeContext from 'terra-theme-context';\nimport classNamesBind from 'classnames/bind';\nimport Placeholder from 'terra-application-name/lib/terra-dev-site/doc/common/Placeholder';\nimport { ApplicationHeaderName } from 'terra-application-name';\nimport demoColors from '../../test/application-name/demoStyles.module.scss';\nimport styles from './ApplicationHeaderNameStandard.module.scss';\n\nconst cx = classNamesBind.bind(demoColors);\nconst cy = classNamesBind.bind(styles);\nconst ApplicationHeaderNameStandard = () => {\n const theme = React.useContext(ThemeContext);\n const demoClassName = classNames(cx(\n 'demo-background-color',\n theme.className,\n ));\n return (\n }\n className={demoClassName}\n />\n )}\n extensions={}\n navigation={}\n utilities={}\n />\n );\n};\n\nexport default ApplicationHeaderNameStandard;\n\n")))}x.isMDXComponent=!0;var y=a(201),h=["components"],N={};function v(e){var t=e.components,a=(0,l.A)(e,h);return(0,r.mdx)("wrapper",(0,n.A)({},N,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"@import '../../../clinical-lowlight-theme/demoStyles.module';\n@import '../../../orion-fusion-theme/demoStyles.module';\n\n:local {\n .demo-background-color {\n background-color: var(--terra-application-name-demo-background-color, #008000);\n }\n\n .demo-truncate-width {\n width: 150px;\n }\n\n .demo-image-container {\n height: 26px;\n width: 26px;\n }\n\n .content-wrapper {\n width: 100%;\n }\n}\n\n")))}v.isMDXComponent=!0;var g=function(e){var t=e.title,a=e.description,n=e.isExpanded;return o.createElement(y.A,{title:t||"Application Header Name Standard",description:a,example:o.createElement(p.A,null),exampleCssSrc:o.createElement(v,null),exampleSrc:o.createElement(x,null),isExpanded:n})},E=a(35696),b=["components"],A={};function w(e){var t=e.components,a=(0,l.A)(e,b);return(0,r.mdx)("wrapper",(0,n.A)({},A,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Menu from 'terra-application-menu-layout';\nimport Image from 'terra-image';\nimport classNames from 'classnames';\nimport ThemeContext from 'terra-theme-context';\nimport classNamesBind from 'classnames/bind';\nimport Placeholder from 'terra-application-name/lib/terra-dev-site/doc/common/Placeholder';\nimport { ApplicationMenuName } from 'terra-application-name';\nimport demoColors from '../../test/application-name/demoStyles.module.scss';\nimport styles from './ApplicationMenuNameStandard.module.scss';\n\nconst cx = classNamesBind.bind(demoColors);\nconst cy = classNamesBind.bind(styles);\nconst ApplicationMenuNameStandard = () => {\n const theme = React.useContext(ThemeContext);\n const demoClassName = classNames(cx(\n 'demo-background-color',\n theme.className,\n ));\n\n return (\n }\n className={demoClassName}\n />\n )}\n extensions={}\n content={}\n footer={}\n />\n );\n};\n\nexport default ApplicationMenuNameStandard;\n\n")))}w.isMDXComponent=!0;var T=function(e){var t=e.title,a=e.description,n=e.isExpanded;return o.createElement(y.A,{title:t||"Application Menu Name Standard",description:a,example:o.createElement(E.A,null),exampleCssSrc:o.createElement(v,null),exampleSrc:o.createElement(w,null),isExpanded:n})},C=["components"],M={},P="wrapper";function S(e){var t=e.components,a=(0,l.A)(e,C);return(0,r.mdx)(P,(0,n.A)({},M,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(d.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-application-name"},"Terra Application Name"),(0,r.mdx)("p",null,"Houses the title of the application, along with a logo. There are two versions - a header version and menu version. These should be used with the corresponding header and menu layouts."),(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-application-name"))))),(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)("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)("h2",{id:"examples"},"Examples"),(0,r.mdx)(g,{title:"Application Header Name",mdxType:"ApplicationHeaderNameStandard"}),(0,r.mdx)(T,{title:"Application Menu Name",mdxType:"ApplicationMenuNameStandard"}),(0,r.mdx)("h2",{id:"application-name-props-table"},"Application name props table"),(0,r.mdx)(s,{mdxType:"ApplicationNamePropsTable"}))}S.isMDXComponent=!0},2644:function(e,t,a){a.d(t,{E:function(){return o}});var n=a(96540),l=a(55713),o=function(e){var t=e.url;return n.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-name",name:"terra-application-name",version:"3.46.0",url:t})}},17652:function(e,t,a){var n=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(94634)),o=n(a(91847)),r=n(a(96540)),d=n(a(5556)),i=n(a(46942)),m=n(a(67967)),u=n(a(23695)),c=a(8604),s=n(a(68301)),p=["extensions","logo","navigation","intl","toggle","utilities"],f=m.default.bind(s.default),_={extensions:d.default.element,logo:d.default.element,intl:d.default.shape({formatMessage:d.default.func}).isRequired,navigation:d.default.element,toggle:d.default.element,utilities:d.default.element},x=function(e){var t,a,n,d,m,c=e.extensions,s=e.logo,_=e.navigation,x=e.intl,y=e.toggle,h=e.utilities,N=(0,o.default)(e,p),v=r.default.useContext(u.default),g=(0,i.default)(f("header","fill",v.className),N.className);s&&(t=r.default.createElement("div",{className:f("fit","start","logo")},s)),_&&(a=r.default.createElement("nav",{role:"navigation",className:f("fill")},_)),c&&(n=r.default.createElement("div",{className:f("fit","end","extensions")},c)),h&&(d=r.default.createElement("div",{className:f("fit","end","utilities")},h)),y&&(m=r.default.createElement("div",{className:f("fit")},y));var E,b=r.default.createElement("div",{className:f("fill","header-inner")},a,n),A=r.default.createElement("button",{type:"button",onClick:function(){var e=document.querySelector(["[data-terra-layout-main]"]);e&&e.focus()},className:f("skip-content")},x.formatMessage({id:"Terra.ApplicationHeaderLayout.SkipToContent"}));return(b||t||d)&&(E=r.default.createElement("div",{className:f("fill","header-body")},t,b,d)),r.default.createElement("div",(0,l.default)({},N,{className:g}),A,m,E)};x.propTypes=_;t.default=(0,c.injectIntl)(x)},25108:function(e,t,a){var n=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(94634)),o=n(a(91847)),r=n(a(96540)),d=n(a(5556)),i=n(a(67967)),m=n(a(56429)),u=["content","extensions","footer","header"],c=i.default.bind(m.default),s={content:d.default.element,extensions:d.default.element,footer:d.default.element,header:d.default.element},p=function(e){var t,a,n,d,i=e.content,m=e.extensions,s=e.footer,p=e.header,f=(0,o.default)(e,u),_=c(["menu","fill",f.className]);return p&&(t=r.default.createElement("div",{className:c(["fit","header"])},p)),i&&(a=r.default.createElement("div",{className:c(["fill","content"])},r.default.createElement("div",{className:c("normalizer")},i))),m&&(n=r.default.createElement("div",{className:c(["fit","widget"])},m)),s&&(d=r.default.createElement("div",{className:c(["fit","footer"])},s)),r.default.createElement("div",(0,l.default)({},f,{className:_}),t,r.default.createElement("div",{className:c(["fill","body"])},n,a),d)};p.propTypes=s;t.default=p},29674:function(e,t,a){var n=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(94634)),o=n(a(91847)),r=n(a(96540)),d=n(a(5556)),i=n(a(46942)),m=n(a(67967)),u=n(a(23695)),c=n(a(41303)),s=["accessory","title"],p=m.default.bind(c.default),f={accessory:d.default.element,title:d.default.node},_=function(e){var t=e.accessory,a=e.title,n=(0,o.default)(e,s),d=r.default.useContext(u.default),m=(0,i.default)(p("application-header-name",d.className),n.className);return r.default.createElement("div",(0,l.default)({},n,{className:m}),t&&r.default.createElement("div",{className:p("accessory")},t),a&&r.default.createElement("div",{className:p("title")},a))};_.propTypes=f;t.default=_},62252:function(e,t,a){var n=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(94634)),o=n(a(91847)),r=n(a(96540)),d=n(a(5556)),i=n(a(46942)),m=n(a(67967)),u=n(a(23695)),c=n(a(94165)),s=["accessory","title"],p=m.default.bind(c.default),f={accessory:d.default.element,title:d.default.node},_=function(e){var t=e.accessory,a=e.title,n=(0,o.default)(e,s),d=r.default.useContext(u.default),m=(0,i.default)(p("application-menu-name",d.className),n.className);return r.default.createElement("div",(0,l.default)({},n,{className:m}),t&&r.default.createElement("div",{className:p("accessory")},t),a&&r.default.createElement("div",{className:p("title")},a))};_.propTypes=f;t.default=_},54183:function(e,t,a){var n=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ApplicationHeaderName",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"ApplicationMenuName",{enumerable:!0,get:function(){return o.default}}),t.default=void 0;var l=n(a(29674)),o=n(a(62252)),r={ApplicationHeaderName:l.default,ApplicationMenuName:o.default};t.default=r},3959:function(e,t,a){var n=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(96540)),o=n(a(67967)),r=n(a(5556)),d=n(a(16052)),i=o.default.bind(d.default),m={text:r.default.string,type:r.default.string},u=function(e){var t=e.text,a=e.type;return l.default.createElement("div",{className:i("wrapper1-".concat(a))},l.default.createElement("div",{className:i("wrapper2")},l.default.createElement("div",{className:i("wrapper3")},l.default.createElement("h3",null,t))))};u.propTypes=m,u.defaultProps={text:"PlaceHolder",type:""};t.default=u},60626:function(e,t,a){var n=a(24994);t.A=void 0;var l=n(a(96540)),o=n(a(17652)),r=n(a(94480)),d=n(a(46942)),i=n(a(23695)),m=n(a(67967)),u=n(a(3959)),c=a(54183),s=n(a(28419)),p=n(a(74807)),f=m.default.bind(s.default),_=m.default.bind(p.default);t.A=function(){var e=l.default.useContext(i.default),t=(0,d.default)(f("demo-background-color",e.className));return l.default.createElement(o.default,{className:_("demo-size"),logo:l.default.createElement(c.ApplicationHeaderName,{title:"App-Name",accessory:l.default.createElement(r.default,{alt:"Terra Logo",variant:"rounded",src:"https://github.com/cerner/terra-framework/raw/main/terra.png",className:f("demo-image-container"),isFluid:!0}),className:t}),extensions:l.default.createElement(u.default,{text:"Extensions",type:"header-extensions"}),navigation:l.default.createElement(u.default,{text:"Content",type:"default"}),utilities:l.default.createElement(u.default,{text:"Utiltities",type:"utiltities"})})}},35696:function(e,t,a){var n=a(24994);t.A=void 0;var l=n(a(96540)),o=n(a(25108)),r=n(a(94480)),d=n(a(46942)),i=n(a(23695)),m=n(a(67967)),u=n(a(3959)),c=a(54183),s=n(a(28419)),p=n(a(46897)),f=m.default.bind(s.default),_=m.default.bind(p.default);t.A=function(){var e=l.default.useContext(i.default),t=(0,d.default)(f("demo-background-color",e.className));return l.default.createElement(o.default,{className:_("demo-size"),header:l.default.createElement(c.ApplicationMenuName,{title:"App-Name",accessory:l.default.createElement(r.default,{alt:"Terra Logo",variant:"rounded",src:"https://github.com/cerner/terra-framework/raw/main/terra.png",className:f("demo-image-container"),isFluid:!0}),className:t}),extensions:l.default.createElement(u.default,{text:"Extensions",type:"menu-extensions"}),content:l.default.createElement(u.default,{text:"Content",type:"default"}),footer:l.default.createElement(u.default,{text:"Footer",type:"footer"})})}},89986: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"}},68301:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ApplicationHeaderLayout-module__clinical-lowlight-theme___-1bgb","orion-fusion-theme":"ApplicationHeaderLayout-module__orion-fusion-theme___ENqi+",fit:"ApplicationHeaderLayout-module__fit___KL7Uq",fill:"ApplicationHeaderLayout-module__fill___PAPf7",start:"ApplicationHeaderLayout-module__start___MX918",end:"ApplicationHeaderLayout-module__end___BgrVv","header-inner":"ApplicationHeaderLayout-module__header-inner___hLyff",logo:"ApplicationHeaderLayout-module__logo___Wzf7u",utilities:"ApplicationHeaderLayout-module__utilities___bkZso",extensions:"ApplicationHeaderLayout-module__extensions___85n-7","header-body":"ApplicationHeaderLayout-module__header-body___HLbvX","skip-content":"ApplicationHeaderLayout-module__skip-content___8eF4z"}},56429:function(e,t,a){a.r(t),t.default={fit:"ApplicationMenuLayout-module__fit___fJ-8H",fill:"ApplicationMenuLayout-module__fill___NpC9g",menu:"ApplicationMenuLayout-module__menu___+THcL",header:"ApplicationMenuLayout-module__header___kdgcp",footer:"ApplicationMenuLayout-module__footer___k9Yr3",body:"ApplicationMenuLayout-module__body___6HrKr",widgets:"ApplicationMenuLayout-module__widgets___-YRy1",content:"ApplicationMenuLayout-module__content___T7isC",normalizer:"ApplicationMenuLayout-module__normalizer___uQB7W"}},41303:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ApplicationHeaderName-module__clinical-lowlight-theme___cDdoY","orion-fusion-theme":"ApplicationHeaderName-module__orion-fusion-theme___JSra+","application-header-name":"ApplicationHeaderName-module__application-header-name___zlk-U",accessory:"ApplicationHeaderName-module__accessory___-89IO",title:"ApplicationHeaderName-module__title___tfg+E"}},94165:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ApplicationMenuName-module__clinical-lowlight-theme___9oXBZ","orion-fusion-theme":"ApplicationMenuName-module__orion-fusion-theme___zvqtZ","application-menu-name":"ApplicationMenuName-module__application-menu-name___v1tX4",accessory:"ApplicationMenuName-module__accessory___8KRdw",title:"ApplicationMenuName-module__title___oWESV"}},16052:function(e,t,a){a.r(t),t.default={"wrapper1-default":"Placeholder-module__wrapper1-default___KJ3a+","wrapper1-header-extensions":"Placeholder-module__wrapper1-header-extensions___vYE+F","wrapper1-utiltities":"Placeholder-module__wrapper1-utiltities___rOdEa","wrapper1-menu-extensions":"Placeholder-module__wrapper1-menu-extensions___rgi4C","wrapper1-footer":"Placeholder-module__wrapper1-footer___tkYYR",wrapper2:"Placeholder-module__wrapper2___q9dVT",wrapper3:"Placeholder-module__wrapper3___bfqER"}},74807:function(e,t,a){a.r(t),t.default={"demo-size":"ApplicationHeaderNameStandard-module__demo-size___sB9bw"}},46897:function(e,t,a){a.r(t),t.default={"demo-size":"ApplicationMenuNameStandard-module__demo-size___uD631"}},28419:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"demoStyles-module__clinical-lowlight-theme___XT8Be","orion-fusion-theme":"demoStyles-module__orion-fusion-theme___K8nA4","demo-background-color":"demoStyles-module__demo-background-color___RQuTv","demo-truncate-width":"demoStyles-module__demo-truncate-width___yPHA+","demo-image-container":"demoStyles-module__demo-image-container___6c787","content-wrapper":"demoStyles-module__content-wrapper___xDQDx"}},49558:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(96540)),l=o(a(25365));function o(e){return e&&e.__esModule?e:{default:e}}var r=function(e){var t=Object.assign({},e);return n.default.createElement(l.default,t,n.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};r.displayName="IconChevronLeft",r.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=r}}]); \ No newline at end of file diff --git a/57567-f4c992a1952329458ffe.css b/57567-f4c992a1952329458ffe.css new file mode 100644 index 0000000000..0a9f02ce5f --- /dev/null +++ b/57567-f4c992a1952329458ffe.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/57567-f4c992a1952329458ffe.js b/57567-f4c992a1952329458ffe.js new file mode 100644 index 0000000000..b5b813cde9 --- /dev/null +++ b/57567-f4c992a1952329458ffe.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[57567],{27005:function(e,a,r){r.r(a),r.d(a,{default:function(){return b}});var t=r(58168),l=r(53986),n=(r(96540),r(36665)),m=r(74647),d=r(67333),i=r(12883),u=["components"],o={},p="wrapper";function s(e){var a=e.components,r=(0,l.A)(e,u);return(0,n.mdx)(p,(0,t.A)({},o,r,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(i.Ay,{mdxType:"PropsTable"},(0,n.mdx)(i.fI,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(i.dt,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(i.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(i.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The label for the slider."))),(0,n.mdx)(i.fI,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(i.dt,{mdxType:"PropNameCell"},"minimumValue"),(0,n.mdx)(i.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(i.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The minimum value in the range."))),(0,n.mdx)(i.fI,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(i.dt,{mdxType:"PropNameCell"},"maximumValue"),(0,n.mdx)(i.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(i.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The maximum value in the range."))),(0,n.mdx)(i.fI,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(i.dt,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(i.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(i.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The default or initial value for the slider."))),(0,n.mdx)(i.fI,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(i.dt,{mdxType:"PropNameCell"},"isDisabled"),(0,n.mdx)(i.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"When set to ",(0,n.mdx)("strong",{parentName:"p"},"true"),", the slider is disabled."))),(0,n.mdx)(i.fI,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(i.dt,{mdxType:"PropNameCell"},"minimumLabel"),(0,n.mdx)(i.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The minimum value label to display on the left of the slider."))),(0,n.mdx)(i.fI,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(i.dt,{mdxType:"PropNameCell"},"maximumLabel"),(0,n.mdx)(i.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The maximum value label to display on the right of the slider."))),(0,n.mdx)(i.fI,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(i.dt,{mdxType:"PropNameCell"},"onChange"),(0,n.mdx)(i.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The function that activates when a user changes the input value - function(value).")))))}s.isMDXComponent=!0;var x=r(83784),c=["components"],h={},f="wrapper";function b(e){var a=e.components,r=(0,l.A)(e,c);return(0,n.mdx)(f,(0,t.A)({},h,r,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(d.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-slider"},"Terra Slider"),(0,n.mdx)("h2",{id:"table-of-contents"},"Table of Contents"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/slider/about"},"Overview")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/slider/about"},"Examples")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/slider/about"},"Accessibility")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/slider/about"},"Implementation")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/slider/about"},"Testing")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/slider/about"},"Properties")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/components/cerner-terra-framework-docs/slider/about"},"Terra Standards"))),(0,n.mdx)("h2",{id:"overview"},"Overview"),(0,n.mdx)(m.Notice,{variant:"important",ariaLevel:"2",mdxType:"Notice"},"The Terra Slider is an input component used to select an imprecise value within a range such as a zoom level. The component does not currently support entry of precise values."),(0,n.mdx)("p",null,"The Terra Slider component provides a way to select a value from a given range by moving an indicator along a bar to track the value."),(0,n.mdx)(x.A,{mdxType:"DefaultSlider"}),(0,n.mdx)("h3",{id:"features"},"Features"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Managing a custom slider label, minimum label, and maximum label."),(0,n.mdx)("li",{parentName:"ul"},"Setting a default value for the slider."),(0,n.mdx)("li",{parentName:"ul"},"Disabling the slider."),(0,n.mdx)("li",{parentName:"ul"},"Making other updates based on the slider value changing with the onChange callback property."),(0,n.mdx)("li",{parentName:"ul"},"Externally updating the slider value with the value property. Consumers can programmatically change the value of the slider without directly interacting with the element. In most cases, using this feature is not recommended. If you want to use this feature, ensure that the UI clearly indicates that the value was changed and that screen readers can announce the change.")),(0,n.mdx)("p",null,"See the ",(0,n.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/slider/about"},"Examples")," section for detailed demonstrations of the Slider component features."),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Link to Example"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/slider/examples/default-slider"},"DefaultSlider")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example of a basic slider that uses the following required properties: label, minimumValue, maximumValue, and value.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/slider/examples/custom-slider"},"CustomSlider")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example of a slider with custom labels that uses the minimumLabel and maximumLabel properties.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/slider/examples/disabled-slider"},"DisabledSlider")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example of a disabled slider that uses the isDisabled property.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/slider/examples/slider-with-on-change-callback"},"SliderWithOnChangeCallback")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example of a slider with an onChange callback that uses the onChange callback property.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-framework/components/cerner-terra-framework-docs/slider/examples/slider-with-value-update"},"SliderWithValueUpdate")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example of a slider with value updates that uses the value and onChange property.")))),(0,n.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,n.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Keys"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"UP ARROW"),(0,n.mdx)("td",{parentName:"tr",align:null},"Increases the value of the slider by one increment.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"DOWN ARROW"),(0,n.mdx)("td",{parentName:"tr",align:null},"Decreases the value of the slider by one increment.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"RIGHT ARROW"),(0,n.mdx)("td",{parentName:"tr",align:null},"Increases the value of the slider by one increment.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"LEFT ARROW"),(0,n.mdx)("td",{parentName:"tr",align:null},"Decreases the value of the slider by one increment.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"PAGE UP"),(0,n.mdx)("td",{parentName:"tr",align:null},"Increases the value of the slider by an amount larger than the increment change made with the UP ARROW or RIGHT ARROW key.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"PAGE DOWN"),(0,n.mdx)("td",{parentName:"tr",align:null},"Decreases the value of the slider by an amount larger than the increment change made with the DOWN ARROW or LEFT ARROW key.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"HOME"),(0,n.mdx)("td",{parentName:"tr",align:null},"Sets the slider to the first allowed value in its range.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"END"),(0,n.mdx)("td",{parentName:"tr",align:null},"Sets the slider to the last allowed value in its range.")))),(0,n.mdx)("h3",{id:"assistive-technology-support"},"Assistive Technology Support"),(0,n.mdx)("h4",{id:"wai-aria-roles-and-states"},"WAI ARIA Roles and States"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label"},"aria-label"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"The aria-label value is set to the label property value."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby"},"aria-describedby"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"The aria-describedby value is set to hidden text with instructions to adjust the slider value between minimum and maximum values.")))),(0,n.mdx)("h2",{id:"implementation"},"Implementation"),(0,n.mdx)("h3",{id:"installation"},"Installation"),(0,n.mdx)("p",null,"Install with ",(0,n.mdx)("a",{parentName:"p",href:"https://www.npmjs.com/"},"npmjs"),":\n",(0,n.mdx)("inlineCode",{parentName:"p"},"npm install terra-slider")),(0,n.mdx)("h3",{id:"usage"},"Usage"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Slider from 'terra-slider';\n")),(0,n.mdx)("h3",{id:"dependencies"},"Dependencies"),(0,n.mdx)("h4",{id:"peer-dependencies"},"Peer Dependencies"),(0,n.mdx)("p",null,"Ensure that the following peer dependencies are installed in your application for the component to properly function:"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,n.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react"),(0,n.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,n.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,n.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,n.mdx)("h2",{id:"properties"},"Properties"),(0,n.mdx)("h3",{id:"slider-properties-table"},"Slider Properties Table"),(0,n.mdx)(s,{mdxType:"SliderPropsTable"}),(0,n.mdx)("h2",{id:"terra-standards"},"Terra Standards"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))))}b.isMDXComponent=!0},83784:function(e,a,r){r.d(a,{A:function(){return s}});var t=r(96540),l=r(55506),n=r(58168),m=r(53986),d=r(36665),i=["components"],u={};function o(e){var a=e.components,r=(0,m.A)(e,i);return(0,d.mdx)("wrapper",(0,n.A)({},u,r,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.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=r(201),s=function(e){var a=e.title,r=e.description,n=e.isExpanded;return t.createElement(p.A,{title:a||"Default Slider",description:r,example:t.createElement(l.A,null),exampleSrc:t.createElement(o,null),isExpanded:n})}},67333:function(e,a,r){r.d(a,{E:function(){return n}});var t=r(96540),l=r(55713),n=function(e){var a=e.url;return t.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slider",name:"terra-slider",version:"1.3.0",url:a})}},55506:function(e,a,r){var t=r(24994);a.A=void 0;var l=t(r(96540)),n=t(r(20992));a.A=function(){return l.default.createElement(n.default,{minimumValue:0,maximumValue:100,label:"Size",value:50})}},20992:function(e,a,r){var t=r(24994),l=r(73738);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var n=t(r(85715)),m=function(e,a){if(!a&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var r=c(a);if(r&&r.has(e))return r.get(e);var t={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&{}.hasOwnProperty.call(e,m)){var d=n?Object.getOwnPropertyDescriptor(e,m):null;d&&(d.get||d.set)?Object.defineProperty(t,m,d):t[m]=e[m]}return t.default=e,r&&r.set(e,t),t}(r(96540)),d=t(r(5556)),i=t(r(67967)),u=t(r(23695)),o=t(r(16524)),p=r(8604),s=r(68414),x=t(r(41241));function c(e){if("function"!=typeof WeakMap)return null;var a=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:a})(e)}var h=i.default.bind(x.default),f={label:d.default.string.isRequired,minimumValue:d.default.number.isRequired,maximumValue:d.default.number.isRequired,value:d.default.number.isRequired,isDisabled:d.default.bool,minimumLabel:d.default.string,maximumLabel:d.default.string,onChange:d.default.func,intl:d.default.shape({formatMessage:d.default.func}).isRequired},b=function(e){var a=e.isDisabled,r=e.intl,t=e.minimumValue,l=e.maximumValue,d=e.label,i=e.minimumLabel,p=e.maximumLabel,x=e.onChange,c=e.value,f=(0,m.useContext)(u.default),b=h(["slider",f.className]),N=(0,m.useRef)(),y=i||t,g=p||l,T=i&&p?r.formatMessage({id:"Terra.slider.ariaDescribedByTextWithLabels"},{minimumLabel:i,maximumLabel:p,minimumValue:t,maximumValue:l}):r.formatMessage({id:"Terra.slider.ariaDescribedByTextWithoutLabels"},{minimumValue:t,maximumValue:l}),v=(0,s.v4)(),w=(0,m.useState)(c),R=(0,n.default)(w,2),C=R[0],k=R[1];(0,m.useEffect)((function(){k(c)}),[c]);return m.default.createElement("div",{style:{"--terra-slider-progress-status":"".concat(C,"%")},className:b},m.default.createElement("span",{className:h("label"),"aria-hidden":"true"},d),m.default.createElement("span",{className:h("slider-label","slider-min-label"),"aria-hidden":"true"},y),m.default.createElement("input",{className:h("input-range"),type:"range",ref:N,"aria-label":d,"aria-describedby":v,value:C,disabled:a,min:t,max:l,onChange:function(e){k(e.currentTarget.value),x&&x(e.currentTarget.value)}}),m.default.createElement("span",{className:h("slider-label","slider-max-label"),"aria-hidden":"true"},g),m.default.createElement(o.default,{id:v,text:T}))};b.propTypes=f,b.defaultProps={isDisabled:!1};a.default=(0,p.injectIntl)(b)},41241:function(e,a,r){r.r(a),a.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/577-491b82d84894d1b481bc.css b/577-491b82d84894d1b481bc.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/577-491b82d84894d1b481bc.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/577-491b82d84894d1b481bc.js b/577-491b82d84894d1b481bc.js new file mode 100644 index 0000000000..169e9b4807 --- /dev/null +++ b/577-491b82d84894d1b481bc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[577],{55713:function(e,a,r){var t=r(24994);a.A=void 0;var n=t(r(96540)),o=t(r(5556)),s=t(r(67967)),d=t(r(25642)),c=s.default.bind(d.default),u={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,r=e.name,t=e.url,o=e.version,s=n.default.createElement("a",{className:c("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},n.default.createElement("span",{className:c("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:c("badge-version")},"v".concat(o))),d=a?n.default.createElement("a",{className:c("badge"),href:a},n.default.createElement("span",{className:c("badge-name")},"github"),n.default.createElement("span",{className:c("badge-version")},"source")):void 0;return n.default.createElement("div",{className:c("badge-container")},s,d)};i.propTypes=u;a.A=i},577:function(e,a,r){r.r(a),r.d(a,{default:function(){return i}});var t=r(58168),n=r(53986),o=(r(96540),r(36665)),s=r(26748),d=["components"],c={},u="wrapper";function i(e){var a=e.components,r=(0,n.A)(e,d);return(0,o.mdx)(u,(0,t.A)({},c,r,{components:a,mdxType:"MDXLayout"}),(0,o.mdx)(s.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-abstract-modal-upgrade-guide"},"Terra Abstract Modal Upgrade Guide"),(0,o.mdx)("h2",{id:"changes-from-10-to-20"},"Changes from 1.0 to 2.0"),(0,o.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,o.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},26748:function(e,a,r){r.d(a,{E:function(){return o}});var t=r(96540),n=r(55713),o=function(e){var a=e.url;return t.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-abstract-modal",name:"terra-abstract-modal",version:"3.51.0",url:a})}},25642: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"}},58168:function(e,a,r){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;r[t]=e[t]}return r}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}r.d(a,{A:function(){return t}})}}]); \ No newline at end of file diff --git a/5776-e9d2139ea45d80011cc3.css b/5776-e9d2139ea45d80011cc3.css new file mode 100644 index 0000000000..e2da999080 --- /dev/null +++ b/5776-e9d2139ea45d80011cc3.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.BrandFooter-module__orion-fusion-theme___n75bX{--terra-brand-footer-margin-bottom: 0;--terra-brand-footer-margin-left: 0;--terra-brand-footer-margin-right: 0;--terra-brand-footer-margin-top: 0;--terra-brand-footer-nav-background-color: #004c76;--terra-brand-footer-nav-color: #a6d9f4;--terra-brand-footer-nav-padding-bottom: 1rem;--terra-brand-footer-nav-padding-left: 1rem;--terra-brand-footer-nav-padding-right: 1rem;--terra-brand-footer-nav-padding-top: 1rem;--terra-brand-footer-vertical-nav-link-group-min-width: 240px;--terra-brand-footer-vertical-nav-link-group-padding-right: 1rem;--terra-brand-footer-vertical-nav-link-padding-bottom: 0.5rem;--terra-brand-footer-vertical-nav-link-padding-top: 0.5rem;--terra-brand-footer-vertical-nav-header-padding-bottom: 0.5rem;--terra-brand-footer-vertical-nav-header-padding-top: 0.5rem;--terra-brand-footer-horizontal-nav-first-link-before-padding-right: 1rem;--terra-brand-footer-horizontal-nav-link-separator-color: #a6d9f4;--terra-brand-footer-horizontal-nav-link-separator-padding-bottom: 0.5rem;--terra-brand-footer-horizontal-nav-link-separator-padding-top: 0.5rem;--terra-brand-footer-horizontal-nav-link-separator-padding-left: 0.5rem;--terra-brand-footer-horizontal-nav-link-separator-padding-right: 0.5rem;--terra-brand-footer-link-group-margin-bottom: 0;--terra-brand-footer-link-group-margin-top: 0;--terra-brand-footer-link-group-margin-left: 0;--terra-brand-footer-link-group-margin-right: 0;--terra-brand-footer-nav-header-color: #a6d9f4;--terra-brand-footer-nav-header-font-size: 1rem;--terra-brand-footer-nav-header-font-weight: 700;--terra-brand-footer-nav-header-line-height: 1.45;--terra-brand-footer-nav-header-text-transform: uppercase;--terra-brand-footer-link-color: #fff;--terra-brand-footer-nav-link-font-size: 1rem;--terra-brand-footer-nav-link-font-weight: 400;--terra-brand-footer-nav-link-line-height: 1.6;--terra-brand-footer-link-text-decoration: none;--terra-brand-footer-link-hover-color: #fff;--terra-brand-footer-link-hover-text-decoration: underline;--terra-brand-footer-link-active-color: #fff;--terra-brand-footer-link-active-text-decoration: underline;--terra-brand-footer-link-focus-color: #fff;--terra-brand-footer-link-focus-text-decoration: underline;--terra-brand-footer-footer-content-background-color: #004c76;--terra-brand-footer-footer-content-color: #a6d9f4;--terra-brand-footer-footer-content-padding-bottom: 1rem;--terra-brand-footer-footer-content-padding-top: 1rem;--terra-brand-footer-footer-content-padding-left: 1rem;--terra-brand-footer-footer-content-padding-right: 1rem;--terra-brand-footer-floating-content-margin-bottom: 0.5rem;--terra-brand-footer-content-bottom-margin-top: 0.5rem}.BrandFooter-module__clinical-lowlight-theme___Vf--T{--terra-brand-footer-margin-bottom: 0;--terra-brand-footer-margin-left: 0;--terra-brand-footer-margin-right: 0;--terra-brand-footer-margin-top: 0;--terra-brand-footer-nav-background-color: #153d70;--terra-brand-footer-nav-color: #8baaca;--terra-brand-footer-nav-padding-bottom: 0.7142857rem;--terra-brand-footer-nav-padding-left: 1.428571rem;--terra-brand-footer-nav-padding-right: 1.428571rem;--terra-brand-footer-nav-padding-top: 0.7142857rem;--terra-brand-footer-vertical-nav-link-group-min-width: 240px;--terra-brand-footer-vertical-nav-link-group-padding-right: 1.42857rem;--terra-brand-footer-vertical-nav-link-padding-bottom: 0.3571428rem;--terra-brand-footer-vertical-nav-link-padding-top: 0.3571428rem;--terra-brand-footer-vertical-nav-header-padding-bottom: 0.7142857rem;--terra-brand-footer-vertical-nav-header-padding-top: 1.42857rem;--terra-brand-footer-horizontal-nav-first-link-before-padding-right: 0.7142857rem;--terra-brand-footer-horizontal-nav-link-separator-color: #8baaca;--terra-brand-footer-horizontal-nav-link-separator-padding-bottom: 0.7142857rem;--terra-brand-footer-horizontal-nav-link-separator-padding-top: 0.7142857rem;--terra-brand-footer-horizontal-nav-link-separator-padding-left: 0.7142857rem;--terra-brand-footer-horizontal-nav-link-separator-padding-right: 0.7142857rem;--terra-brand-footer-link-group-margin-bottom: 0;--terra-brand-footer-link-group-margin-top: 0;--terra-brand-footer-link-group-margin-left: 0;--terra-brand-footer-link-group-margin-right: 0;--terra-brand-footer-nav-header-color: #4bb8ef;--terra-brand-footer-nav-header-font-size: 0.7857rem;--terra-brand-footer-nav-header-font-weight: 600;--terra-brand-footer-nav-header-line-height: 1.45;--terra-brand-footer-nav-header-text-transform: uppercase;--terra-brand-footer-link-color: #fff;--terra-brand-footer-nav-link-font-size: 1rem;--terra-brand-footer-nav-link-font-weight: 300;--terra-brand-footer-nav-link-line-height: 1.6;--terra-brand-footer-link-text-decoration: none;--terra-brand-footer-link-hover-color: #fff;--terra-brand-footer-link-hover-text-decoration: underline;--terra-brand-footer-link-active-color: #fff;--terra-brand-footer-link-active-text-decoration: underline;--terra-brand-footer-link-focus-color: #fff;--terra-brand-footer-link-focus-text-decoration: underline;--terra-brand-footer-footer-content-background-color: #153d70;--terra-brand-footer-footer-content-color: #fff;--terra-brand-footer-footer-content-padding-bottom: 1.42857rem;--terra-brand-footer-footer-content-padding-top: 1.42857rem;--terra-brand-footer-footer-content-padding-left: 1.42857rem;--terra-brand-footer-footer-content-padding-right: 1.42857rem;--terra-brand-footer-floating-content-margin-bottom: 0.7142857rem;--terra-brand-footer-content-bottom-margin-top: 0.7142857rem}[dir] .BrandFooter-module__brand-footer___b9njT{margin-bottom:0;margin-bottom:var(--terra-brand-footer-margin-bottom, 0);margin-top:0;margin-top:var(--terra-brand-footer-margin-top, 0)}[dir=ltr] .BrandFooter-module__brand-footer___b9njT{margin-left:0;margin-left:var(--terra-brand-footer-margin-left, 0);margin-right:0;margin-right:var(--terra-brand-footer-margin-right, 0)}[dir=rtl] .BrandFooter-module__brand-footer___b9njT{margin-right:0;margin-right:var(--terra-brand-footer-margin-left, 0);margin-left:0;margin-left:var(--terra-brand-footer-margin-right, 0)}.BrandFooter-module__nav___IBpIz{color:#8baaca;color:var(--terra-brand-footer-nav-color, #8baaca);display:flex;flex-wrap:wrap;width:100%}[dir] .BrandFooter-module__nav___IBpIz{background-color:#153d70;background-color:var(--terra-brand-footer-nav-background-color, #153d70);padding-bottom:0.7142857143rem;padding-bottom:var(--terra-brand-footer-nav-padding-bottom, 0.7142857143rem);padding-top:0.7142857143rem;padding-top:var(--terra-brand-footer-nav-padding-top, 0.7142857143rem)}[dir=ltr] .BrandFooter-module__nav___IBpIz{padding-left:1.4285714286rem;padding-left:var(--terra-brand-footer-nav-padding-left, 1.4285714286rem);padding-right:1.4285714286rem;padding-right:var(--terra-brand-footer-nav-padding-right, 1.4285714286rem)}[dir=rtl] .BrandFooter-module__nav___IBpIz{padding-right:1.4285714286rem;padding-right:var(--terra-brand-footer-nav-padding-left, 1.4285714286rem);padding-left:1.4285714286rem;padding-left:var(--terra-brand-footer-nav-padding-right, 1.4285714286rem)}.BrandFooter-module__nav-vertical___FjiLZ{align-content:stretch;flex-direction:row}.BrandFooter-module__nav-vertical___FjiLZ .BrandFooter-module__navigation-section___zYTeN{flex:1 1 0%;min-width:240px;min-width:var(--terra-brand-footer-vertical-nav-link-group-min-width, 240px)}[dir=ltr] .BrandFooter-module__nav-vertical___FjiLZ .BrandFooter-module__navigation-section___zYTeN{padding-right:1.4285714286rem;padding-right:var(--terra-brand-footer-vertical-nav-link-group-padding-right, 1.4285714286rem)}[dir=rtl] .BrandFooter-module__nav-vertical___FjiLZ .BrandFooter-module__navigation-section___zYTeN{padding-left:1.4285714286rem;padding-left:var(--terra-brand-footer-vertical-nav-link-group-padding-right, 1.4285714286rem)}.BrandFooter-module__nav-vertical___FjiLZ .BrandFooter-module__menu___NZl7w{flex:1 1 0%;width:100%}[dir] .BrandFooter-module__nav-vertical___FjiLZ .BrandFooter-module__menu___NZl7w{margin-bottom:0;margin-top:0}.BrandFooter-module__nav-vertical___FjiLZ .BrandFooter-module__list-item___vONgq{display:block}[dir] .BrandFooter-module__nav-vertical___FjiLZ .BrandFooter-module__list-item___vONgq{padding-bottom:0.3571428571rem;padding-bottom:var(--terra-brand-footer-vertical-nav-link-padding-bottom, 0.3571428571rem);padding-top:0.3571428571rem;padding-top:var(--terra-brand-footer-vertical-nav-link-padding-top, 0.3571428571rem)}.BrandFooter-module__nav-vertical___FjiLZ .BrandFooter-module__list-header___iulz2{display:block}[dir] .BrandFooter-module__nav-vertical___FjiLZ .BrandFooter-module__list-header___iulz2{margin-bottom:0;margin-top:0;padding-bottom:0.7142857143rem;padding-bottom:var(--terra-brand-footer-vertical-nav-header-padding-bottom, 0.7142857143rem);padding-top:1.4285714286rem;padding-top:var(--terra-brand-footer-vertical-nav-header-padding-top, 1.4285714286rem)}.BrandFooter-module__nav-horizontal___j\+v2A{flex-direction:column}.BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__navigation-section___zYTeN{width:100%}.BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__menu___NZl7w{display:inline}.BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__list-item___vONgq{display:inline-block}.BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__list-header___iulz2{display:inline-block}[dir] .BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__list-header___iulz2{margin-bottom:0;margin-top:0}.BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__list-item___vONgq:first-child::before{content:""}[dir] .BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__list-item___vONgq:first-child::before{padding:0}.BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__list-header___iulz2+.BrandFooter-module__menu___NZl7w::before{content:""}[dir=ltr] .BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__list-header___iulz2+.BrandFooter-module__menu___NZl7w::before{padding-left:0;padding-right:0.7142857143rem;padding-right:var(--terra-brand-footer-horizontal-nav-first-link-before-padding-right, 0.7142857143rem)}[dir=rtl] .BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__list-header___iulz2+.BrandFooter-module__menu___NZl7w::before{padding-right:0;padding-left:0.7142857143rem;padding-left:var(--terra-brand-footer-horizontal-nav-first-link-before-padding-right, 0.7142857143rem)}.BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__separator___K-\+a6{color:#8baaca;color:var(--terra-brand-footer-horizontal-nav-link-separator-color, #8baaca)}[dir] .BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__separator___K-\+a6{padding-bottom:0.7142857143rem;padding-bottom:var(--terra-brand-footer-horizontal-nav-link-separator-padding-bottom, 0.7142857143rem);padding-top:0.7142857143rem;padding-top:var(--terra-brand-footer-horizontal-nav-link-separator-padding-top, 0.7142857143rem)}[dir=ltr] .BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__separator___K-\+a6{padding-left:0.7142857143rem;padding-left:var(--terra-brand-footer-horizontal-nav-link-separator-padding-left, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-brand-footer-horizontal-nav-link-separator-padding-right, 0.7142857143rem)}[dir=rtl] .BrandFooter-module__nav-horizontal___j\+v2A .BrandFooter-module__separator___K-\+a6{padding-right:0.7142857143rem;padding-right:var(--terra-brand-footer-horizontal-nav-link-separator-padding-left, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-brand-footer-horizontal-nav-link-separator-padding-right, 0.7142857143rem)}[dir] .BrandFooter-module__navigation-section___zYTeN{margin-bottom:0;margin-bottom:var(--terra-brand-footer-link-group-margin-bottom, 0);margin-top:0;margin-top:var(--terra-brand-footer-link-group-margin-top, 0)}[dir=ltr] .BrandFooter-module__navigation-section___zYTeN{margin-left:0;margin-left:var(--terra-brand-footer-link-group-margin-left, 0);margin-right:0;margin-right:var(--terra-brand-footer-link-group-margin-right, 0)}[dir=rtl] .BrandFooter-module__navigation-section___zYTeN{margin-right:0;margin-right:var(--terra-brand-footer-link-group-margin-left, 0);margin-left:0;margin-left:var(--terra-brand-footer-link-group-margin-right, 0)}.BrandFooter-module__menu___NZl7w{list-style:none}[dir=ltr] .BrandFooter-module__menu___NZl7w{padding-left:0;padding-right:0}[dir=rtl] .BrandFooter-module__menu___NZl7w{padding-right:0;padding-left:0}.BrandFooter-module__list-header___iulz2{color:#4bb8ef;color:var(--terra-brand-footer-nav-header-color, #4bb8ef);font-size:0.7857rem;font-size:var(--terra-brand-footer-nav-header-font-size, 0.7857rem);font-weight:600;font-weight:var(--terra-brand-footer-nav-header-font-weight, 600);line-height:1.45;line-height:var(--terra-brand-footer-nav-header-line-height, 1.45);text-transform:uppercase;text-transform:var(--terra-brand-footer-nav-header-text-transform, uppercase)}.BrandFooter-module__link___NjxTD{color:#fff;color:var(--terra-brand-footer-link-color, #fff);font-size:1rem;font-size:var(--terra-brand-footer-nav-link-font-size, 1rem);font-weight:300;font-weight:var(--terra-brand-footer-nav-link-font-weight, 300);line-height:1.6;line-height:var(--terra-brand-footer-nav-link-line-height, 1.6);-webkit-text-decoration:none;-webkit-text-decoration:var(--terra-brand-footer-link-text-decoration, none);text-decoration:none;text-decoration:var(--terra-brand-footer-link-text-decoration, none)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.BrandFooter-module__link___NjxTD:hover{color:#fff;color:var(--terra-brand-footer-link-hover-color, #fff);-webkit-text-decoration:underline;-webkit-text-decoration:var(--terra-brand-footer-link-hover-text-decoration, underline);text-decoration:underline;text-decoration:var(--terra-brand-footer-link-hover-text-decoration, underline)}}.BrandFooter-module__link___NjxTD:active{color:#fff;color:var(--terra-brand-footer-link-active-color, #fff);-webkit-text-decoration:underline;-webkit-text-decoration:var(--terra-brand-footer-link-active-text-decoration, underline);text-decoration:underline;text-decoration:var(--terra-brand-footer-link-active-text-decoration, underline)}.BrandFooter-module__link___NjxTD:focus{color:#fff;color:var(--terra-brand-footer-link-focus-color, #fff);-webkit-text-decoration:underline;-webkit-text-decoration:var(--terra-brand-footer-link-focus-text-decoration, underline);text-decoration:underline;text-decoration:var(--terra-brand-footer-link-focus-text-decoration, underline)}.BrandFooter-module__footer-content___wcx5p{color:#fff;color:var(--terra-brand-footer-footer-content-color, #fff)}[dir] .BrandFooter-module__footer-content___wcx5p{background-color:#153d70;background-color:var(--terra-brand-footer-footer-content-background-color, #153d70);padding-bottom:1.4285714286rem;padding-bottom:var(--terra-brand-footer-footer-content-padding-bottom, 1.4285714286rem);padding-top:1.4285714286rem;padding-top:var(--terra-brand-footer-footer-content-padding-top, 1.4285714286rem)}[dir=ltr] .BrandFooter-module__footer-content___wcx5p{padding-left:1.4285714286rem;padding-left:var(--terra-brand-footer-footer-content-padding-left, 1.4285714286rem);padding-right:1.4285714286rem;padding-right:var(--terra-brand-footer-footer-content-padding-right, 1.4285714286rem)}[dir=rtl] .BrandFooter-module__footer-content___wcx5p{padding-right:1.4285714286rem;padding-right:var(--terra-brand-footer-footer-content-padding-left, 1.4285714286rem);padding-left:1.4285714286rem;padding-left:var(--terra-brand-footer-footer-content-padding-right, 1.4285714286rem)}.BrandFooter-module__content-top___7LO0D{display:flex;flex-wrap:wrap;justify-content:space-between}[dir] .BrandFooter-module__content-top___7LO0D{margin-bottom:0.7142857143rem;margin-bottom:var(--terra-brand-footer-floating-content-margin-bottom, 0.7142857143rem)}[dir] .BrandFooter-module__content-bottom___yHyjc{margin-top:0.7142857143rem;margin-top:var(--terra-brand-footer-content-bottom-margin-top, 0.7142857143rem)} +.BrandFooterExampleCommon-module__content-left-anchor___XditL{color:#fff;text-decoration:none}[dir] .BrandFooterExampleCommon-module__content-left-anchor___XditL{background-color:rgba(0,0,0,0)}.BrandFooterExampleCommon-module__content-left-graphics___8L-A4{height:40px;vertical-align:middle;width:40px}[dir] .BrandFooterExampleCommon-module__content-left-graphics___8L-A4{border:0}.BrandFooterExampleCommon-module__content-left-text___8qbc1{letter-spacing:1px}.BrandFooterExampleCommon-module__weighted-text___QaZgt{font-weight:100}.BrandFooterExampleCommon-module__content-right-graphics___uBU8X{height:40px;vertical-align:top;width:90px}[dir] .BrandFooterExampleCommon-module__content-right-graphics___uBU8X{border:0} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/5776-e9d2139ea45d80011cc3.js b/5776-e9d2139ea45d80011cc3.js new file mode 100644 index 0000000000..017c78dc61 --- /dev/null +++ b/5776-e9d2139ea45d80011cc3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[5776],{60162:function(e,a,t){t.r(a),t.d(a,{default:function(){return b}});var n=t(58168),l=t(53986),r=t(96540),c=t(36665),d=t(74647),o=t(17635),m=t(12883),i=["components"],f={},s="wrapper";function p(e){var a=e.components,t=(0,l.A)(e,i);return(0,c.mdx)(s,(0,n.A)({},f,t,{components:a,mdxType:"MDXLayout"}),(0,c.mdx)(m.Ay,{mdxType:"PropsTable"},(0,c.mdx)(m.fI,{key:"ROW1",mdxType:"Row"},(0,c.mdx)(m.dt,{mdxType:"PropNameCell"},"sections"),(0,c.mdx)(m.$d,{mdxType:"TypeCell"},(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n headerText: {\n type: 'string',\n description: 'The optional text to display as a header',\n },\n links: {\n arrayOf: [{\n shape: {\n text: {\n type: 'string',\n required: true,\n description: 'Text to be displayed as navigational link.',\n },\n href: {\n type: 'string',\n required: true,\n description: 'URL of the navigational link.',\n },\n target: {\n type: 'string',\n description: 'Attribute to open on same or different tab on clicking the navigational link.',\n },\n },\n }],\n },\n },\n}],\n"))),(0,c.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,c.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,c.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,c.mdx)("p",null,"A set of navigation links to be displayed with optional headers."),(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre"},"Array structured like:\n[\n {\n headerText: string,\n links: [\n text: required string,\n href: required string,\n target: string,\n ],\n },\n]\n")))),(0,c.mdx)(m.fI,{key:"ROW2",mdxType:"Row"},(0,c.mdx)(m.dt,{mdxType:"PropNameCell"},"isVertical"),(0,c.mdx)(m.$d,{mdxType:"TypeCell"},(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,c.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,c.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,c.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,c.mdx)("p",null,"If true link sections will be laid out from top to bottom, then left to right if the max width is reached"))),(0,c.mdx)(m.fI,{key:"ROW3",mdxType:"Row"},(0,c.mdx)(m.dt,{mdxType:"PropNameCell"},"contentLeft"),(0,c.mdx)(m.$d,{mdxType:"TypeCell"},(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,c.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,c.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,c.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,c.mdx)("p",null,"The content to be displayed in left side area of the footer."))),(0,c.mdx)(m.fI,{key:"ROW4",mdxType:"Row"},(0,c.mdx)(m.dt,{mdxType:"PropNameCell"},"contentRight"),(0,c.mdx)(m.$d,{mdxType:"TypeCell"},(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,c.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,c.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,c.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,c.mdx)("p",null,"The content to be displayed in right side area of the footer."))),(0,c.mdx)(m.fI,{key:"ROW5",mdxType:"Row"},(0,c.mdx)(m.dt,{mdxType:"PropNameCell"},"contentBottom"),(0,c.mdx)(m.$d,{mdxType:"TypeCell"},(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,c.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,c.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,c.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,c.mdx)("p",null,"The content to be displayed in bottom area of the footer.")))))}p.isMDXComponent=!0;var h=t(96226),u=["components"],x={};function Z(e){var a=e.components,t=(0,l.A)(e,u);return(0,c.mdx)("wrapper",(0,n.A)({},x,t,{components:a,mdxType:"MDXLayout"}),(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\n\nimport BrandFooter from \'terra-brand-footer\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./BrandFooterExampleCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nexport default () => (\n \n \n \n \n \n \n \n \n \n \n \n \n Terra \n UI\n \n)}\n contentRight={(\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)}\n contentBottom={(\n \n Copyright 2018 - 2020 Cerner Innovation, Inc. Licensed under the Apache License, Version 2.0 (the "License").\n \n)}\n />\n);\n\n')))}Z.isMDXComponent=!0;var v=t(201),V=["components"],g={};function M(e){var a=e.components,t=(0,l.A)(e,V);return(0,c.mdx)("wrapper",(0,n.A)({},g,t,{components:a,mdxType:"MDXLayout"}),(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-left-anchor {\n background-color: transparent;\n color: #fff;\n text-decoration: none;\n }\n\n .content-left-graphics {\n border: 0;\n height: 40px; // setting this explicity for IE11\n vertical-align: middle;\n width: 40px; // setting this explicity for IE11\n }\n\n .content-left-text {\n letter-spacing: 1px;\n }\n\n .weighted-text {\n font-weight: 100;\n }\n\n .content-right-graphics {\n border: 0;\n height: 40px;\n vertical-align: top;\n width: 90px;\n }\n}\n\n")))}M.isMDXComponent=!0;var A=function(e){var a=e.title,t=e.description,n=e.isExpanded;return r.createElement(v.A,{title:a||"Default Brand Footer",description:t,example:r.createElement(h.A,null),exampleCssSrc:r.createElement(M,null),exampleSrc:r.createElement(Z,null),isExpanded:n})},y=t(75283),_=["components"],E={};function N(e){var a=e.components,t=(0,l.A)(e,_);return(0,c.mdx)("wrapper",(0,n.A)({},E,t,{components:a,mdxType:"MDXLayout"}),(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\n\nimport BrandFooter from \'terra-brand-footer\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./BrandFooterExampleCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nexport default () => (\n \n \n \n \n \n \n \n \n \n \n \n \n Terra \n UI\n \n)}\n contentRight={(\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)}\n contentBottom={(\n \n Copyright 2018 - 2020 Cerner Innovation, Inc. Licensed under the Apache License, Version 2.0 (the "License").\n \n)}\n />\n);\n\n')))}N.isMDXComponent=!0;var L=function(e){var a=e.title,t=e.description,n=e.isExpanded;return r.createElement(v.A,{title:a||"Vertical Brand Footer",description:t,example:r.createElement(y.A,null),exampleCssSrc:r.createElement(M,null),exampleSrc:r.createElement(N,null),isExpanded:n})},T=["components"],C={},w="wrapper";function b(e){var a=e.components,t=(0,l.A)(e,T);return(0,c.mdx)(w,(0,n.A)({},C,t,{components:a,mdxType:"MDXLayout"}),(0,c.mdx)(o.E,{mdxType:"Badge"}),(0,c.mdx)("p",null,(0,c.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/main/packages/terra-brand-footer#readme"},(0,c.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,c.mdx)("h1",{id:"terra-brand-footer"},"Terra Brand Footer"),(0,c.mdx)(d.Notice,{variant:"deprecation",mdxType:"Notice"},(0,c.mdx)("p",null,(0,c.mdx)("inlineCode",{parentName:"p"},"terra-brand-footer")," is no longer supported. If you are using ",(0,c.mdx)("inlineCode",{parentName:"p"},"terra-brand-footer"),", consider replacing it with a supported component.")),(0,c.mdx)("p",null,"A standard footer for application layout which provides content areas to display options such as branding, copyright information, logo and navigation to related pages."),(0,c.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,c.mdx)("ul",null,(0,c.mdx)("li",{parentName:"ul"},"Install with ",(0,c.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,c.mdx)("ul",{parentName:"li"},(0,c.mdx)("li",{parentName:"ul"},(0,c.mdx)("inlineCode",{parentName:"li"},"npm install terra-brand-footer"))))),(0,c.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,c.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,c.mdx)("table",null,(0,c.mdx)("thead",{parentName:"table"},(0,c.mdx)("tr",{parentName:"thead"},(0,c.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,c.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,c.mdx)("tbody",{parentName:"table"},(0,c.mdx)("tr",{parentName:"tbody"},(0,c.mdx)("td",{parentName:"tr",align:null},"react"),(0,c.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,c.mdx)("tr",{parentName:"tbody"},(0,c.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,c.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,c.mdx)("h2",{id:"component-features"},"Component Features"),(0,c.mdx)("ul",null,(0,c.mdx)("li",{parentName:"ul"},(0,c.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,c.mdx)("li",{parentName:"ul"},(0,c.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,c.mdx)("h2",{id:"examples"},"Examples"),(0,c.mdx)(A,{title:"BrandFooter - Default",mdxType:"DefaultBrandFooter"}),(0,c.mdx)(L,{title:"BrandFooter - Vertical Navigation Bar",mdxType:"VerticalBrandFooter"}),(0,c.mdx)("h2",{id:"brand-footer-props-table"},"Brand Footer props table"),(0,c.mdx)(p,{mdxType:"BrandFooterPropsTable"}))}b.isMDXComponent=!0},17635:function(e,a,t){t.d(a,{E:function(){return r}});var n=t(96540),l=t(55713),r=function(e){var a=e.url;return n.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-brand-footer",name:"terra-brand-footer",version:"3.13.0",url:a})}},59209:function(e,a,t){var n=t(24994);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var l=n(t(94634)),r=n(t(91847)),c=n(t(96540)),d=n(t(5556)),o=n(t(46942)),m=n(t(67967)),i=n(t(23695)),f=n(t(80554)),s=["sections","isVertical","contentLeft","contentRight","contentBottom"],p=m.default.bind(f.default),h={sections:d.default.arrayOf(d.default.shape({headerText:d.default.string,links:d.default.arrayOf(d.default.shape({text:d.default.string.isRequired,href:d.default.string.isRequired,target:d.default.string}))})),isVertical:d.default.bool,contentLeft:d.default.node,contentRight:d.default.node,contentBottom:d.default.node},u=function(e){for(var a=e.sections,t=e.isVertical,n=e.contentLeft,d=e.contentRight,m=e.contentBottom,f=(0,r.default)(e,s),h=c.default.useContext(i.default),u=(0,o.default)(p("brand-footer",h.className),f.className),x=a,Z=0;Z0&&(v=c.default.createElement("nav",{className:p("nav",t?"nav-vertical":"nav-horizontal")},x.map((function(e){return c.default.createElement("section",{className:p("navigation-section"),key:e.id},(V&&t||e.headerText)&&c.default.createElement("h3",{className:p("list-header"),key:e.headerText},e.headerText||"​"),c.default.createElement("ul",{className:p("menu")},e.links&&e.links.map((function(e,a){var n=void 0!==e.target?{target:e.target}:{},r=!t&&a>=1?c.default.createElement("span",{className:p("separator"),"aria-hidden":!0},"/"):"";return c.default.createElement("li",{className:p("list-item"),key:e.text+e.href},r,c.default.createElement("a",(0,l.default)({className:p("link"),href:e.href},n),e.text))}))))})))),c.default.createElement("footer",(0,l.default)({role:"contentinfo"},f,{className:u}),v,c.default.createElement("div",{className:p("footer-content")},c.default.createElement("div",{className:p("content-top")},n,d),c.default.createElement("div",{className:p("content-bottom")},m)))};u.propTypes=h,u.defaultProps={sections:[],isVertical:!1,contentLeft:null,contentRight:null,contentBottom:null};a.default=u},96226:function(e,a,t){var n=t(24994);a.A=void 0;var l=n(t(96540)),r=n(t(59209)),c=n(t(67967)),d=n(t(85643)),o=c.default.bind(d.default);a.A=function(){return l.default.createElement(r.default,{isVertical:!1,sections:[{headerText:"Terra UI Links",links:[{text:"Terra UI",href:"http://terra-ui.com/"},{text:"Terra UI Components",href:"http://terra-ui.com/static/#/site/components"}]},{headerText:"Cerner Links",links:[{text:"Cerner Home",href:"https://www.cerner.com/"},{text:"Cerner Code",href:"https://code.cerner.com/",target:"_blank"}]}],contentLeft:l.default.createElement("a",{href:"http://terra-ui.com/","aria-label":"Terra UI Home",className:o("content-left-anchor")},l.default.createElement("svg",{className:o("content-left-graphics"),viewBox:"0 0 40 40"},l.default.createElement("path",{fill:"#80c7ee",d:"M33.07,10,18.77,1.78a2,2,0,0,0-1-.26,2.06,2.06,0,0,0-1,.26L2.51,10a2,2,0,0,0-1,1.7V28.26a2,2,0,0,0,1,1.7L16.8,38.22a2.06,2.06,0,0,0,1,.26,2,2,0,0,0,1-.26L33.07,30a2,2,0,0,0,1-1.7V11.74A2,2,0,0,0,33.07,10Z"}),l.default.createElement("circle",{fill:"#f1f1f2",cx:"26.56",cy:"12.77",r:"2"}),l.default.createElement("circle",{fill:"#f1f1f2",cx:"17.7",cy:"20.4",r:"7.3"}),l.default.createElement("path",{fill:"#f1f1f2",d:"M28.22,27.5a2.16,2.16,0,0,1-.29-.43,2.2,2.2,0,0,1-.3.43,1.86,1.86,0,0,1-.45.39,2.11,2.11,0,0,1,.45.39,2.2,2.2,0,0,1,.3.43,2.16,2.16,0,0,1,.29-.43,2.74,2.74,0,0,1,.45-.39A2.33,2.33,0,0,1,28.22,27.5Z"}),l.default.createElement("path",{fill:"#f1f1f2",d:"M7.76,12.68a2.49,2.49,0,0,1-.29-.43,2.49,2.49,0,0,1-.29.43,2.27,2.27,0,0,1-.45.38,2,2,0,0,1,.45.39,2.09,2.09,0,0,1,.29.42,2.42,2.42,0,0,1,.29-.42,1.79,1.79,0,0,1,.44-.39A2,2,0,0,1,7.76,12.68Z"}),l.default.createElement("path",{fill:"#047cc0",d:"M7.47,12.25a2.49,2.49,0,0,0,.29.43,2,2,0,0,0,.44.38,1.79,1.79,0,0,0-.44.39,2.42,2.42,0,0,0-.29.42,2.09,2.09,0,0,0-.29-.42,2,2,0,0,0-.45-.39,2.27,2.27,0,0,0,.45-.38,2.49,2.49,0,0,0,.29-.43m0-1.28a2.92,2.92,0,0,1-.65,1.36,2.3,2.3,0,0,1-1.17.73,2.25,2.25,0,0,1,1.17.74,2.84,2.84,0,0,1,.65,1.35,2.74,2.74,0,0,1,.64-1.35,2.24,2.24,0,0,1,1.18-.74h0a2.24,2.24,0,0,1-1.18-.74A2.74,2.74,0,0,1,7.47,11Z"}),l.default.createElement("path",{fill:"#047cc0",d:"M27.93,27.07a2.16,2.16,0,0,0,.29.43,2.33,2.33,0,0,0,.45.39,2.74,2.74,0,0,0-.45.39,2.16,2.16,0,0,0-.29.43,2.2,2.2,0,0,0-.3-.43,2.11,2.11,0,0,0-.45-.39,1.86,1.86,0,0,0,.45-.39,2.2,2.2,0,0,0,.3-.43m0-1.33a3,3,0,0,1-.67,1.39,2.33,2.33,0,0,1-1.21.76,2.29,2.29,0,0,1,1.21.76A3,3,0,0,1,27.93,30a2.85,2.85,0,0,1,.66-1.39,2.33,2.33,0,0,1,1.21-.76h0a2.33,2.33,0,0,1-1.21-.76,2.85,2.85,0,0,1-.66-1.39Z"}),l.default.createElement("path",{fill:"#047cc0",d:"M26.56,10a2.76,2.76,0,0,0-1.43,5.12l0,.07c-.18.29-.38.6-.59.91a8,8,0,0,0-2.65-2.6,6.42,6.42,0,0,0-.68-.37A8.06,8.06,0,0,0,10.43,23.87a1.14,1.14,0,0,0,.1.19c-1.82,2.61-2.61,4.69-1.89,5.41a1.07,1.07,0,0,0,.77.26c1,0,2.67-.79,4.63-2.15l.19.09a8,8,0,0,0,3.47.79,8.07,8.07,0,0,0,8.05-8.06A7.87,7.87,0,0,0,25,16.93l-.09-.18c.32-.47.62-.92.87-1.35A2.76,2.76,0,1,0,26.56,10ZM10.4,20.4a7.31,7.31,0,0,1,7.3-7.3,7.22,7.22,0,0,1,3.14.71c.22.11.42.22.62.34A7.24,7.24,0,0,1,24,16.64a.64.64,0,0,1,.08.14,45.05,45.05,0,0,1-4.61,5.35,45.6,45.6,0,0,1-5.35,4.61l-.14-.08a7.5,7.5,0,0,1-2.49-2.49c-.12-.2-.23-.41-.33-.62A7.26,7.26,0,0,1,10.4,20.4Zm-1,8.66a.5.5,0,0,1-.3-.06c-.14-.14-.22-1.07,1.2-3.39.18-.3.37-.6.58-.91a8.12,8.12,0,0,0,2.51,2.51h0C10.93,28.88,9.78,29.06,9.41,29.06ZM25,20.4a7.31,7.31,0,0,1-10.26,6.68,46.62,46.62,0,0,0,5.15-4.48,45.62,45.62,0,0,0,4.48-5.16A7.35,7.35,0,0,1,25,20.4Zm1.56-5.63a2,2,0,0,1-.43,0,10.73,10.73,0,0,0,.67-1.49.69.69,0,0,0-.63-.2,9.19,9.19,0,0,1-.66,1.43,2,2,0,1,1,1,.3Z"}),l.default.createElement("path",{fill:"#f1f1f2",d:"M17.79,1.52a2,2,0,0,1,1,.26L33.07,10a2,2,0,0,1,1,1.7V28.26a2,2,0,0,1-1,1.7l-14.3,8.26a2,2,0,0,1-1,.26,2.06,2.06,0,0,1-1-.26L2.5,30a2,2,0,0,1-1-1.7V11.74a2,2,0,0,1,1-1.7L16.8,1.78a2.06,2.06,0,0,1,1-.26m0-1.52A3.48,3.48,0,0,0,16,.47L1.74,8.72a3.51,3.51,0,0,0-1.74,3V28.26a3.51,3.51,0,0,0,1.74,3L16,39.53a3.48,3.48,0,0,0,1.75.47,3.44,3.44,0,0,0,1.74-.47l14.3-8.25a3.49,3.49,0,0,0,1.75-3V11.74a3.49,3.49,0,0,0-1.75-3L19.53.47A3.44,3.44,0,0,0,17.79,0Z"})),l.default.createElement("span",{className:o("content-left-text")},"Terra "),l.default.createElement("span",{className:o(["content-left-text","weighted-text"])},"UI")),contentRight:l.default.createElement("svg",{className:o("content-right-graphics"),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 90 40"},l.default.createElement("path",{d:"M10.65,2.84a5,5,0,0,1,1,.1,2.75,2.75,0,0,1,.88.35,1.79,1.79,0,0,1,.6.65,2,2,0,0,1,.23,1,2.06,2.06,0,0,1-.11.65,1.88,1.88,0,0,1-.3.58,2.18,2.18,0,0,1-.47.44,1.74,1.74,0,0,1-.61.25v0A2,2,0,0,1,13.72,9a3.93,3.93,0,0,1,0,.46,2.11,2.11,0,0,1-.15.53,2.14,2.14,0,0,1-.31.54,1.9,1.9,0,0,1-.54.46,3.27,3.27,0,0,1-.84.32,4.69,4.69,0,0,1-1.2.13H7V2.84Zm0,3.76a2.68,2.68,0,0,0,.85-.12,1.7,1.7,0,0,0,.6-.31,1.31,1.31,0,0,0,.36-.46,1.39,1.39,0,0,0,.12-.57c0-1.07-.64-1.6-1.93-1.6H7.84V6.6Zm0,4.11a4.08,4.08,0,0,0,.87-.08,1.9,1.9,0,0,0,.72-.28,1.5,1.5,0,0,0,.49-.54A1.86,1.86,0,0,0,12.91,9a1.43,1.43,0,0,0-.58-1.24,2.85,2.85,0,0,0-1.68-.42H7.84v3.42Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M19.5,11.41V10.29h0a2.14,2.14,0,0,1-.87,1,2.51,2.51,0,0,1-1.27.33,2.68,2.68,0,0,1-1-.17,1.55,1.55,0,0,1-.67-.46,1.76,1.76,0,0,1-.38-.73,3.7,3.7,0,0,1-.12-1v-4h.75v4a2.06,2.06,0,0,0,.39,1.27,1.6,1.6,0,0,0,1.27.43,1.59,1.59,0,0,0,.84-.21,1.82,1.82,0,0,0,.58-.56,2.44,2.44,0,0,0,.33-.79,4.06,4.06,0,0,0,.11-.92V5.22h.76v6.19Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M22.67,2.84V4.05h-.76V2.84Zm0,2.38v6.19h-.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M25.16,2.84v8.57h-.75V2.84Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M29.38,5.22v.63H28.12V10a1.31,1.31,0,0,0,.1.58c.07.14.24.22.51.23s.43,0,.65,0v.63l-.34,0h-.33a1.48,1.48,0,0,1-1.06-.3,1.44,1.44,0,0,1-.29-1.08V5.85H26.28V5.22h1.08V3.36h.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M34.59,5.22l1.58,5.3h0l1.51-5.3h.85l1.51,5.3h0l1.58-5.3h.8l-2,6.19h-.83L38.14,6.2h0L36.6,11.41h-.82l-2-6.19Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M44.37,2.84V4.05h-.76V2.84Zm0,2.38v6.19h-.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M48.59,5.22v.63H47.33V10a1.31,1.31,0,0,0,.1.58c.07.14.24.22.51.23l.65,0v.63l-.34,0h-.34a1.46,1.46,0,0,1-1-.3,1.44,1.44,0,0,1-.29-1.08V5.85H45.49V5.22h1.08V3.36h.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M50.6,2.84V6.28h0a1.81,1.81,0,0,1,.77-.9A2.24,2.24,0,0,1,52.6,5a3.17,3.17,0,0,1,1.09.16,1.78,1.78,0,0,1,.7.48,1.76,1.76,0,0,1,.37.75,4.28,4.28,0,0,1,.11,1v4h-.76V7.54A3.35,3.35,0,0,0,54,6.81a1.62,1.62,0,0,0-.25-.6,1.12,1.12,0,0,0-.49-.39,1.72,1.72,0,0,0-.76-.15,2.09,2.09,0,0,0-.81.16,1.69,1.69,0,0,0-.6.45,2.09,2.09,0,0,0-.38.67,2.34,2.34,0,0,0-.15.85v3.61h-.76V2.84Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M.31,27.35c0,2,2,3.95,5.13,5-.63,3.16-.11,5.7,1.6,6.69s4.4.31,6.9-1.87c2.43,2.1,4.9,2.92,6.61,1.93s2.3-3.74,1.66-7c3.27-1.08,5.1-2.7,5.1-4.77s-2-3.71-5.09-4.78c.69-3.39.1-5.87-1.69-6.9s-4.21-.13-6.68,2c-2.57-2.28-5-3-6.82-1.94s-2.22,3.59-1.59,6.8C2.41,23.61.31,25.37.31,27.35Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M22.19,23.32l-.83-.26c.05-.19.09-.38.13-.57.63-3.07.22-5.54-1.19-6.35s-3.57,0-5.8,2c-.23.19-.44.39-.65.59l-.43-.4c-2.34-2.08-4.69-3-6.1-2.14s-1.75,3.11-1.18,6c.05.28.12.57.19.85-.33.1-.66.2-1,.31-2.75.95-4.5,2.45-4.5,4s1.88,3.22,4.74,4.2l.7.22c-.07.3-.14.61-.2.92-.54,2.86-.12,5.13,1.23,5.91s3.73,0,6-2l.54-.5c.23.22.47.43.71.64,2.2,1.89,4.38,2.66,5.73,1.88s1.84-3.24,1.25-6.21c0-.22-.1-.46-.15-.69l.48-.15c3-1,4.91-2.58,4.91-4.21s-1.81-3.07-4.62-4Z",fill:"#5fc1ed"}),l.default.createElement("path",{d:"M21.55,30.52l-.44.13a24.86,24.86,0,0,0-1.31-3.28,26.19,26.19,0,0,0,1.26-3.24l.77.24c2.4.83,3.87,2.05,3.87,3s-1.58,2.31-4.15,3.16Zm-1.07,2.11a9.41,9.41,0,0,1,.13,3.42,2.33,2.33,0,0,1-.85,1.61c-.82.47-2.57-.14-4.45-1.76-.22-.19-.44-.39-.65-.6a26,26,0,0,0,2.17-2.76A25.37,25.37,0,0,0,20.34,32c.06.21.1.42.14.63ZM9.71,37.58a2.31,2.31,0,0,1-1.82.07c-.82-.47-1.16-2.3-.69-4.74,0-.29.12-.58.19-.86a28.35,28.35,0,0,0,3.49.51,27.73,27.73,0,0,0,2.23,2.75l-.5.45a9.22,9.22,0,0,1-2.9,1.82ZM6,30.51a9.23,9.23,0,0,1-3-1.61,2.29,2.29,0,0,1-1-1.54c0-.94,1.4-2.15,3.75-3l.9-.28a26.42,26.42,0,0,0,1.26,3.28,27.12,27.12,0,0,0-1.28,3.32ZM7.22,22c-.48-2.49-.16-4.37.65-4.84s2.79.21,4.81,2q.2.16.39.36a27.31,27.31,0,0,0-2.21,2.73,29.17,29.17,0,0,0-3.46.54L7.22,22Zm11.19,2.77c-.25-.44-.51-.88-.79-1.3a23.35,23.35,0,0,1,2.37.41,22.18,22.18,0,0,1-.83,2.24q-.36-.69-.75-1.35Zm-4.56-4.45c.51.55,1,1.17,1.53,1.84-1,0-2.05,0-3.07,0,.5-.66,1-1.28,1.54-1.84ZM9.26,24.74c-.26.44-.5.89-.73,1.34a22.83,22.83,0,0,1-.83-2.24,23,23,0,0,1,2.35-.4C9.78,23.87,9.51,24.3,9.26,24.74Zm.82,6.62A22.59,22.59,0,0,1,7.69,31a22.16,22.16,0,0,1,.84-2.29c.23.45.48.9.73,1.34S9.79,30.93,10.08,31.36Zm3.8,3.15a23,23,0,0,1-1.56-1.87c.5,0,1,0,1.52,0s1.05,0,1.56,0A23.2,23.2,0,0,1,13.88,34.51Zm5.29-5.86A22.77,22.77,0,0,1,20,30.93a23,23,0,0,1-2.42.41c.27-.43.54-.87.8-1.32s.51-.91.75-1.37Zm-1.71.82c-.4.68-.81,1.35-1.25,2-.77.05-1.56.08-2.37.08s-1.6,0-2.35-.07c-.45-.66-.87-1.33-1.27-2s-.76-1.38-1.11-2.09c.35-.71.71-1.41,1.11-2.09h0c.39-.69.81-1.35,1.26-2,.77-.05,1.56-.08,2.36-.08s1.59,0,2.36.08c.44.66.86,1.32,1.25,2s.77,1.38,1.12,2.08c-.34.71-.72,1.41-1.11,2.1ZM19.74,17.1c.87.5,1.21,2.52.66,5.17,0,.17-.07.34-.11.51a25.73,25.73,0,0,0-3.47-.54,25.51,25.51,0,0,0-2.19-2.74c.19-.19.39-.37.59-.55,1.92-1.67,3.71-2.32,4.52-1.85Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M13.84,25a2.32,2.32,0,1,1-2.32,2.32A2.31,2.31,0,0,1,13.84,25",fill:"#5fc1ed"}),l.default.createElement("path",{d:"M39.57,35.59,35.35,29H32v6.62H29.93V18.94h6.69c3.05,0,5.24,1.95,5.24,5a4.62,4.62,0,0,1-4.34,4.84L42,35.59ZM39.72,24a3.11,3.11,0,0,0-3.35-3.17H32v6.36h4.36A3.14,3.14,0,0,0,39.72,24Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M43.61,29.55a6,6,0,0,1,5.94-6.32c3.64,0,5.79,2.85,5.79,6.47v.47H45.6a4.23,4.23,0,0,0,4.32,4.17,5.22,5.22,0,0,0,3.74-1.55l.9,1.22a6.63,6.63,0,0,1-4.79,1.88A6,6,0,0,1,43.61,29.55Zm5.91-4.77a4,4,0,0,0-3.94,4h7.91A3.9,3.9,0,0,0,49.52,24.78Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M65.89,35.59V34.21a5.17,5.17,0,0,1-4,1.68,4,4,0,0,1-4.19-4,3.9,3.9,0,0,1,4.19-4,5.08,5.08,0,0,1,4,1.62V27.38c0-1.6-1.3-2.52-3-2.52a4.73,4.73,0,0,0-3.7,1.67l-.87-1.3a6.3,6.3,0,0,1,4.82-2c2.57,0,4.66,1.15,4.66,4.07v8.29Zm0-2.55V30.75a4.06,4.06,0,0,0-3.29-1.48,2.66,2.66,0,1,0,0,5.27A4,4,0,0,0,65.89,33Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M70.83,29.55c0-3.57,2.42-6.32,6-6.32a5.15,5.15,0,0,1,4.42,2.1L80,26.45a3.55,3.55,0,0,0-3.07-1.54c-2.54,0-4.16,2-4.16,4.64s1.62,4.66,4.16,4.66A3.63,3.63,0,0,0,80,32.64l1.25,1.15a5.15,5.15,0,0,1-4.42,2.1C73.25,35.89,70.83,33.12,70.83,29.55Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M84.28,33.07V25.18h-2V23.53h2V20.24h1.9v3.29h2.44v1.65H86.18v7.49c0,.89.4,1.54,1.19,1.54a1.81,1.81,0,0,0,1.28-.52l.55,1.42a3,3,0,0,1-2.22.78C85.18,35.89,84.28,34.86,84.28,33.07Z",fill:"#f1f1f2"})),contentBottom:l.default.createElement("span",null,l.default.createElement("small",null,'Copyright 2018 - 2020 Cerner Innovation, Inc. Licensed under the Apache License, Version 2.0 (the "License").'))})}},75283:function(e,a,t){var n=t(24994);a.A=void 0;var l=n(t(96540)),r=n(t(59209)),c=n(t(67967)),d=n(t(85643)),o=c.default.bind(d.default);a.A=function(){return l.default.createElement(r.default,{isVertical:!0,sections:[{headerText:"Terra UI Links",links:[{text:"Terra UI",href:"http://terra-ui.com/"},{text:"Terra UI Components",href:"http://terra-ui.com/static/#/site/components"}]},{headerText:"Cerner Links",links:[{text:"Cerner Home",href:"https://www.cerner.com/"},{text:"Cerner Code",href:"https://code.cerner.com/",target:"_blank"}]}],contentLeft:l.default.createElement("a",{href:"http://terra-ui.com/","aria-label":"Terra UI Home",className:o("content-left-anchor")},l.default.createElement("svg",{className:o("content-left-graphics"),viewBox:"0 0 40 40"},l.default.createElement("path",{fill:"#80c7ee",d:"M33.07,10,18.77,1.78a2,2,0,0,0-1-.26,2.06,2.06,0,0,0-1,.26L2.51,10a2,2,0,0,0-1,1.7V28.26a2,2,0,0,0,1,1.7L16.8,38.22a2.06,2.06,0,0,0,1,.26,2,2,0,0,0,1-.26L33.07,30a2,2,0,0,0,1-1.7V11.74A2,2,0,0,0,33.07,10Z"}),l.default.createElement("circle",{fill:"#f1f1f2",cx:"26.56",cy:"12.77",r:"2"}),l.default.createElement("circle",{fill:"#f1f1f2",cx:"17.7",cy:"20.4",r:"7.3"}),l.default.createElement("path",{fill:"#f1f1f2",d:"M28.22,27.5a2.16,2.16,0,0,1-.29-.43,2.2,2.2,0,0,1-.3.43,1.86,1.86,0,0,1-.45.39,2.11,2.11,0,0,1,.45.39,2.2,2.2,0,0,1,.3.43,2.16,2.16,0,0,1,.29-.43,2.74,2.74,0,0,1,.45-.39A2.33,2.33,0,0,1,28.22,27.5Z"}),l.default.createElement("path",{fill:"#f1f1f2",d:"M7.76,12.68a2.49,2.49,0,0,1-.29-.43,2.49,2.49,0,0,1-.29.43,2.27,2.27,0,0,1-.45.38,2,2,0,0,1,.45.39,2.09,2.09,0,0,1,.29.42,2.42,2.42,0,0,1,.29-.42,1.79,1.79,0,0,1,.44-.39A2,2,0,0,1,7.76,12.68Z"}),l.default.createElement("path",{fill:"#047cc0",d:"M7.47,12.25a2.49,2.49,0,0,0,.29.43,2,2,0,0,0,.44.38,1.79,1.79,0,0,0-.44.39,2.42,2.42,0,0,0-.29.42,2.09,2.09,0,0,0-.29-.42,2,2,0,0,0-.45-.39,2.27,2.27,0,0,0,.45-.38,2.49,2.49,0,0,0,.29-.43m0-1.28a2.92,2.92,0,0,1-.65,1.36,2.3,2.3,0,0,1-1.17.73,2.25,2.25,0,0,1,1.17.74,2.84,2.84,0,0,1,.65,1.35,2.74,2.74,0,0,1,.64-1.35,2.24,2.24,0,0,1,1.18-.74h0a2.24,2.24,0,0,1-1.18-.74A2.74,2.74,0,0,1,7.47,11Z"}),l.default.createElement("path",{fill:"#047cc0",d:"M27.93,27.07a2.16,2.16,0,0,0,.29.43,2.33,2.33,0,0,0,.45.39,2.74,2.74,0,0,0-.45.39,2.16,2.16,0,0,0-.29.43,2.2,2.2,0,0,0-.3-.43,2.11,2.11,0,0,0-.45-.39,1.86,1.86,0,0,0,.45-.39,2.2,2.2,0,0,0,.3-.43m0-1.33a3,3,0,0,1-.67,1.39,2.33,2.33,0,0,1-1.21.76,2.29,2.29,0,0,1,1.21.76A3,3,0,0,1,27.93,30a2.85,2.85,0,0,1,.66-1.39,2.33,2.33,0,0,1,1.21-.76h0a2.33,2.33,0,0,1-1.21-.76,2.85,2.85,0,0,1-.66-1.39Z"}),l.default.createElement("path",{fill:"#047cc0",d:"M26.56,10a2.76,2.76,0,0,0-1.43,5.12l0,.07c-.18.29-.38.6-.59.91a8,8,0,0,0-2.65-2.6,6.42,6.42,0,0,0-.68-.37A8.06,8.06,0,0,0,10.43,23.87a1.14,1.14,0,0,0,.1.19c-1.82,2.61-2.61,4.69-1.89,5.41a1.07,1.07,0,0,0,.77.26c1,0,2.67-.79,4.63-2.15l.19.09a8,8,0,0,0,3.47.79,8.07,8.07,0,0,0,8.05-8.06A7.87,7.87,0,0,0,25,16.93l-.09-.18c.32-.47.62-.92.87-1.35A2.76,2.76,0,1,0,26.56,10ZM10.4,20.4a7.31,7.31,0,0,1,7.3-7.3,7.22,7.22,0,0,1,3.14.71c.22.11.42.22.62.34A7.24,7.24,0,0,1,24,16.64a.64.64,0,0,1,.08.14,45.05,45.05,0,0,1-4.61,5.35,45.6,45.6,0,0,1-5.35,4.61l-.14-.08a7.5,7.5,0,0,1-2.49-2.49c-.12-.2-.23-.41-.33-.62A7.26,7.26,0,0,1,10.4,20.4Zm-1,8.66a.5.5,0,0,1-.3-.06c-.14-.14-.22-1.07,1.2-3.39.18-.3.37-.6.58-.91a8.12,8.12,0,0,0,2.51,2.51h0C10.93,28.88,9.78,29.06,9.41,29.06ZM25,20.4a7.31,7.31,0,0,1-10.26,6.68,46.62,46.62,0,0,0,5.15-4.48,45.62,45.62,0,0,0,4.48-5.16A7.35,7.35,0,0,1,25,20.4Zm1.56-5.63a2,2,0,0,1-.43,0,10.73,10.73,0,0,0,.67-1.49.69.69,0,0,0-.63-.2,9.19,9.19,0,0,1-.66,1.43,2,2,0,1,1,1,.3Z"}),l.default.createElement("path",{fill:"#f1f1f2",d:"M17.79,1.52a2,2,0,0,1,1,.26L33.07,10a2,2,0,0,1,1,1.7V28.26a2,2,0,0,1-1,1.7l-14.3,8.26a2,2,0,0,1-1,.26,2.06,2.06,0,0,1-1-.26L2.5,30a2,2,0,0,1-1-1.7V11.74a2,2,0,0,1,1-1.7L16.8,1.78a2.06,2.06,0,0,1,1-.26m0-1.52A3.48,3.48,0,0,0,16,.47L1.74,8.72a3.51,3.51,0,0,0-1.74,3V28.26a3.51,3.51,0,0,0,1.74,3L16,39.53a3.48,3.48,0,0,0,1.75.47,3.44,3.44,0,0,0,1.74-.47l14.3-8.25a3.49,3.49,0,0,0,1.75-3V11.74a3.49,3.49,0,0,0-1.75-3L19.53.47A3.44,3.44,0,0,0,17.79,0Z"})),l.default.createElement("span",{className:o("content-left-text")},"Terra "),l.default.createElement("span",{className:o(["content-left-text","weighted-text"])},"UI")),contentRight:l.default.createElement("svg",{className:o("content-right-graphics"),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 90 40"},l.default.createElement("path",{d:"M10.65,2.84a5,5,0,0,1,1,.1,2.75,2.75,0,0,1,.88.35,1.79,1.79,0,0,1,.6.65,2,2,0,0,1,.23,1,2.06,2.06,0,0,1-.11.65,1.88,1.88,0,0,1-.3.58,2.18,2.18,0,0,1-.47.44,1.74,1.74,0,0,1-.61.25v0A2,2,0,0,1,13.72,9a3.93,3.93,0,0,1,0,.46,2.11,2.11,0,0,1-.15.53,2.14,2.14,0,0,1-.31.54,1.9,1.9,0,0,1-.54.46,3.27,3.27,0,0,1-.84.32,4.69,4.69,0,0,1-1.2.13H7V2.84Zm0,3.76a2.68,2.68,0,0,0,.85-.12,1.7,1.7,0,0,0,.6-.31,1.31,1.31,0,0,0,.36-.46,1.39,1.39,0,0,0,.12-.57c0-1.07-.64-1.6-1.93-1.6H7.84V6.6Zm0,4.11a4.08,4.08,0,0,0,.87-.08,1.9,1.9,0,0,0,.72-.28,1.5,1.5,0,0,0,.49-.54A1.86,1.86,0,0,0,12.91,9a1.43,1.43,0,0,0-.58-1.24,2.85,2.85,0,0,0-1.68-.42H7.84v3.42Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M19.5,11.41V10.29h0a2.14,2.14,0,0,1-.87,1,2.51,2.51,0,0,1-1.27.33,2.68,2.68,0,0,1-1-.17,1.55,1.55,0,0,1-.67-.46,1.76,1.76,0,0,1-.38-.73,3.7,3.7,0,0,1-.12-1v-4h.75v4a2.06,2.06,0,0,0,.39,1.27,1.6,1.6,0,0,0,1.27.43,1.59,1.59,0,0,0,.84-.21,1.82,1.82,0,0,0,.58-.56,2.44,2.44,0,0,0,.33-.79,4.06,4.06,0,0,0,.11-.92V5.22h.76v6.19Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M22.67,2.84V4.05h-.76V2.84Zm0,2.38v6.19h-.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M25.16,2.84v8.57h-.75V2.84Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M29.38,5.22v.63H28.12V10a1.31,1.31,0,0,0,.1.58c.07.14.24.22.51.23s.43,0,.65,0v.63l-.34,0h-.33a1.48,1.48,0,0,1-1.06-.3,1.44,1.44,0,0,1-.29-1.08V5.85H26.28V5.22h1.08V3.36h.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M34.59,5.22l1.58,5.3h0l1.51-5.3h.85l1.51,5.3h0l1.58-5.3h.8l-2,6.19h-.83L38.14,6.2h0L36.6,11.41h-.82l-2-6.19Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M44.37,2.84V4.05h-.76V2.84Zm0,2.38v6.19h-.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M48.59,5.22v.63H47.33V10a1.31,1.31,0,0,0,.1.58c.07.14.24.22.51.23l.65,0v.63l-.34,0h-.34a1.46,1.46,0,0,1-1-.3,1.44,1.44,0,0,1-.29-1.08V5.85H45.49V5.22h1.08V3.36h.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M50.6,2.84V6.28h0a1.81,1.81,0,0,1,.77-.9A2.24,2.24,0,0,1,52.6,5a3.17,3.17,0,0,1,1.09.16,1.78,1.78,0,0,1,.7.48,1.76,1.76,0,0,1,.37.75,4.28,4.28,0,0,1,.11,1v4h-.76V7.54A3.35,3.35,0,0,0,54,6.81a1.62,1.62,0,0,0-.25-.6,1.12,1.12,0,0,0-.49-.39,1.72,1.72,0,0,0-.76-.15,2.09,2.09,0,0,0-.81.16,1.69,1.69,0,0,0-.6.45,2.09,2.09,0,0,0-.38.67,2.34,2.34,0,0,0-.15.85v3.61h-.76V2.84Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M.31,27.35c0,2,2,3.95,5.13,5-.63,3.16-.11,5.7,1.6,6.69s4.4.31,6.9-1.87c2.43,2.1,4.9,2.92,6.61,1.93s2.3-3.74,1.66-7c3.27-1.08,5.1-2.7,5.1-4.77s-2-3.71-5.09-4.78c.69-3.39.1-5.87-1.69-6.9s-4.21-.13-6.68,2c-2.57-2.28-5-3-6.82-1.94s-2.22,3.59-1.59,6.8C2.41,23.61.31,25.37.31,27.35Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M22.19,23.32l-.83-.26c.05-.19.09-.38.13-.57.63-3.07.22-5.54-1.19-6.35s-3.57,0-5.8,2c-.23.19-.44.39-.65.59l-.43-.4c-2.34-2.08-4.69-3-6.1-2.14s-1.75,3.11-1.18,6c.05.28.12.57.19.85-.33.1-.66.2-1,.31-2.75.95-4.5,2.45-4.5,4s1.88,3.22,4.74,4.2l.7.22c-.07.3-.14.61-.2.92-.54,2.86-.12,5.13,1.23,5.91s3.73,0,6-2l.54-.5c.23.22.47.43.71.64,2.2,1.89,4.38,2.66,5.73,1.88s1.84-3.24,1.25-6.21c0-.22-.1-.46-.15-.69l.48-.15c3-1,4.91-2.58,4.91-4.21s-1.81-3.07-4.62-4Z",fill:"#5fc1ed"}),l.default.createElement("path",{d:"M21.55,30.52l-.44.13a24.86,24.86,0,0,0-1.31-3.28,26.19,26.19,0,0,0,1.26-3.24l.77.24c2.4.83,3.87,2.05,3.87,3s-1.58,2.31-4.15,3.16Zm-1.07,2.11a9.41,9.41,0,0,1,.13,3.42,2.33,2.33,0,0,1-.85,1.61c-.82.47-2.57-.14-4.45-1.76-.22-.19-.44-.39-.65-.6a26,26,0,0,0,2.17-2.76A25.37,25.37,0,0,0,20.34,32c.06.21.1.42.14.63ZM9.71,37.58a2.31,2.31,0,0,1-1.82.07c-.82-.47-1.16-2.3-.69-4.74,0-.29.12-.58.19-.86a28.35,28.35,0,0,0,3.49.51,27.73,27.73,0,0,0,2.23,2.75l-.5.45a9.22,9.22,0,0,1-2.9,1.82ZM6,30.51a9.23,9.23,0,0,1-3-1.61,2.29,2.29,0,0,1-1-1.54c0-.94,1.4-2.15,3.75-3l.9-.28a26.42,26.42,0,0,0,1.26,3.28,27.12,27.12,0,0,0-1.28,3.32ZM7.22,22c-.48-2.49-.16-4.37.65-4.84s2.79.21,4.81,2q.2.16.39.36a27.31,27.31,0,0,0-2.21,2.73,29.17,29.17,0,0,0-3.46.54L7.22,22Zm11.19,2.77c-.25-.44-.51-.88-.79-1.3a23.35,23.35,0,0,1,2.37.41,22.18,22.18,0,0,1-.83,2.24q-.36-.69-.75-1.35Zm-4.56-4.45c.51.55,1,1.17,1.53,1.84-1,0-2.05,0-3.07,0,.5-.66,1-1.28,1.54-1.84ZM9.26,24.74c-.26.44-.5.89-.73,1.34a22.83,22.83,0,0,1-.83-2.24,23,23,0,0,1,2.35-.4C9.78,23.87,9.51,24.3,9.26,24.74Zm.82,6.62A22.59,22.59,0,0,1,7.69,31a22.16,22.16,0,0,1,.84-2.29c.23.45.48.9.73,1.34S9.79,30.93,10.08,31.36Zm3.8,3.15a23,23,0,0,1-1.56-1.87c.5,0,1,0,1.52,0s1.05,0,1.56,0A23.2,23.2,0,0,1,13.88,34.51Zm5.29-5.86A22.77,22.77,0,0,1,20,30.93a23,23,0,0,1-2.42.41c.27-.43.54-.87.8-1.32s.51-.91.75-1.37Zm-1.71.82c-.4.68-.81,1.35-1.25,2-.77.05-1.56.08-2.37.08s-1.6,0-2.35-.07c-.45-.66-.87-1.33-1.27-2s-.76-1.38-1.11-2.09c.35-.71.71-1.41,1.11-2.09h0c.39-.69.81-1.35,1.26-2,.77-.05,1.56-.08,2.36-.08s1.59,0,2.36.08c.44.66.86,1.32,1.25,2s.77,1.38,1.12,2.08c-.34.71-.72,1.41-1.11,2.1ZM19.74,17.1c.87.5,1.21,2.52.66,5.17,0,.17-.07.34-.11.51a25.73,25.73,0,0,0-3.47-.54,25.51,25.51,0,0,0-2.19-2.74c.19-.19.39-.37.59-.55,1.92-1.67,3.71-2.32,4.52-1.85Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M13.84,25a2.32,2.32,0,1,1-2.32,2.32A2.31,2.31,0,0,1,13.84,25",fill:"#5fc1ed"}),l.default.createElement("path",{d:"M39.57,35.59,35.35,29H32v6.62H29.93V18.94h6.69c3.05,0,5.24,1.95,5.24,5a4.62,4.62,0,0,1-4.34,4.84L42,35.59ZM39.72,24a3.11,3.11,0,0,0-3.35-3.17H32v6.36h4.36A3.14,3.14,0,0,0,39.72,24Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M43.61,29.55a6,6,0,0,1,5.94-6.32c3.64,0,5.79,2.85,5.79,6.47v.47H45.6a4.23,4.23,0,0,0,4.32,4.17,5.22,5.22,0,0,0,3.74-1.55l.9,1.22a6.63,6.63,0,0,1-4.79,1.88A6,6,0,0,1,43.61,29.55Zm5.91-4.77a4,4,0,0,0-3.94,4h7.91A3.9,3.9,0,0,0,49.52,24.78Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M65.89,35.59V34.21a5.17,5.17,0,0,1-4,1.68,4,4,0,0,1-4.19-4,3.9,3.9,0,0,1,4.19-4,5.08,5.08,0,0,1,4,1.62V27.38c0-1.6-1.3-2.52-3-2.52a4.73,4.73,0,0,0-3.7,1.67l-.87-1.3a6.3,6.3,0,0,1,4.82-2c2.57,0,4.66,1.15,4.66,4.07v8.29Zm0-2.55V30.75a4.06,4.06,0,0,0-3.29-1.48,2.66,2.66,0,1,0,0,5.27A4,4,0,0,0,65.89,33Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M70.83,29.55c0-3.57,2.42-6.32,6-6.32a5.15,5.15,0,0,1,4.42,2.1L80,26.45a3.55,3.55,0,0,0-3.07-1.54c-2.54,0-4.16,2-4.16,4.64s1.62,4.66,4.16,4.66A3.63,3.63,0,0,0,80,32.64l1.25,1.15a5.15,5.15,0,0,1-4.42,2.1C73.25,35.89,70.83,33.12,70.83,29.55Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M84.28,33.07V25.18h-2V23.53h2V20.24h1.9v3.29h2.44v1.65H86.18v7.49c0,.89.4,1.54,1.19,1.54a1.81,1.81,0,0,0,1.28-.52l.55,1.42a3,3,0,0,1-2.22.78C85.18,35.89,84.28,34.86,84.28,33.07Z",fill:"#f1f1f2"})),contentBottom:l.default.createElement("span",null,l.default.createElement("small",null,'Copyright 2018 - 2020 Cerner Innovation, Inc. Licensed under the Apache License, Version 2.0 (the "License").'))})}},80554:function(e,a,t){t.r(a),a.default={"orion-fusion-theme":"BrandFooter-module__orion-fusion-theme___n75bX","clinical-lowlight-theme":"BrandFooter-module__clinical-lowlight-theme___Vf--T","brand-footer":"BrandFooter-module__brand-footer___b9njT",nav:"BrandFooter-module__nav___IBpIz","nav-vertical":"BrandFooter-module__nav-vertical___FjiLZ","navigation-section":"BrandFooter-module__navigation-section___zYTeN",menu:"BrandFooter-module__menu___NZl7w","list-item":"BrandFooter-module__list-item___vONgq","list-header":"BrandFooter-module__list-header___iulz2","nav-horizontal":"BrandFooter-module__nav-horizontal___j+v2A",separator:"BrandFooter-module__separator___K-+a6",link:"BrandFooter-module__link___NjxTD","footer-content":"BrandFooter-module__footer-content___wcx5p","content-top":"BrandFooter-module__content-top___7LO0D","content-bottom":"BrandFooter-module__content-bottom___yHyjc"}},85643:function(e,a,t){t.r(a),a.default={"content-left-anchor":"BrandFooterExampleCommon-module__content-left-anchor___XditL","content-left-graphics":"BrandFooterExampleCommon-module__content-left-graphics___8L-A4","content-left-text":"BrandFooterExampleCommon-module__content-left-text___8qbc1","weighted-text":"BrandFooterExampleCommon-module__weighted-text___QaZgt","content-right-graphics":"BrandFooterExampleCommon-module__content-right-graphics___uBU8X"}}}]); \ No newline at end of file diff --git a/57947-286218485e5858d0212c.css b/57947-286218485e5858d0212c.css new file mode 100644 index 0000000000..3cd8cf6a90 --- /dev/null +++ b/57947-286218485e5858d0212c.css @@ -0,0 +1,2 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/57947-286218485e5858d0212c.js b/57947-286218485e5858d0212c.js new file mode 100644 index 0000000000..197ee95f92 --- /dev/null +++ b/57947-286218485e5858d0212c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[57947],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var o=a(n(96540)),r=a(n(5556)),l=a(n(67967)),i=a(n(25642)),u=l.default.bind(i.default),m={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},c=function(e){var t=e.src,n=e.name,a=e.url,r=e.version,l=o.default.createElement("a",{className:u("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},o.default.createElement("span",{className:u("badge-name")},a?"package":"npm"),o.default.createElement("span",{className:u("badge-version")},"v".concat(r))),i=t?o.default.createElement("a",{className:u("badge"),href:t},o.default.createElement("span",{className:u("badge-name")},"github"),o.default.createElement("span",{className:u("badge-version")},"source")):void 0;return o.default.createElement("div",{className:u("badge-container")},l,i)};c.propTypes=m;t.A=c},201:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var r=a(n(85715)),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=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var i=r?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),i=a(n(5556)),u=a(n(67967)),m=n(92912),c=a(n(49558)),p=a(n(53665)),s=n(25966),d=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var v=u.default.bind(d.default),g={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},b=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,i=e.description,u=e.isExpanded,d=(0,l.useState)(u),f=(0,r.default)(d,2),g=f[0],b=f[1],y=(0,l.useState)(!1),E=(0,r.default)(y,2),w=E[0],x=E[1],P=l.default.useContext(m.ThemeContext),F=void 0!==a,N=function(){x(!w),g&&b(!g)},C=function(){b(!g),w&&x(!w)},S=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return l.default.createElement("div",{className:v("template",P.className)},l.default.createElement("div",{className:v("header")},o&&l.default.createElement("h2",{className:v("title")},o)),l.default.createElement("div",{className:v("content")},i&&l.default.createElement("div",{className:v("description")},i),t),l.default.createElement("div",{className:v("footer")},n?l.default.createElement("div",{className:v("button-container")},F&&l.default.createElement("button",{type:"button",className:v("css-toggle","item",{"is-selected":w}),onClick:N,onKeyDown:function(e){return S(e,N)},onBlur:h,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(c.default,{className:v("chevron")}),l.default.createElement("span",null,"CSS"),l.default.createElement(p.default,{className:v("chevron")})),l.default.createElement("button",{type:"button",className:v("code-toggle","item",{"is-selected":g}),onClick:C,onKeyDown:function(e){return S(e,C)},onBlur:h,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(c.default,{className:v("chevron")}),l.default.createElement("span",null,"Code"),l.default.createElement(p.default,{className:v("chevron")}))):null,l.default.createElement("div",null,w&&l.default.createElement("div",{className:v("css")},a),g&&l.default.createElement("div",{className:v("code")},n))))};b.propTypes=g,b.defaultProps={isExpanded:!1};t.A=b},57947:function(e,t,n){n.r(t),n.d(t,{default:function(){return h}});var a=n(58168),o=n(53986),r=n(96540),l=n(36665),i=n(5147),u=n(57531),m=["components"],c={};function p(e){var t=e.components,n=(0,o.A)(e,m);return(0,l.mdx)("wrapper",(0,a.A)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport NavigationPrompt, { NavigationPromptCheckpoint } from 'terra-navigation-prompt';\n\nconst Form = ({ title, ariaLabel }) => {\n const [inputValue, setInputValue] = useState('');\n\n return (\n
\n

{title}

\n {inputValue.length ? : undefined}\n {\n setInputValue(event.target.value);\n }}\n value={inputValue}\n />\n {\n setInputValue('');\n }}\n >\n Submit\n \n
\n );\n};\n\nForm.propTypes = {\n title: PropTypes.string,\n ariaLabel: PropTypes.string,\n};\n\nconst FormSwitcher = () => {\n const [activeForm, setActiveForm] = useState('Form 1');\n const [activePrompts, setActivePrompts] = useState([]);\n\n function onSwitchForm(formKey) {\n setActiveForm(formKey);\n }\n\n return (\n
\n

Form Switcher

\n

Custom logic has been implemented to prevent navigation altogether when NavigationPrompts are present.

\n \n Switch to Form 1\n \n \n Switch to Form 2\n \n {\n setActivePrompts(prompts);\n }}\n >\n \n \n
\n );\n};\n\nexport default FormSwitcher;\n\n")))}p.isMDXComponent=!0;var s=n(201),d=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Implementation Guide Part 2",description:n,example:r.createElement(u.A,null),exampleSrc:r.createElement(p,null),isExpanded:a})},f=["components"],v={},g="wrapper";function h(e){var t=e.components,n=(0,o.A)(e,f);return(0,l.mdx)(g,(0,a.A)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(i.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-navigation-prompt---implementation-guide"},"Terra Navigation Prompt - Implementation Guide"),(0,l.mdx)("h2",{id:"part-3---implementing-a-custom-prompt-solution"},"Part 3 - Implementing a Custom Prompt Solution"),(0,l.mdx)("p",null,"At this point, we realize that we do not want to ",(0,l.mdx)("strong",{parentName:"p"},"ever")," allow users to navigate away from a Form with unsaved state. We can do that by using the NavigationPromptCheckpoint's ",(0,l.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," prop."),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-diff"},"- import React, { useState, useRef } from 'react';\n+ import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport NavigationPrompt, { NavigationPromptCheckpoint } from 'terra-navigation-prompt';\n\nconst Form = ({ title }) => {\n const [inputValue, setInputValue] = useState('');\n\n return (\n
\n

{title}

\n {inputValue.length ? : undefined}\n {\n setInputValue(event.target.value);\n }}\n value={inputValue}\n />\n {\n setInputValue('');\n }}\n >\n Submit\n \n
\n );\n};\n\nconst FormSwitcher = () => {\n const [activeForm, setActiveForm] = useState('Form 1');\n+ const [activePrompts, setActivePrompts] = useState([]);\n\n function onSwitchForm(formKey) {\n- formCheckpointRef.current.resolvePrompts({\n- title: 'Descriptive Notification Prompt Title',\n- startMessage: 'Descriptive Notification Prompt Message',\n- rejectButtonText: `Descriptive Reject Button Action`,\n- acceptButtonText: 'Descriptive Accept Button Action',\n- buttonOrder: 'acceptFirst',\n- }).then(() => {\n setActiveForm(formKey);\n- });\n }\n\n return (\n
\n

Form Switcher

\n-

The user will be prompted with the provided messaging when Forms are switched with unsaved changes present.

\n+

Custom logic has been implemented to prevent navigation altogether when NavigationPrompts are present.

\n \n Switch to Form 1\n \n \n Switch to Form 2\n \n {\n+ setActivePrompts(prompts);\n+ }}\n >\n \n \n
\n );\n};\n")),(0,l.mdx)("p",null,"We remove the ",(0,l.mdx)("inlineCode",{parentName:"p"},"ref")," from the NavigationPromptCheckpoint and instead implement ",(0,l.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," to store the currently rendered NavigationPrompt's in the FormSwitcher's state. We disable the 'Switch to' buttons altogether if a NavigationPrompt is detected. We could also use this state to control other navigation-capable components, like client-side routers."),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(d,{title:"Part 2 - Implementing a Custom Prompt Handler",mdxType:"ImplementationGuidePart2"}))}h.isMDXComponent=!0},5147:function(e,t,n){n.d(t,{E:function(){return r}});var a=n(96540),o=n(55713),r=function(e){var t=e.url;return a.createElement(o.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-prompt",name:"terra-navigation-prompt",version:"1.94.0",url:t})}},57531:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var r=a(n(85715)),l=c(n(96540)),i=a(n(5556)),u=c(n(95447));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}function c(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var i=r?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}var p=function(e){var t=e.title,n=e.ariaLabel,a=(0,l.useState)(""),o=(0,r.default)(a,2),i=o[0],m=o[1];return l.default.createElement("div",null,l.default.createElement("p",null,t),i.length?l.default.createElement(u.default,{description:t}):void 0,l.default.createElement("input",{type:"text","aria-label":n,onChange:function(e){m(e.target.value)},value:i}),l.default.createElement("button",{type:"button",onClick:function(){m("")}},"Submit"))};p.propTypes={title:i.default.string,ariaLabel:i.default.string};t.A=function(){var e=(0,l.useState)("Form 1"),t=(0,r.default)(e,2),n=t[0],a=t[1],o=(0,l.useState)([]),i=(0,r.default)(o,2),m=i[0],c=i[1];function s(e){a(e)}return l.default.createElement("div",null,l.default.createElement("h2",null,"Form Switcher"),l.default.createElement("p",null,"Custom logic has been implemented to prevent navigation altogether when NavigationPrompts are present."),l.default.createElement("button",{type:"button",disabled:"Form 1"===n||m.length,onClick:s.bind(null,"Form 1")},"Switch to Form 1"),l.default.createElement("button",{type:"button",disabled:"Form 2"===n||m.length,onClick:s.bind(null,"Form 2")},"Switch to Form 2"),l.default.createElement(u.NavigationPromptCheckpoint,{onPromptChange:function(e){c(e)}},l.default.createElement(p,{title:n,key:n,ariaLabel:n})))}},25642: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"}},89986: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"}},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(96540)),o=r(n(25365));function r(e){return e&&e.__esModule?e:{default:e}}var l=function(e){var t=Object.assign({},e);return a.default.createElement(o.default,t,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};l.displayName="IconChevronLeft",l.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=l},58168:function(e,t,n){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}n.d(t,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/58753-1ca712593b6461a62b69.css b/58753-1ca712593b6461a62b69.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/58753-1ca712593b6461a62b69.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/58753-1ca712593b6461a62b69.js b/58753-1ca712593b6461a62b69.js new file mode 100644 index 0000000000..e8dfb31e90 --- /dev/null +++ b/58753-1ca712593b6461a62b69.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[58753],{55713:function(e,n,t){var a=t(24994);n.A=void 0;var r=a(t(96540)),o=a(t(5556)),i=a(t(67967)),l=a(t(25642)),d=i.default.bind(l.default),s={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},c=function(e){var n=e.src,t=e.name,a=e.url,o=e.version,i=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(t,"/v/").concat(o)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(o))),l=n?r.default.createElement("a",{className:d("badge"),href:n},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},i,l)};c.propTypes=s;n.A=c},58753:function(e,n,t){t.r(n),t.d(n,{default:function(){return c}});var a=t(58168),r=t(53986),o=(t(96540),t(36665)),i=t(21547),l=["components"],d={},s="wrapper";function c(e){var n=e.components,t=(0,r.A)(e,l);return(0,o.mdx)(s,(0,a.A)({},d,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)(i.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"disclosing-content-with-a-header"},"Disclosing Content With a Header"),(0,o.mdx)("p",null,"Implementations of the DisclosureManager must render a header containing controls for the various disclosure management actions (close, back, maximize/minimize, etc.). "),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter")," can be used to register header information to the disclosing manager. This can be usd to register a title and a collapsibleMenuView."),(0,o.mdx)("h2",{id:"disclosuremanagerheaderadapter"},"DisclosureManagerHeaderAdapter"),(0,o.mdx)("p",null,"The DisclosureManagerHeaderAdapter can be rendered by the disclosed content to inject their own component-specific contents into that header."),(0,o.mdx)("p",null,(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter")," Props:"),(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},"Prop"),(0,o.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,o.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"title")),(0,o.mdx)("td",{parentName:"tr",align:null},"optional"),(0,o.mdx)("td",{parentName:"tr",align:null},"A string to render as the header's title. Used if the title was not provided as a parameter in the disclosure.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"collapsibleMenuView")),(0,o.mdx)("td",{parentName:"tr",align:null},"optional"),(0,o.mdx)("td",{parentName:"tr",align:null},"A CollapsibleMenuView component to render within the header.")))),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { DisclosureManagerContext, DisclosureManagerHeaderAdapter } from 'terra-disclosure-manager';\nimport Button from 'terra-button';\nimport CollapsibleMenuView from 'terra-collapsible-menu-view';\n\nconst DisclosedComponent = () => {\n const disclosureManager = React.useContext(DisclosureManagerContext);\n\n return (\n \n }\n />\n {\n disclosureManager.closeDisclosure();\n }}\n />\n \n );\n};\n")),(0,o.mdx)("p",null,"This will register the header information on mount."),(0,o.mdx)("h2",{id:"providing-a-title-on-disclose"},"Providing a Title on Disclose"),(0,o.mdx)("p",null,"It has been observed that there can be a 'pop-in' affect with the header render in slow domains and using the ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),". It is recommended to provide a ",(0,o.mdx)("inlineCode",{parentName:"p"},"title")," parameter to the disclose function that will render the disclosed content to ensure the header is rendered immediately. This will render the header with the title, and then the ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter")," can be used to add additional button content into the header. While disclosing with a title parameter, the disclose title will have priority, even if a title value is provided through the ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),"."),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { DisclosureManagerContext } from 'terra-disclosure-manager';\nimport Button from 'terra-button';\nconst DisclosingComponent = () => {\n const disclosureManager = React.useContext(DisclosureManagerContext);\n return (\n {\n disclosureManager.disclose({\n preferredType: 'modal',\n content: {\n key: 'MY-MODAL-DISCLOSURE',\n title: 'MY-MODAL-DISCLOSURE',\n component: ,\n }\n });\n }}\n />\n );\n};\n")))}c.isMDXComponent=!0},21547:function(e,n,t){t.d(n,{E:function(){return o}});var a=t(96540),r=t(55713),o=function(e){var n=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-disclosure-manager",name:"terra-disclosure-manager",version:"4.44.0",url:n})}},25642:function(e,n,t){t.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"}},58168:function(e,n,t){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;t[a]=e[a]}return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}t.d(n,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/58822-98701285bcb1651d2610.css b/58822-98701285bcb1651d2610.css new file mode 100644 index 0000000000..05c6233bff --- /dev/null +++ b/58822-98701285bcb1651d2610.css @@ -0,0 +1 @@ +.DateInputField-module__orion-fusion-theme___6WeUI{--terra-date-input-field-margin-bottom: 0.5rem;--terra-date-input-field-inline-margin-right: 0.5rem;--terra-date-input-field-legend-font-size: 1rem;--terra-date-input-field-legend-margin-bottom: 0.5em;--terra-date-input-field-legend-color: #1c1f21;--terra-date-input-field-legend-font-weight: bold;--terra-date-input-field-legend-error-icon-display: none;--terra-date-input-field-legend-error-icon-padding-right: 0.25em;--terra-date-input-field-legend-required-color: #e50000;--terra-date-input-field-legend-required-padding-right: 0.25em;--terra-date-input-field-legend-optional-font-style: italic;--terra-date-input-field-legend-optional-padding-left: 0.25em;--terra-date-input-field-help-text-color: rgba(28, 31, 33, 0.65);--terra-date-input-field-help-text-font-size: 0.85rem;--terra-date-input-field-help-text-font-weight: normal;--terra-date-input-field-help-text-margin-top: 0.25em;--terra-date-input-field-error-text-color: #e50000;--terra-date-input-field-error-text-font-size: 0.85rem;--terra-date-input-field-error-text-font-weight: normal;--terra-date-input-field-error-text-margin-top: 0.25em}.DateInputField-module__clinical-lowlight-theme___ZPdZB{--terra-date-input-field-error-text-color: #fb4c4c;--terra-date-input-field-help-text-color: #6f7477;--terra-date-input-field-legend-color: #b2b5b6;--terra-date-input-field-legend-required-color: #fb4c4c;--terra-date-input-field-margin-bottom: 1.428em;--terra-date-input-field-inline-margin-right: 0.7143em;--terra-date-input-field-legend-font-size: 1rem;--terra-date-input-field-legend-margin-bottom: 0.357em;--terra-date-input-field-legend-font-weight: bold;--terra-date-input-field-legend-error-icon-display: none;--terra-date-input-field-legend-error-icon-padding-right: 0;--terra-date-input-field-legend-required-padding-right: 0.357em;--terra-date-input-field-legend-optional-font-style: italic;--terra-date-input-field-legend-optional-padding-left: 0.357em;--terra-date-input-field-help-text-font-size: 0.857rem;--terra-date-input-field-help-text-font-weight: normal;--terra-date-input-field-help-text-margin-top: 0.357em;--terra-date-input-field-error-text-font-size: 0.857rem;--terra-date-input-field-error-text-font-weight: normal;--terra-date-input-field-error-text-margin-top: 0.357em}.DateInputField-module__date-input-field___y3E0d{max-width:72.857rem}[dir] .DateInputField-module__date-input-field___y3E0d{border:0;margin-bottom:1.428em;margin-bottom:var(--terra-date-input-field-margin-bottom, 1.428em);padding:0}.DateInputField-module__date-input-field___y3E0d>div{flex-wrap:nowrap}.DateInputField-module__is-inline___Y5zYN{display:inline-block;vertical-align:top}[dir=ltr] .DateInputField-module__is-inline___Y5zYN{margin-right:0.7143em;margin-right:var(--terra-date-input-field-inline-margin-right, 0.7143em)}[dir=rtl] .DateInputField-module__is-inline___Y5zYN{margin-left:0.7143em;margin-left:var(--terra-date-input-field-inline-margin-right, 0.7143em)}.DateInputField-module__legend-group___Y8qQh{font-size:1rem;font-size:var(--terra-date-input-field-legend-font-size, 1rem);line-height:1.29}[dir] .DateInputField-module__legend-group___Y8qQh{margin-bottom:0.357em;margin-bottom:var(--terra-date-input-field-legend-margin-bottom, 0.357em)}[dir=ltr] .DateInputField-module__legend-group___Y8qQh{text-align:left}[dir=rtl] .DateInputField-module__legend-group___Y8qQh{text-align:right}.DateInputField-module__legend-group-hidden___NubE\+{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}[dir=ltr] .DateInputField-module__legend-group-hidden___NubE\+{left:-10000px}[dir=rtl] .DateInputField-module__legend-group-hidden___NubE\+{right:-10000px}.DateInputField-module__legend___8v6Uw{color:rgba(0, 0, 0, 0.8);color:var(--terra-date-input-field-legend-color, rgba(0, 0, 0, 0.8));font-weight:bold;font-weight:var(--terra-date-input-field-legend-font-weight, bold)}.DateInputField-module__error-icon___9jalk,.DateInputField-module__error-icon-hidden___7yXqb{display:none;display:var(--terra-date-input-field-legend-error-icon-display, none)}[dir=ltr] .DateInputField-module__error-icon___9jalk, [dir=ltr] .DateInputField-module__error-icon-hidden___7yXqb{padding-right:var(--terra-date-input-field-legend-error-icon-padding-right)}[dir=rtl] .DateInputField-module__error-icon___9jalk, [dir=rtl] .DateInputField-module__error-icon-hidden___7yXqb{padding-left:var(--terra-date-input-field-legend-error-icon-padding-right)}.DateInputField-module__required___c\+zgG,.DateInputField-module__required-hidden___udcsO{color:#e50000;color:var(--terra-date-input-field-legend-required-color, #e50000);display:inline-block}[dir=ltr] .DateInputField-module__required___c\+zgG, [dir=ltr] .DateInputField-module__required-hidden___udcsO{padding-right:0.357em;padding-right:var(--terra-date-input-field-legend-required-padding-right, 0.357em)}[dir=rtl] .DateInputField-module__required___c\+zgG, [dir=rtl] .DateInputField-module__required-hidden___udcsO{padding-left:0.357em;padding-left:var(--terra-date-input-field-legend-required-padding-right, 0.357em)}.DateInputField-module__error-icon-hidden___7yXqb,.DateInputField-module__required-hidden___udcsO{visibility:hidden}.DateInputField-module__optional___Jtg7S{display:inline-block;font-style:italic;font-style:var(--terra-date-input-field-legend-optional-font-style, italic)}[dir=ltr] .DateInputField-module__optional___Jtg7S{padding-left:0.357em;padding-left:var(--terra-date-input-field-legend-optional-padding-left, 0.357em)}[dir=rtl] .DateInputField-module__optional___Jtg7S{padding-right:0.357em;padding-right:var(--terra-date-input-field-legend-optional-padding-left, 0.357em)}.DateInputField-module__help-text___zQnVy{color:rgba(0, 0, 0, 0.55);color:var(--terra-date-input-field-help-text-color, rgba(0, 0, 0, 0.55));font-size:0.857rem;font-size:var(--terra-date-input-field-help-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-date-input-field-help-text-font-weight, normal);line-height:1.25}[dir] .DateInputField-module__help-text___zQnVy{margin-top:0.357em;margin-top:var(--terra-date-input-field-help-text-margin-top, 0.357em)}[dir=ltr] .DateInputField-module__help-text___zQnVy{text-align:left}[dir=rtl] .DateInputField-module__help-text___zQnVy{text-align:right}.DateInputField-module__error-text___D5gK6{color:#e50000;color:var(--terra-date-input-field-error-text-color, #e50000);font-size:0.857rem;font-size:var(--terra-date-input-field-error-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-date-input-field-error-text-font-weight, normal);line-height:1.25}[dir] .DateInputField-module__error-text___D5gK6{margin-top:0.357em;margin-top:var(--terra-date-input-field-error-text-margin-top, 0.357em)}[dir=ltr] .DateInputField-module__error-text___D5gK6{text-align:left}[dir=rtl] .DateInputField-module__error-text___D5gK6{text-align:right} diff --git a/58822-98701285bcb1651d2610.js b/58822-98701285bcb1651d2610.js new file mode 100644 index 0000000000..db6da79ed4 --- /dev/null +++ b/58822-98701285bcb1651d2610.js @@ -0,0 +1 @@ +(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[58822],{201:function(e,t,n){"use strict";var a=n(24994),l=n(73738);t.A=void 0;var r=a(n(85715)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&{}.hasOwnProperty.call(e,d)){var u=r?Object.getOwnPropertyDescriptor(e,d):null;u&&(u.get||u.set)?Object.defineProperty(a,d,u):a[d]=e[d]}return a.default=e,n&&n.set(e,a),a}(n(96540)),u=a(n(5556)),i=a(n(67967)),o=n(92912),s=a(n(49558)),p=a(n(53665)),m=n(25966),c=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=i.default.bind(c.default),v={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,u=e.description,i=e.isExpanded,c=(0,d.useState)(i),f=(0,r.default)(c,2),v=f[0],h=f[1],b=(0,d.useState)(!1),j=(0,r.default)(b,2),I=j[0],T=j[1],C=d.default.useContext(o.ThemeContext),D=void 0!==a,_=function(){T(!I),v&&h(!v)},N=function(){h(!v),I&&T(!I)},E=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return d.default.createElement("div",{className:x("template",C.className)},d.default.createElement("div",{className:x("header")},l&&d.default.createElement("h2",{className:x("title")},l)),d.default.createElement("div",{className:x("content")},u&&d.default.createElement("div",{className:x("description")},u),t),d.default.createElement("div",{className:x("footer")},n?d.default.createElement("div",{className:x("button-container")},D&&d.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":I}),onClick:_,onKeyDown:function(e){return E(e,_)},onBlur:g,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(s.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:N,onKeyDown:function(e){return E(e,N)},onBlur:g,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(s.default,{className:x("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(p.default,{className:x("chevron")}))):null,d.default.createElement("div",null,I&&d.default.createElement("div",{className:x("css")},a),v&&d.default.createElement("div",{className:x("code")},n))))};h.propTypes=v,h.defaultProps={isExpanded:!1};t.A=h},18281:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return ae}});var a=n(58168),l=n(53986),r=n(96540),d=n(36665),u=n(74481),i=n(12883),o=["components"],s={},p="wrapper";function m(e){var t=e.components,n=(0,l.A)(e,o);return(0,d.mdx)(p,(0,a.A)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(i.Ay,{mdxType:"PropsTable"},(0,d.mdx)(i.fI,{key:"ROW1",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"legend"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(i.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The legend of the Date Input fieldset. Also used by assistive technologies like screen readers even if isLegendHidden is true."))),(0,d.mdx)(i.fI,{key:"ROW2",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"name"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(i.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Name of the date input. The name should be unique."))),(0,d.mdx)(i.fI,{key:"ROW3",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"dayAttributes"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Custom input attributes to apply to the day input"))),(0,d.mdx)(i.fI,{key:"ROW4",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"disabled"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the date input should be disabled."))),(0,d.mdx)(i.fI,{key:"ROW5",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"displayFormat"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Can be used to set the display format. One of ",(0,d.mdx)("inlineCode",{parentName:"p"},"month-day-year")," or ",(0,d.mdx)("inlineCode",{parentName:"p"},"day-month-year"),".\nOverrides default locale display format."))),(0,d.mdx)(i.fI,{key:"ROW6",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"error"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Error message for when the field is invalid. This will only be displayed if isInvalid is true."))),(0,d.mdx)(i.fI,{key:"ROW7",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"help"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Help element to display with the field."))),(0,d.mdx)(i.fI,{key:"ROW8",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"hideRequired"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether or not to hide the required indicator on the label."))),(0,d.mdx)(i.fI,{key:"ROW9",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the field 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.fI,{key:"ROW10",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"isInline"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether or not the field is an inline field."))),(0,d.mdx)(i.fI,{key:"ROW11",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,d.mdx)(i.fI,{key:"ROW12",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"isLegendHidden"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether or not the legend is visible. Use this props to hide a legend while still creating it on the DOM for accessibility."))),(0,d.mdx)(i.fI,{key:"ROW13",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"legendAttributes"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Attributes to attach to the legend."))),(0,d.mdx)(i.fI,{key:"ROW14",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"monthAttributes"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Custom select attributes to apply to the month select"))),(0,d.mdx)(i.fI,{key:"ROW15",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Set the max-width of a field using ",(0,d.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,d.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,d.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,d.mdx)(i.fI,{key:"ROW16",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"onBlur"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function triggered when the date input 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 input component."))),(0,d.mdx)(i.fI,{key:"ROW17",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"onChange"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function to execute when a date is entered.\nThe first parameter is the event. The second parameter is the changed date value."))),(0,d.mdx)(i.fI,{key:"ROW18",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"onFocus"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function triggered when the date input 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 input component."))),(0,d.mdx)(i.fI,{key:"ROW19",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"required"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether or not the date input field is required."))),(0,d.mdx)(i.fI,{key:"ROW20",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"showOptional"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether or not to append the 'optional' label to a non-required field label."))),(0,d.mdx)(i.fI,{key:"ROW21",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"value"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An date string representation of the date value used for the component. This should be in ISO 8601 format: YYYY-MM-DD."))),(0,d.mdx)(i.fI,{key:"ROW22",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"yearAttributes"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Custom input attributes to apply to the year input"))),(0,d.mdx)(i.fI,{key:"ROW23",mdxType:"Row"},(0,d.mdx)(i.dt,{mdxType:"PropNameCell"},"refCallback"),(0,d.mdx)(i.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback ref to access date input containing DOM element.")))))}m.isMDXComponent=!0;var c=n(43644),f=["components"],x={};function v(e){var t=e.components,n=(0,l.A)(e,f);return(0,d.mdx)("wrapper",(0,a.A)({},x,n,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\n\nimport DateInputField from 'terra-date-input/lib/DateInputField';\n\nconst Example = () => {\n const ref = useRef();\n const [value, setValue] = useState('');\n const [isInvalid, setIsInvalid] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n\n const handleClick = () => {\n setIsInvalid(invalid => !invalid);\n if (!isInvalid) {\n if (ref) {\n const monthInput = ref.current.querySelector('[name=\"terra-date-month-date-input-value\"]');\n if (monthInput) {\n monthInput.focus();\n }\n }\n setErrorMessage('Invalid Departure Date.');\n } else {\n setErrorMessage('');\n }\n };\n\n const handleRef = (node) => {\n ref.current = node;\n };\n\n return (\n \n setValue(dateString)}\n error={errorMessage}\n help=\"Note: Departure date should be greater than arrival date\"\n isInvalid={isInvalid}\n refCallback={(node) => handleRef(node)}\n />\n

{`DateInputField Value: ${value}`}

\n \n \n );\n};\n\nexport default Example;\n\n")))}v.isMDXComponent=!0;var g=n(201),y=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(g.A,{title:t||"Default Date Input Field",description:n,example:r.createElement(c.A,null),exampleSrc:r.createElement(v,null),isExpanded:a})},h=n(78396),b=["components"],j={};function I(e){var t=e.components,n=(0,l.A)(e,b);return(0,d.mdx)("wrapper",(0,a.A)({},j,n,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState, useRef } from \'react\';\n\nimport DateInputField from \'terra-date-input/lib/DateInputField\';\n\nconst Example = () => {\n const ref = useRef();\n const [dateFieldValue1, setDateFieldValue1] = useState(\'\');\n const [dateFieldValue2, setDateFieldValue2] = useState(\'\');\n const [isInline, setIsInline] = useState(true);\n const [isInvalid, setIsInvalid] = useState(false);\n const [errorMessage, setErrorMessage] = useState(\'\');\n\n const handleClick = () => {\n setIsInvalid(invalid => !invalid);\n if (!isInvalid) {\n if (ref) {\n const monthInput = ref.current.querySelector(\'[name="terra-date-month-date-input-value"]\');\n if (monthInput) {\n monthInput.focus();\n }\n }\n setErrorMessage(\'Please select a valid appointment date.\');\n } else {\n setErrorMessage(\'\');\n }\n };\n\n const handleRef = (node) => {\n ref.current = node;\n };\n\n return (\n \n setDateFieldValue1(dateString)}\n isInline={isInline}\n isInvalid={isInvalid}\n error={errorMessage}\n help="Help message"\n refCallback={(node) => handleRef(node)}\n />\n setDateFieldValue2(dateString)}\n isInline={isInline}\n isInvalid={isInvalid}\n error={errorMessage}\n help="Help message"\n />\n

{`First DateInputField Value: ${dateFieldValue1}`}

\n

{`Second DateInputField Value: ${dateFieldValue2}`}

\n \n \n \n );\n};\n\nexport default Example;\n\n')))}I.isMDXComponent=!0;var T=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(g.A,{title:t||"Inline Date Input Field",description:n,example:r.createElement(h.A,null),exampleSrc:r.createElement(I,null),isExpanded:a})},C=n(91813),D=["components"],_={};function N(e){var t=e.components,n=(0,l.A)(e,D);return(0,d.mdx)("wrapper",(0,a.A)({},_,n,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\n\nimport DateInputField from 'terra-date-input/lib/DateInputField';\n\nconst Example = () => {\n const ref = useRef();\n const [value, setValue] = useState('');\n const [isInvalid, setIsInvalid] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n\n const handleClick = () => {\n setIsInvalid(invalid => !invalid);\n if (!isInvalid) {\n if (ref) {\n const monthInput = ref.current.querySelector('[name=\"terra-date-month-date-input-value\"]');\n if (monthInput) {\n monthInput.focus();\n }\n }\n setErrorMessage(\"Please enter a valid patient's admission date\");\n } else {\n setErrorMessage('');\n }\n };\n\n const handleRef = (node) => {\n ref.current = node;\n };\n\n return (\n \n setValue(dateString)}\n showOptional\n error={errorMessage}\n help=\"Help message\"\n isInvalid={isInvalid}\n refCallback={(node) => handleRef(node)}\n />\n

{`Admission Date: ${value}`}

\n \n \n );\n};\n\nexport default Example;\n\n")))}N.isMDXComponent=!0;var E=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(g.A,{title:t||"Optional Date Input Field",description:n,example:r.createElement(C.A,null),exampleSrc:r.createElement(N,null),isExpanded:a})},k=n(45616),R=["components"],w={};function F(e){var t=e.components,n=(0,l.A)(e,R);return(0,d.mdx)("wrapper",(0,a.A)({},w,n,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\n\nimport DateInputField from 'terra-date-input/lib/DateInputField';\n\nconst Example = () => {\n const ref = useRef();\n const [value, setValue] = useState('');\n const [isInvalid, setIsInvalid] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n\n const handleClick = () => {\n setIsInvalid(invalid => !invalid);\n if (!isInvalid) {\n if (ref) {\n const monthInput = ref.current.querySelector('[name=\"terra-date-month-date-input-value\"]');\n if (monthInput) {\n monthInput.focus();\n }\n }\n setErrorMessage('Please enter a valid due date.');\n } else {\n setErrorMessage('');\n }\n };\n\n const handleRef = (node) => {\n ref.current = node;\n };\n\n return (\n \n setValue(dateString)}\n required\n error={errorMessage}\n help=\"Help message\"\n isInvalid={isInvalid}\n refCallback={(node) => handleRef(node)}\n />\n

{`DateInputField Value: ${value}`}

\n \n \n );\n};\n\nexport default Example;\n\n")))}F.isMDXComponent=!0;var O=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(g.A,{title:t||"Required Date Input Field",description:n,example:r.createElement(k.A,null),exampleSrc:r.createElement(F,null),isExpanded:a})},S=n(61312),M=["components"],P={};function q(e){var t=e.components,n=(0,l.A)(e,M);return(0,d.mdx)("wrapper",(0,a.A)({},P,n,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\n\nimport DateInputField from 'terra-date-input/lib/DateInputField';\n\nconst Example = () => {\n const ref = useRef();\n const [value, setValue] = useState('');\n const [isInvalid, setIsInvalid] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n\n const handleClick = () => {\n setIsInvalid(invalid => !invalid);\n if (!isInvalid) {\n if (ref) {\n const monthInput = ref.current.querySelector('[name=\"terra-date-month-date-input-value\"]');\n if (monthInput) {\n monthInput.focus();\n }\n }\n setErrorMessage('Please enter a valid event date.');\n } else {\n setErrorMessage('');\n }\n };\n\n const handleRef = (node) => {\n ref.current = node;\n };\n\n return (\n \n setValue(dateString)}\n required\n hideRequired\n error={errorMessage}\n help=\"Help message\"\n isInvalid={isInvalid}\n refCallback={(node) => handleRef(node)}\n />\n

{`DateInputField Value: ${value}`}

\n \n \n );\n};\n\nexport default Example;\n\n")))}q.isMDXComponent=!0;var A=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(g.A,{title:t||"Hide Required Date Input Field",description:n,example:r.createElement(S.A,null),exampleSrc:r.createElement(q,null),isExpanded:a})},W=n(696),V=["components"],H={};function Z(e){var t=e.components,n=(0,l.A)(e,V);return(0,d.mdx)("wrapper",(0,a.A)({},H,n,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\n\nimport DateInputField from 'terra-date-input/lib/DateInputField';\n\nconst Example = () => {\n const ref = useRef();\n const [value, setValue] = useState('');\n const [isInvalid, setIsInvalid] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n\n const handleClick = () => {\n setIsInvalid(invalid => !invalid);\n if (!isInvalid) {\n if (ref) {\n const monthInput = ref.current.querySelector('[name=\"terra-date-day-date-input-value\"]');\n if (monthInput) {\n monthInput.focus();\n }\n }\n setErrorMessage('Please select a valid event date.');\n } else {\n setErrorMessage('');\n }\n };\n\n const handleRef = (node) => {\n ref.current = node;\n };\n\n return (\n \n setValue(dateString)}\n displayFormat=\"day-month-year\"\n error={errorMessage}\n help=\"Help message\"\n isInvalid={isInvalid}\n refCallback={(node) => handleRef(node)}\n />\n

{`Event Date: ${value}`}

\n \n \n );\n};\n\nexport default Example;\n\n")))}Z.isMDXComponent=!0;var Y=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(g.A,{title:t||"Day Month Year Date Input Field",description:n,example:r.createElement(W.A,null),exampleSrc:r.createElement(Z,null),isExpanded:a})},z=n(93608),$=["components"],L={};function X(e){var t=e.components,n=(0,l.A)(e,$);return(0,d.mdx)("wrapper",(0,a.A)({},L,n,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\n\nimport DateInputField from 'terra-date-input/lib/DateInputField';\n\nconst Example = () => {\n const ref = useRef();\n const [value, setValue] = useState('');\n const [isInvalid, setIsInvalid] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n\n const handleClick = () => {\n setIsInvalid(invalid => !invalid);\n if (!isInvalid) {\n if (ref) {\n const monthInput = ref.current.querySelector('[name=\"terra-date-month-date-input-value\"]');\n if (monthInput) {\n monthInput.focus();\n }\n }\n setErrorMessage('Please enter a valid event date.');\n } else {\n setErrorMessage('');\n }\n };\n\n const handleRef = (node) => {\n ref.current = node;\n };\n\n return (\n \n setValue(dateString)}\n displayFormat=\"month-day-year\"\n error={errorMessage}\n help=\"Help message\"\n isInvalid={isInvalid}\n refCallback={(node) => handleRef(node)}\n />\n

{`Patient's Birthdate: ${value}`}

\n \n \n );\n};\n\nexport default Example;\n\n")))}X.isMDXComponent=!0;var B=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(g.A,{title:t||"Month Day Year Date Input Field",description:n,example:r.createElement(z.A,null),exampleSrc:r.createElement(X,null),isExpanded:a})},U=n(61045),K=["components"],G={};function J(e){var t=e.components,n=(0,l.A)(e,K);return(0,d.mdx)("wrapper",(0,a.A)({},G,n,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\n\nimport DateInputField from \'terra-date-input/lib/DateInputField\';\n\nconst Example = () => {\n const [value, setValue] = useState(\'\');\n const [isIncomplete, setIsIncomplete] = useState(false);\n\n return (\n \n setValue(dateString)}\n required\n error="Please enter a valid event date."\n help="Help message"\n isIncomplete={isIncomplete}\n />\n

{`Appointment Date: ${value}`}

\n \n \n );\n};\n\nexport default Example;\n\n')))}J.isMDXComponent=!0;var Q=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(g.A,{title:t||"Incomplete Date Input Field",description:n,example:r.createElement(U.A,null),exampleSrc:r.createElement(J,null),isExpanded:a})},ee=["components"],te={},ne="wrapper";function ae(e){var t=e.components,n=(0,l.A)(e,ee);return(0,d.mdx)(ne,(0,a.A)({},te,n,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(u.E,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"terra-date-input-field"},"Terra Date Input Field"),(0,d.mdx)("p",null,"DateInputField is a component of terra-date-input that provides a container for rendering the related date inputs. DateInputField includes displays for help text, error text, required or optional indication, and invalid states."),(0,d.mdx)("p",null,"Additional functionality for quick date entry is available with specific ",(0,d.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/date-input/keyboard-shortcuts"},"keyboard shortcuts"),"."),(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#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#ltr--rtl"},"LTR/RTL Support"))),(0,d.mdx)("h2",{id:"examples"},"Examples"),(0,d.mdx)(y,{title:"Default DateInputField",mdxType:"DefaultDateInputField"}),(0,d.mdx)(O,{title:"Required DateInputField",mdxType:"RequiredDateInputField"}),(0,d.mdx)(A,{title:"Hide Required DateInputField",mdxType:"HideRequiredDateInputField"}),(0,d.mdx)(T,{title:"Inline DateInputField",mdxType:"InlineDateInputField"}),(0,d.mdx)(E,{title:"Optional DateInputField",mdxType:"OptionalDateInputField"}),(0,d.mdx)(B,{title:"Month Day Year Display Format DateInputField",mdxType:"MonthDayYearDateInputField"}),(0,d.mdx)(Y,{title:"Day Month Year Display Format DateInputField",mdxType:"DayMonthYearDateInputField"}),(0,d.mdx)(Q,{title:"Incomplete DateInputField",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:"IncompleteDateInputField"}),(0,d.mdx)("h2",{id:"date-input-field-props-table"},"Date input field props table"),(0,d.mdx)(m,{mdxType:"DateInputFieldPropsTable"}),(0,d.mdx)("h2",{id:"testing"},"Testing"),(0,d.mdx)("p",null,"Date Input Field 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")," is being used for the tests then the mock may not be required depending on the depth of the returned wrapper. However, if ",(0,d.mdx)("inlineCode",{parentName:"p"},"mount")," is used then ",(0,d.mdx)("inlineCode",{parentName:"p"},"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")))}ae.isMDXComponent=!0},74481:function(e,t,n){"use strict";n.d(t,{E:function(){return r}});var a=n(96540),l=n(55713),r=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-input",name:"terra-date-input",version:"1.57.0",url:t})}},44745:function(e,t,n){"use strict";var a=n(24994),l=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(43693)),d=a(n(94634)),u=a(n(91847)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=j(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&{}.hasOwnProperty.call(e,d)){var u=r?Object.getOwnPropertyDescriptor(e,d):null;u&&(u.get||u.set)?Object.defineProperty(a,d,u):a[d]=e[d]}return a.default=e,n&&n.set(e,a),a}(n(96540)),o=a(n(5556)),s=n(8604),p=a(n(46942)),m=a(n(67967)),c=a(n(23695)),f=n(68414),x=a(n(86438)),v=a(n(16524)),g=a(n(78053)),y=a(n(41417)),h=a(n(95106)),b=["dayAttributes","disabled","displayFormat","error","help","hideRequired","isIncomplete","isInline","isInvalid","isLegendHidden","intl","legend","legendAttributes","monthAttributes","maxWidth","name","onBlur","onChange","onFocus","required","showOptional","value","yearAttributes","refCallback"];function j(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(j=function(e){return e?n:t})(e)}function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function T(e){for(var t=1;t