diff --git a/1211-2d7b6fee87aec5e27e4c.css b/1211-2d7b6fee87aec5e27e4c.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/1211-2d7b6fee87aec5e27e4c.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-2d7b6fee87aec5e27e4c.js b/1211-2d7b6fee87aec5e27e4c.js new file mode 100644 index 0000000000..e0bf259f03 --- /dev/null +++ b/1211-2d7b6fee87aec5e27e4c.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:"1941---may-20-2024"},"1.94.1 - (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:"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.1",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-c715799685c6ffe57eba.css b/13182-c715799685c6ffe57eba.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/13182-c715799685c6ffe57eba.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-c715799685c6ffe57eba.js b/13182-c715799685c6ffe57eba.js new file mode 100644 index 0000000000..0a56d5590c --- /dev/null +++ b/13182-c715799685c6ffe57eba.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.1",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-83602a5adf25cb07e2b5.js b/140-83602a5adf25cb07e2b5.js new file mode 100644 index 0000000000..f2b79fa4bf --- /dev/null +++ b/140-83602a5adf25cb07e2b5.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.1",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/18311-4a75d2b4786e2040cb5f.js b/18311-4a75d2b4786e2040cb5f.js new file mode 100644 index 0000000000..4571eac173 --- /dev/null +++ b/18311-4a75d2b4786e2040cb5f.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.1",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-8414a7085967e26abcb7.css b/196-8414a7085967e26abcb7.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/196-8414a7085967e26abcb7.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-8414a7085967e26abcb7.js b/196-8414a7085967e26abcb7.js new file mode 100644 index 0000000000..495308bb13 --- /dev/null +++ b/196-8414a7085967e26abcb7.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.1",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/22521-ccac40b0c54e16dc5c74.css b/22521-ccac40b0c54e16dc5c74.css new file mode 100644 index 0000000000..ac7428d431 --- /dev/null +++ b/22521-ccac40b0c54e16dc5c74.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-ccac40b0c54e16dc5c74.js b/22521-ccac40b0c54e16dc5c74.js new file mode 100644 index 0000000000..a42897678d --- /dev/null +++ b/22521-ccac40b0c54e16dc5c74.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.1",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-b91e3687817d619e856d.css b/23528-b91e3687817d619e856d.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/23528-b91e3687817d619e856d.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-b91e3687817d619e856d.js b/23528-b91e3687817d619e856d.js new file mode 100644 index 0000000000..acd5be9664 --- /dev/null +++ b/23528-b91e3687817d619e856d.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:"151---may-20-2024"},"1.5.1 - (May 20, 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"},"Updated ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-icon")," to ",(0,r.mdx)("inlineCode",{parentName:"li"},"^3.61.0"),".")))),(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.1",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-783833221508e96b1178.js b/23683-783833221508e96b1178.js new file mode 100644 index 0000000000..69315f8ff4 --- /dev/null +++ b/23683-783833221508e96b1178.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.1",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/25102-cae92d14c5910d0232c4.css b/25102-cae92d14c5910d0232c4.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/25102-cae92d14c5910d0232c4.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-cae92d14c5910d0232c4.js b/25102-cae92d14c5910d0232c4.js new file mode 100644 index 0000000000..b97d7aa688 --- /dev/null +++ b/25102-cae92d14c5910d0232c4.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.1",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-fa971af6c6cb3a03f2ca.css b/25220-fa971af6c6cb3a03f2ca.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/25220-fa971af6c6cb3a03f2ca.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-fa971af6c6cb3a03f2ca.js b/25220-fa971af6c6cb3a03f2ca.js new file mode 100644 index 0000000000..e8b77fcce2 --- /dev/null +++ b/25220-fa971af6c6cb3a03f2ca.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.1",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-527c2355e3058cb2181f.css b/26942-527c2355e3058cb2181f.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/26942-527c2355e3058cb2181f.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-527c2355e3058cb2181f.js b/26942-527c2355e3058cb2181f.js new file mode 100644 index 0000000000..35096cd2f2 --- /dev/null +++ b/26942-527c2355e3058cb2181f.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.1",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-2bc6ee9b906c41c3382b.css b/27007-2bc6ee9b906c41c3382b.css new file mode 100644 index 0000000000..8f6fb5f531 --- /dev/null +++ b/27007-2bc6ee9b906c41c3382b.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-2bc6ee9b906c41c3382b.js b/27007-2bc6ee9b906c41c3382b.js new file mode 100644 index 0000000000..8eddb56805 --- /dev/null +++ b/27007-2bc6ee9b906c41c3382b.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.1",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-55a481ef2fe89cd8b90c.css b/27494-55a481ef2fe89cd8b90c.css new file mode 100644 index 0000000000..561d08416e --- /dev/null +++ b/27494-55a481ef2fe89cd8b90c.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-55a481ef2fe89cd8b90c.js b/27494-55a481ef2fe89cd8b90c.js new file mode 100644 index 0000000000..07511230d5 --- /dev/null +++ b/27494-55a481ef2fe89cd8b90c.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.1",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-749a59dd5207305dfaee.css b/27521-749a59dd5207305dfaee.css new file mode 100644 index 0000000000..acb29a6bcf --- /dev/null +++ b/27521-749a59dd5207305dfaee.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-749a59dd5207305dfaee.js b/27521-749a59dd5207305dfaee.js new file mode 100644 index 0000000000..07c2688958 --- /dev/null +++ b/27521-749a59dd5207305dfaee.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.1",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/28651-e07e2ca3ccc352b39637.css b/28651-e07e2ca3ccc352b39637.css new file mode 100644 index 0000000000..7e5d65c608 --- /dev/null +++ b/28651-e07e2ca3ccc352b39637.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-e07e2ca3ccc352b39637.js b/28651-e07e2ca3ccc352b39637.js new file mode 100644 index 0000000000..a24fd24d4c --- /dev/null +++ b/28651-e07e2ca3ccc352b39637.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\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.1",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/33957-dedee342cb2a54f3f818.css b/33957-dedee342cb2a54f3f818.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/33957-dedee342cb2a54f3f818.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-dedee342cb2a54f3f818.js b/33957-dedee342cb2a54f3f818.js new file mode 100644 index 0000000000..6deaac6c7e --- /dev/null +++ b/33957-dedee342cb2a54f3f818.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:"1321---may-20-2024"},"1.32.1 - (May 20, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-icon")," to ",(0,m.mdx)("inlineCode",{parentName:"li"},"^3.61.0"),".")))),(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.1",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/34683-ae7f435d3809026ec793.css b/34683-ae7f435d3809026ec793.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/34683-ae7f435d3809026ec793.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-ae7f435d3809026ec793.js b/34683-ae7f435d3809026ec793.js new file mode 100644 index 0000000000..60a53047fb --- /dev/null +++ b/34683-ae7f435d3809026ec793.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:"11121---may-20-2024"},"1.112.1 - (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:"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.1",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/3580-f2f9001472748cf29b15.js b/3580-f2f9001472748cf29b15.js new file mode 100644 index 0000000000..182dea7ee9 --- /dev/null +++ b/3580-f2f9001472748cf29b15.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.1",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-317711aa8af495514e03.css b/36022-317711aa8af495514e03.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/36022-317711aa8af495514e03.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-317711aa8af495514e03.js b/36022-317711aa8af495514e03.js new file mode 100644 index 0000000000..565b6808e7 --- /dev/null +++ b/36022-317711aa8af495514e03.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.1",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-a4b545521eb02855f7ca.css b/36677-a4b545521eb02855f7ca.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/36677-a4b545521eb02855f7ca.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-a4b545521eb02855f7ca.js b/36677-a4b545521eb02855f7ca.js new file mode 100644 index 0000000000..dac0cbffe7 --- /dev/null +++ b/36677-a4b545521eb02855f7ca.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:"5961---may-20-2024"},"5.96.1 - (May 20, 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"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"^3.61.0"),".")))),(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.1",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/36742-7fc1ec261a2268b52d00.css b/36742-7fc1ec261a2268b52d00.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/36742-7fc1ec261a2268b52d00.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-7fc1ec261a2268b52d00.js b/36742-7fc1ec261a2268b52d00.js new file mode 100644 index 0000000000..6e6abb707c --- /dev/null +++ b/36742-7fc1ec261a2268b52d00.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:"4411---may-20-2024"},"4.41.1 - (May 20, 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"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"^3.61.0"),".")))),(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.1",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-2518458f4c5bb65b37be.css b/37141-2518458f4c5bb65b37be.css new file mode 100644 index 0000000000..b7cb7be104 --- /dev/null +++ b/37141-2518458f4c5bb65b37be.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-2518458f4c5bb65b37be.js b/37141-2518458f4c5bb65b37be.js new file mode 100644 index 0000000000..ba9eb59691 --- /dev/null +++ b/37141-2518458f4c5bb65b37be.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.1",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 ({ 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.1",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-03de81f09193445460cb.js b/38550-03de81f09193445460cb.js new file mode 100644 index 0000000000..30d9efe930 --- /dev/null +++ b/38550-03de81f09193445460cb.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.1",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/38795-777e5a4e1883b59bc417.css b/38795-777e5a4e1883b59bc417.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/38795-777e5a4e1883b59bc417.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-777e5a4e1883b59bc417.js b/38795-777e5a4e1883b59bc417.js new file mode 100644 index 0000000000..92b4e1e1df --- /dev/null +++ b/38795-777e5a4e1883b59bc417.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.1",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-3285d11a8272608e5da0.css b/41484-3285d11a8272608e5da0.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/41484-3285d11a8272608e5da0.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-3285d11a8272608e5da0.js b/41484-3285d11a8272608e5da0.js new file mode 100644 index 0000000000..cad48619a6 --- /dev/null +++ b/41484-3285d11a8272608e5da0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[41484],{55713:function(e,n,a){var l=a(24994);n.A=void 0;var r=l(a(96540)),m=l(a(5556)),d=l(a(67967)),i=l(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,l=e.url,m=e.version,d=r.default.createElement("a",{className:u("badge"),href:l||"https://www.npmjs.org/package/".concat(a,"/v/").concat(m)},r.default.createElement("span",{className:u("badge-name")},l?"package":"npm"),r.default.createElement("span",{className:u("badge-version")},"v".concat(m))),i=n?r.default.createElement("a",{className:u("badge"),href:n},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")},d,i)};p.propTypes=t;n.A=p},41484:function(e,n,a){a.r(n),a.d(n,{default:function(){return s}});var l=a(58168),r=a(53986),m=(a(96540),a(36665)),d=a(36060),i=["components"],u={},t="wrapper";function p(e){var n=e.components,a=(0,r.A)(e,i);return(0,m.mdx)(t,(0,l.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:"1211---may-20-2024"},"1.21.1 - (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:"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,r.A)(e,o);return(0,m.mdx)(c,(0,l.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 l=a(96540),r=a(55713),m=function(e){var n=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.1",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)&&(r[a]=e[a])}return r}a.d(n,{A:function(){return l}})}}]); \ No newline at end of file diff --git a/4342-04e02b572943a6ac4e15.css b/4342-04e02b572943a6ac4e15.css new file mode 100644 index 0000000000..fd24fb5c84 --- /dev/null +++ b/4342-04e02b572943a6ac4e15.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-04e02b572943a6ac4e15.js b/4342-04e02b572943a6ac4e15.js new file mode 100644 index 0000000000..a3c2d0303b --- /dev/null +++ b/4342-04e02b572943a6ac4e15.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.1",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-68bed277b7999001c82b.css b/43912-68bed277b7999001c82b.css new file mode 100644 index 0000000000..9cd4cd4dcc --- /dev/null +++ b/43912-68bed277b7999001c82b.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-68bed277b7999001c82b.js b/43912-68bed277b7999001c82b.js new file mode 100644 index 0000000000..cb7e42cb8e --- /dev/null +++ b/43912-68bed277b7999001c82b.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.1",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/46712-3380755f1ab285fed8f1.css b/46712-3380755f1ab285fed8f1.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/46712-3380755f1ab285fed8f1.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-3380755f1ab285fed8f1.js b/46712-3380755f1ab285fed8f1.js new file mode 100644 index 0000000000..eded55d1be --- /dev/null +++ b/46712-3380755f1ab285fed8f1.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:"2581---may-20-2024"},"2.58.1 - (May 20, 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"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"^3.61.0"),".")))),(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.1",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/49238-fdd680658738f78fa34f.css b/49238-fdd680658738f78fa34f.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/49238-fdd680658738f78fa34f.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-fdd680658738f78fa34f.js b/49238-fdd680658738f78fa34f.js new file mode 100644 index 0000000000..4181d3a8ef --- /dev/null +++ b/49238-fdd680658738f78fa34f.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.1",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-8861f5d993006f5e3c4f.css b/50205-8861f5d993006f5e3c4f.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/50205-8861f5d993006f5e3c4f.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-8861f5d993006f5e3c4f.js b/50205-8861f5d993006f5e3c4f.js new file mode 100644 index 0000000000..5889ffb38d --- /dev/null +++ b/50205-8861f5d993006f5e3c4f.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:"7311---may-20-2024"},"7.31.1 - (May 20, 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"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"^3.61.0"),".")))),(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.1",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/5219-2cef6774c41d344776f7.js b/5219-2cef6774c41d344776f7.js new file mode 100644 index 0000000000..64cbde6d69 --- /dev/null +++ b/5219-2cef6774c41d344776f7.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.1",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-337c215f41e6a5668bcb.css b/52895-337c215f41e6a5668bcb.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/52895-337c215f41e6a5668bcb.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-337c215f41e6a5668bcb.js b/52895-337c215f41e6a5668bcb.js new file mode 100644 index 0000000000..dffdb06003 --- /dev/null +++ b/52895-337c215f41e6a5668bcb.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.1",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-f436b9b8e891065ea36b.css b/53003-f436b9b8e891065ea36b.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/53003-f436b9b8e891065ea36b.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-f436b9b8e891065ea36b.js b/53003-f436b9b8e891065ea36b.js new file mode 100644 index 0000000000..fdd25ff504 --- /dev/null +++ b/53003-f436b9b8e891065ea36b.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.1",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-28cfdba9b6f005c1512c.css b/54504-28cfdba9b6f005c1512c.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/54504-28cfdba9b6f005c1512c.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-28cfdba9b6f005c1512c.js b/54504-28cfdba9b6f005c1512c.js new file mode 100644 index 0000000000..b37eb55605 --- /dev/null +++ b/54504-28cfdba9b6f005c1512c.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.1",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/55993-5595e034b66f818779ba.js b/55993-5595e034b66f818779ba.js new file mode 100644 index 0000000000..ff58fb8ecf --- /dev/null +++ b/55993-5595e034b66f818779ba.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.1",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-657de7d0694f5e6c1951.js b/56284-657de7d0694f5e6c1951.js new file mode 100644 index 0000000000..2346585530 --- /dev/null +++ b/56284-657de7d0694f5e6c1951.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.1",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-5dca3d8a74e08b1b8369.css b/5700-5dca3d8a74e08b1b8369.css new file mode 100644 index 0000000000..4ba372111d --- /dev/null +++ b/5700-5dca3d8a74e08b1b8369.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-5dca3d8a74e08b1b8369.js b/5700-5dca3d8a74e08b1b8369.js new file mode 100644 index 0000000000..d5da47668b --- /dev/null +++ b/5700-5dca3d8a74e08b1b8369.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.1",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/57947-fd6f5f1af32c94c549a9.css b/57947-fd6f5f1af32c94c549a9.css new file mode 100644 index 0000000000..3cd8cf6a90 --- /dev/null +++ b/57947-fd6f5f1af32c94c549a9.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-fd6f5f1af32c94c549a9.js b/57947-fd6f5f1af32c94c549a9.js new file mode 100644 index 0000000000..f1bbf0b7d1 --- /dev/null +++ b/57947-fd6f5f1af32c94c549a9.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.1",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/58822-59d02fcb85a40e1d7dda.css b/58822-59d02fcb85a40e1d7dda.css new file mode 100644 index 0000000000..05c6233bff --- /dev/null +++ b/58822-59d02fcb85a40e1d7dda.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-59d02fcb85a40e1d7dda.js b/58822-59d02fcb85a40e1d7dda.js new file mode 100644 index 0000000000..e173ab720e --- /dev/null +++ b/58822-59d02fcb85a40e1d7dda.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.1",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=0)continue;a[r]=e[r]}return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}a.d(t,{A:function(){return r}})}}]); \ No newline at end of file diff --git a/60232-38517b17576f2cf462e4.css b/60232-38517b17576f2cf462e4.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/60232-38517b17576f2cf462e4.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/60232-38517b17576f2cf462e4.js b/60232-38517b17576f2cf462e4.js new file mode 100644 index 0000000000..15a51510e8 --- /dev/null +++ b/60232-38517b17576f2cf462e4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[60232],{55713:function(e,l,a){var m=a(24994);l.A=void 0;var d=m(a(96540)),n=m(a(5556)),r=m(a(67967)),i=m(a(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 l=e.src,a=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:u("badge"),href:m||"https://www.npmjs.org/package/".concat(a,"/v/").concat(n)},d.default.createElement("span",{className:u("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:u("badge-version")},"v".concat(n))),i=l?d.default.createElement("a",{className:u("badge"),href:l},d.default.createElement("span",{className:u("badge-name")},"github"),d.default.createElement("span",{className:u("badge-version")},"source")):void 0;return d.default.createElement("div",{className:u("badge-container")},r,i)};p.propTypes=t;l.A=p},60232:function(e,l,a){a.r(l),a.d(l,{default:function(){return s}});var m=a(58168),d=a(53986),n=(a(96540),a(36665)),r=a(63292),i=["components"],u={},t="wrapper";function p(e){var l=e.components,a=(0,d.A)(e,i);return(0,n.mdx)(t,(0,m.A)({},u,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"61031---may-20-2024"},"6.103.1 - (May 20, 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"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"^3.61.0"),".")))),(0,n.mdx)("h2",{id:"61030---may-20-2024"},"6.103.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:"61020---may-14-2024"},"6.102.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:"61010---may-8-2024"},"6.101.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:"61000---may-1-2024"},"6.100.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:"6990---april-23-2024"},"6.99.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:"6980---april-18-2024"},"6.98.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:"6971---april-17-2024"},"6.97.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"},"Set aria-haspopup value to boolean.")))),(0,n.mdx)("h2",{id:"6970---april-4-2024"},"6.97.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:"6960---march-25-2024"},"6.96.0 - (March 25, 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"},"Updated to compare calculated width with available width to render collapsible menu items within available space.")))),(0,n.mdx)("h2",{id:"6950---march-19-2024"},"6.95.0 - (March 19, 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"},"Corrected to get width from bounding client rect instead of resize observer to avoid infinite loop.")))),(0,n.mdx)("h2",{id:"6940---march-14-2024"},"6.94.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:"6930---march-8-2024"},"6.93.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:"6920---march-5-2024"},"6.92.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:"6910---march-1-2024"},"6.91.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:"6900---february-28-2024"},"6.90.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:"6890---february-7-2024"},"6.89.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:"6880---january-22-2024"},"6.88.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:"6871---january-10-2024"},"6.87.1 - (January 10, 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 flicker issue when ",(0,n.mdx)("inlineCode",{parentName:"li"},"collapsible-menu-view")," is wrapped with ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-clinical-header"),".")))),(0,n.mdx)("h2",{id:"6870---december-18-2023"},"6.87.0 - (December 18, 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"},"New stylings for the focus indicator.")))),(0,n.mdx)("h2",{id:"6860---december-11-2023"},"6.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:"6850---november-23-2023"},"6.85.0 - (November 23, 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 ability to select a CollapsibleMenuViewItem when not in a group.")))),(0,n.mdx)("h2",{id:"6840---november-9-2023"},"6.84.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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"GroupId")," prop that used in menu item for ",(0,n.mdx)("inlineCode",{parentName:"li"},"aria-describedby")," that labels the group for accessibility.")))),(0,n.mdx)("h2",{id:"6830---october-25-2023"},"6.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:"6820---october-17-2023"},"6.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:"6810---october-11-2023"},"6.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:"6800---october-3-2023"},"6.80.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 the ability to add hyperlinks."),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"isMultiSelect")," prop to support multiselect group items."),(0,n.mdx)("li",{parentName:"ul"},"Added aria-label prop for ",(0,n.mdx)("inlineCode",{parentName:"li"},"collapsible-menu-view")," to announce group information."))),(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 responsive menu icon not being vertical in the lowlight and fusion themes.")))),(0,n.mdx)("h2",{id:"6790---september-21-2023"},"6.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:"6780---august-31-2023"},"6.78.0 - (August 31, 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 aria-haspopup attribute to menu buttons so screen reader users are provided the context that they will open a dialog popup."))),(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"},"Disabled unselectable menu item toggles to make them consistent with face-up toggles.")))),(0,n.mdx)("h2",{id:"6770---august-10-2023"},"6.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:"6761---august-4-2023"},"6.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:"6760---august-2-2023"},"6.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:"6750---july-31-2023"},"6.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:"6740---july-25-2023"},"6.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:"6730---july-19-2023"},"6.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:"6720---july-4-2023"},"6.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:"6710---june-12-2023"},"6.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:"6700---june-5-2023"},"6.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:"6690---may-11-2023"},"6.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:"6680---april-27-2023"},"6.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6670---april-12-2023"},"6.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:"6660---april-5-2023"},"6.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"},"isStartAligned")," prop"),(0,n.mdx)("li",{parentName:"ul"},"Added new Jest test and snapshots")))),(0,n.mdx)("h2",{id:"6650---march-29-2023"},"6.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"},"Updated Jest snapshots.")))),(0,n.mdx)("h2",{id:"6640---march-1-2023"},"6.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"},"Updated Jest snapshot for terra-button changes"),(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to terra-menu changes")))),(0,n.mdx)("h2",{id:"6630---february-14-2023"},"6.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:"6620---february-1-2023"},"6.62.0 - (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"},"Updated jest snapshots")))),(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"},"Changed",(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-form-checkbox")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v4.0.0")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v4.8.0"),"."),(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---july-13-2021"},"6.54.0 - (July 13, 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"},"Fix to invoke consumer's ",(0,n.mdx)("inlineCode",{parentName:"li"},"onClick")," handler for menu buttons.")))),(0,n.mdx)("h2",{id:"6530---june-8-2021"},"6.53.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:"6520---may-4-2021"},"6.52.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:"6510---april-6-2021"},"6.51.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:"6500---march-9-2021"},"6.50.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:"6490---february-9-2021"},"6.49.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:"6480---february-2-2021"},"6.48.0 - (February 2, 2021)"),(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"},"alwaysCollapsedMenuItems")," attribute to ",(0,n.mdx)("inlineCode",{parentName:"li"},"CollapsibleMenuView")," which can be used to prepopulate collapsible menu view. These items will always hidden under the More button. The collapsed menu view will always shown if at least one item is added to the collapsedMenuItems list. A divider will shown if there are other elements pushed to the collapsed menu view to divide them from the prepopulated list.")))),(0,n.mdx)("h2",{id:"6470---january-26-2021"},"6.47.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:"6460---january-5-2021"},"6.46.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"},"Updated to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"injectIntl")," instead of ",(0,n.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," for react-intl v2-v5 compatibility"))),(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:"6450---december-8-2020"},"6.45.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:"6440---november-24-2020"},"6.44.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:"6430---november-10-2020"},"6.43.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:"6420---october-20-2020"},"6.42.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"},"Fixed failing WDIO tests")))),(0,n.mdx)("h2",{id:"6410---october-13-2020"},"6.41.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:"6400---august-18-2020"},"6.40.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:"6390---august-11-2020"},"6.39.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:"6380---august-4-2020"},"6.38.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:"6370---july-14-2020"},"6.37.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:"6360---june-16-2020"},"6.36.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:"6350---june-9-2020"},"6.35.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:"6340---june-2-2020"},"6.34.0 - (June 2, 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"},"Fixed lowlight and clinical theme interference 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"},"Bumped terra-form-checkbox from v3 to v4")))),(0,n.mdx)("h2",{id:"6330---may-19-2020"},"6.33.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:"6320---april-28-2020"},"6.32.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:"6310---april-6-2020"},"6.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:"6300---march-31-2020"},"6.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:"6290---march-10-2020"},"6.29.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:"6280---march-3-2020"},"6.28.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:"6270---february-25-2020"},"6.27.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:"6260---february-18-2020"},"6.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:"6250---february-4-2020"},"6.25.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:"6240---january-28-2020"},"6.24.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:"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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed axe violation for missing roles.")))),(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:"6200---november-20-2019"},"6.20.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:"6190---november-18-2019"},"6.19.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"},"Changed icon in menu button and button-style to utility variant")))),(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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(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"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Included the en-CA locale in the SingleItemGroup test."))),(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 the non-supported Finnish language translations to avoid confusion")))),(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"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added en-CA 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"},"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:"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)("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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest Snapshots for new icon-prop added in menu-item."),(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(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)("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:"671---july-23-2019"},"6.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"},"Normalized terra-form-checkbox dependency version to match other terra-framework packages")))),(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"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed divider transition between normal and in-menu view."),(0,n.mdx)("li",{parentName:"ul"},"Fixed Collapsible issue for single item group")))),(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)("li",{parentName:"ul"},"Replaced Terra-Form with Terra-Form-Checkbox in CollapsibleMenuViewToggle")))),(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"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed issue with accessibility roles in list view in popup menu")))),(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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added more buttons to support wdio tests for other themes (ex:mpages theme)")))),(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"},"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)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(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---march-12-2019"},"5.6.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:"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"},"Minor dependency update")))),(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"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Major dependency version bump of terra-list"))),(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"},"Wrapped Collapsible Menu Items in ",(0,n.mdx)("inlineCode",{parentName:"li"},"
  • "))))),(0,n.mdx)("h2",{id:"430---february-5-2019"},"4.3.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 the terra-framework repository")))),(0,n.mdx)("h2",{id:"420---january-27-2019"},"4.2.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:"410---january-26-2019"},"4.1.0 - (January 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 issue preventing single item views from collapsing")))),(0,n.mdx)("h2",{id:"400---january-22-2019"},"4.0.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"},"Updated theme variables")))),(0,n.mdx)("h2",{id:"3320---january-8-2019"},"3.32.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(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-14-2018"},"3.29.0 - (November 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:"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-30-2018"},"3.26.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"},"Update mixin import to be more explicit")))),(0,n.mdx)("h2",{id:"3250---october-24-2018"},"3.25.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:"3240---october-16-2018"},"3.24.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:"3230---october-8-2018"},"3.23.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:"3220---october-2-2018"},"3.22.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:"3210---september-25-2018"},"3.21.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:"3201---september-6-2018"},"3.20.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:"3200---september-5-2018"},"3.20.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"},"Removed test restrictions on accessibility since that issue was fixed."),(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:"3190---september-4-2018"},"3.19.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:"3180---august-30-2018"},"3.18.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:"3170---august-29-2018"},"3.17.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:"3160---august-21-2018"},"3.16.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:"3150---august-8-2018"},"3.15.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:"3140---august-1-2018"},"3.14.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:"3130---july-25-2018"},"3.13.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:"3120---july-19-2018"},"3.12.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:"3110---july-17-2018"},"3.11.0 - (July 17, 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 themeable variables"))),(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"},"Required props no longer set a default prop"),(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3100---july-10-2018"},"3.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"390---july-3-2018"},"3.9.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:"380---june-28-2018"},"3.8.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:"370---june-22-2018"},"3.7.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:"360---june-19-2018"},"3.6.0 - (June 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:"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"},"Renamed the doc site template")))),(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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(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)("p",null,"Major Change\nUpdated 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"},(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\nAdded localized aria-label to ellipses "view more" button'))),(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"},(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-group V2"))),(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"},"isSelectable prop in CollapsibleMenuViewItemGroup."))),(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"},"selectedKeys prop in CollapsibleMenuViewItemGroup.")))),(0,n.mdx)("h2",{id:"1100---february-1-2018"},"1.10.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:"190---january-18-2018"},"1.9.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:"180---january-5-2018"},"1.8.0 - (January 5, 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 a data attribute to the collapsed menu trigger to make testing easier."))),(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 rule disabling list accessibility tests.")))),(0,n.mdx)("h2",{id:"170---december-5-2017"},"1.7.0 - (December 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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"160---november-28-2017"},"1.6.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"},"Update menu to keep the last child face up if it fits within the available menu space")))),(0,n.mdx)("h2",{id:"150---november-16-2017"},"1.5.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:"140---november-7-2017"},"1.4.0 - (November 7, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"130---october-31-2017"},"1.3.0 - (October 31, 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 option for auto width sizing.")))),(0,n.mdx)("h2",{id:"120---october-24-2017"},"1.2.0 - (October 24, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"110---october-6-2017"},"1.1.0 - (October 6, 2017)"),(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"},"Jumpy display on initial load and refresh"))),(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 disable toggle and items")))),(0,n.mdx)("h2",{id:"100---september-26-2017"},"1.0.0 - (September 26, 2017)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var l=e.components,a=(0,d.A)(e,x);return(0,n.mdx)(N,(0,m.A)({},o,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},63292:function(e,l,a){a.d(l,{E:function(){return n}});var m=a(96540),d=a(55713),n=function(e){var l=e.url;return m.createElement(d.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-collapsible-menu-view",name:"terra-collapsible-menu-view",version:"6.103.1",url:l})}},25642:function(e,l,a){a.r(l),l.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,l,a){function m(){return m=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;a[m]=e[m]}return a}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}a.d(l,{A:function(){return m}})}}]); \ No newline at end of file diff --git a/60336-fb342def0a69da578f6a.css b/60336-fb342def0a69da578f6a.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/60336-fb342def0a69da578f6a.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/60336-fb342def0a69da578f6a.js b/60336-fb342def0a69da578f6a.js new file mode 100644 index 0000000000..dee2edab1c --- /dev/null +++ b/60336-fb342def0a69da578f6a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[60336],{55713:function(e,a,l){var m=l(24994);a.A=void 0;var d=m(l(96540)),n=m(l(5556)),i=m(l(67967)),r=m(l(25642)),u=i.default.bind(r.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,m=e.url,n=e.version,i=d.default.createElement("a",{className:u("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:u("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:u("badge-version")},"v".concat(n))),r=a?d.default.createElement("a",{className:u("badge"),href:a},d.default.createElement("span",{className:u("badge-name")},"github"),d.default.createElement("span",{className:u("badge-version")},"source")):void 0;return d.default.createElement("div",{className:u("badge-container")},i,r)};p.propTypes=t;a.A=p},60336: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)),i=l(32495),r=["components"],u={},t="wrapper";function p(e){var a=e.components,l=(0,d.A)(e,r);return(0,n.mdx)(t,(0,m.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:"6981---may-20-2024"},"6.98.1 - (May 20, 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"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"^3.61.0"),".")))),(0,n.mdx)("h2",{id:"6980---may-20-2024"},"6.98.0 - (May 20, 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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"isMenu")," prop to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"Popup")," component props.")))),(0,n.mdx)("h2",{id:"6970---may-14-2024"},"6.97.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:"6960---may-8-2024"},"6.96.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:"6950---may-1-2024"},"6.95.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:"6940---april-23-2024"},"6.94.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:"6930---april-18-2024"},"6.93.0 - (April 18, 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 test for ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-table")," to cover exception occurring with collapsible sections and single row select mode.")))),(0,n.mdx)("h2",{id:"6920---april-17-2024"},"6.92.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"},"Removed dialog role to fix axe a11y violation.")))),(0,n.mdx)("h2",{id:"6910---april-4-2024"},"6.91.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:"6900---march-25-2024"},"6.90.0 - (March 25, 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 white space issue in large menu by setting hookshot position to fixed")))),(0,n.mdx)("h2",{id:"6890---march-14-2024"},"6.89.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"},"Focus and keyDown events propagation stopped for component being used inside ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-compact-interactive-list")," cells.")))),(0,n.mdx)("h2",{id:"6880---march-8-2024"},"6.88.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:"6870---march-5-2024"},"6.87.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:"6860---march-1-2024"},"6.86.0 - (March 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"},"Fixed sub-menu height issue when it exceeds viewport size.")))),(0,n.mdx)("h2",{id:"6850---february-28-2024"},"6.85.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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"MenuItemGroup")," to retain selection state when menu is closed and re-opened and ",(0,n.mdx)("inlineCode",{parentName:"li"},"isToggled")," prop is used.")))),(0,n.mdx)("h2",{id:"6841---february-7-2024"},"6.84.1 - (February 7, 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 a focus indicator styling issue for the back button.")))),(0,n.mdx)("h2",{id:"6840---january-22-2024"},"6.84.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:"6830---december-18-2023"},"6.83.0 - (December 18, 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"},"New stylings for the focus indicator.")))),(0,n.mdx)("h2",{id:"6820---december-11-2023"},"6.82.0 - (December 11, 2023)"),(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 the issue with ",(0,n.mdx)("inlineCode",{parentName:"li"},"contentWidth")," as auto value."))),(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"},"Allow menu/sub-menu to dynamically set height based on menu items.")))),(0,n.mdx)("h2",{id:"6810---november-23-2023"},"6.81.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:"6800---november-9-2023"},"6.80.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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"ariaDescribedBy")," prop for ",(0,n.mdx)("inlineCode",{parentName:"li"},"menu-item")," to announce group information.")))),(0,n.mdx)("h2",{id:"6790---october-25-2023"},"6.79.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:"6781---october-11-2023"},"6.78.1 - (October 11, 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 of focus highlight not visible on menu header back icon in Safari.")))),(0,n.mdx)("h2",{id:"6780---october-3-2023"},"6.78.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:"6770---september-21-2023"},"6.77.0 - (September 21, 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"},"Fixed the disabled menu item click event bleed through to other controls"))),(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"},"terra-arrange")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.51.0")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.53.0"),".")))),(0,n.mdx)("h2",{id:"6760---august-31-2023"},"6.76.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:"6750---august-10-2023"},"6.75.0 - (August 10, 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 context for menu item selected/unselected state and sub menu keyboard navigation instructions."))),(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 props description for ",(0,n.mdx)("inlineCode",{parentName:"li"},"headerTitle")," & ",(0,n.mdx)("inlineCode",{parentName:"li"},"showHeader"),"."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Locked ",(0,n.mdx)("inlineCode",{parentName:"p"},"terra-arrange")," to ",(0,n.mdx)("inlineCode",{parentName:"p"},"3.51.0")," temporarily."))),(0,n.mdx)("h2",{id:"6741---august-4-2023"},"6.74.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:"6740---august-2-2023"},"6.74.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:"6730---july-31-2023"},"6.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:"6720---july-25-2023"},"6.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:"6710---july-19-2023"},"6.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"},"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:"6700---july-4-2023"},"6.70.0 - (July 4, 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 where toggled item on nested menus was being reset while navigating back and forth between them.")))),(0,n.mdx)("h2",{id:"6690---june-12-2023"},"6.69.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:"6680---june-5-2023"},"6.68.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"},"Allow navigation to disabled items"),(0,n.mdx)("li",{parentName:"ul"},"Updated submenu exit context to first item"),(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:"6670---may-11-2023"},"6.67.0 - (May 11, 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"},"showHeader")," prop to control display of header title"))),(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"},"Header context for JAWS")))),(0,n.mdx)("h2",{id:"6660---april-27-2023"},"6.66.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:"6651---april-12-2023"},"6.65.1 - (April 12, 2023)"),(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 issue of navigation on menu header click."))),(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"},"Allow screen readers to recognise as menu button"),(0,n.mdx)("li",{parentName:"ul"},"Added context for menu item index, item with submenu and selected/unselected state")))),(0,n.mdx)("h2",{id:"6650---march-29-2023"},"6.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6640---march-1-2023"},"6.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"},"Allow existing classnames on icon to be retained")))),(0,n.mdx)("h2",{id:"6630---february-14-2023"},"6.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:"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 custom icons to be shown in menu")))),(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)("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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6540---july-13-2021"},"6.54.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:"6530---june-8-2021"},"6.53.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:"6520---may-4-2021"},"6.52.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:"6510---april-6-2021"},"6.51.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:"6500---march-9-2021"},"6.50.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:"6490---february-9-2021"},"6.49.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"},"Updated color for disabled MenuItem text in clinical-lowlight-theme to ",(0,n.mdx)("inlineCode",{parentName:"li"},"#656565"),".")))),(0,n.mdx)("h2",{id:"6480---february-2-2021"},"6.48.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:"6470---january-26-2021"},"6.47.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:"6460---january-5-2021"},"6.46.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5")))),(0,n.mdx)("h2",{id:"6450---december-8-2020"},"6.45.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:"6440---november-24-2020"},"6.44.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:"6430---november-10-2020"},"6.43.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:"6420---october-20-2020"},"6.42.0 - (October 20, 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 logic to determine whether a menu item is a top-level item for a nested menu"),(0,n.mdx)("li",{parentName:"ul"},"Added margin styles for regular menu items vs. top-level nested items.")))),(0,n.mdx)("h2",{id:"6410---october-13-2020"},"6.41.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:"6400---august-18-2020"},"6.40.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)("h2",{id:"6390---august-11-2020"},"6.39.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:"6380---august-4-2020"},"6.38.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:"6370---july-14-2020"},"6.37.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules")))),(0,n.mdx)("h2",{id:"6360---june-16-2020"},"6.36.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"},"Apply theme context to Menu Item.")))),(0,n.mdx)("h2",{id:"6350---june-9-2020"},"6.35.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"},"Update failing jest snapshots")))),(0,n.mdx)("h2",{id:"6340---june-2-2020"},"6.34.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)("li",{parentName:"ul"},"Update jest due to popup changes.")))),(0,n.mdx)("h2",{id:"6330---may-19-2020"},"6.33.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:"6320---april-28-2020"},"6.32.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:"6310---april-6-2020"},"6.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:"6300---march-31-2020"},"6.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:"6290---march-10-2020"},"6.29.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:"6280---march-3-2020"},"6.28.0 - (March 3, 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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"headerTitle")," prop for menus which have drill-in submenus")))),(0,n.mdx)("h2",{id:"6270---february-25-2020"},"6.27.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:"6260---february-18-2020"},"6.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:"6250---february-4-2020"},"6.25.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:"6240---january-28-2020"},"6.24.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:"6230---january-7-2020"},"6.23.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:"6220---december-16-2019"},"6.22.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:"6210---december-10-2019"},"6.21.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"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Docs for eIFU title update.")))),(0,n.mdx)("h2",{id:"6200---november-20-2019"},"6.20.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:"6190---november-18-2019"},"6.19.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:"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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(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"},(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"},"Removed extra comma from scss file.")))),(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"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added Instructions-For-Use (eIFU) Icon to Menu-Item.")))),(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"},(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 keyboard and mouse-click navigation amongst the Menu Items within a Group."))),(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 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"},(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:"671---july-23-2019"},"6.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 the line-height of plain text Menu Items to be consistent with Menu Items with icons.")))),(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"},"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"},"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)("li",{parentName:"ul"},"Update examples to ensure correct aria roles are set"))),(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 React.Fragment from MenuContent to improve the accessibility")))),(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"},"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"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,n.mdx)("li",{parentName:"ul"},"Explicitly set menu item font weight value to normal.")))),(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-popup")))),(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"},"Added custom font-weight property for MenuItem component (defaults to 'inherit')")))),(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"},"Minor dependency update")))),(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-list")))),(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"},(0,n.mdx)("p",{parentName:"li"},"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"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed Focus Issue of Menu Item on Press of Tab and Shift Tab.")))),(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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,n.mdx)("h2",{id:"3290---january-2-2019"},"3.29.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 version bump"),(0,n.mdx)("li",{parentName:"ul"},"Removed usage of componentWillReceiveProps"),(0,n.mdx)("li",{parentName:"ul"},"Make menu item outline on focus themeable and provide browser default fallback."),(0,n.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,n.mdx)("h2",{id:"3281---november-20-2018"},"3.28.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:"3280---november-19-2018"},"3.28.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:"3270---november-14-2018"},"3.27.0 - (November 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"},"Menu now shifts focus to first interactable item in menu when opened"),(0,n.mdx)("li",{parentName:"ul"},"Menu now allows shifting focus to first or last menu item on arrow key down / arrow key up on initial focus.")))),(0,n.mdx)("h2",{id:"3260---november-13-2018"},"3.26.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:"3250---november-9-2018"},"3.25.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:"3240---october-24-2018"},"3.24.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:"3230---october-16-2018"},"3.23.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:"3220---october-8-2018"},"3.22.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:"3210---october-2-2018"},"3.21.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:"3200---september-25-2018"},"3.20.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:"3191---september-6-2018"},"3.19.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:"3190---september-5-2018"},"3.19.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:"3180---september-4-2018"},"3.18.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:"3170---august-30-2018"},"3.17.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:"3160---august-29-2018"},"3.16.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:"3150---august-21-2018"},"3.15.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:"3140---august-1-2018"},"3.14.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:"3130---july-25-2018"},"3.13.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:"3120---july-19-2018"},"3.12.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:"3110---july-17-2018"},"3.11.0 - (July 17, 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 more themeable variables to MenuItem"),(0,n.mdx)("li",{parentName:"ul"},"Added an active style to MenuItem"))),(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"},"Required props no longer set a default prop")))),(0,n.mdx)("h2",{id:"3100---july-10-2018"},"3.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"390---july-3-2018"},"3.9.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:"380---june-28-2018"},"3.8.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:"370---june-22-2018"},"3.7.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)("li",{parentName:"ul"},"Added localized aria-labels menu buttons when in bounded context")))),(0,n.mdx)("h2",{id:"360---june-19-2018"},"3.6.0 - (June 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:"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"},"Converted nightwatch tests to webdriver.io tests")))),(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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(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)("p",null,"Major Change\nUpdated to use terra-popup v4.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)("li",{parentName:"ul"},"Updated dependency on terra-popup.")))),(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"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added aria-checked attribute to selected menu items.")))),(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"},"Removed redunant peer dependencies.")))),(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)("li",{parentName:"ul"},"Changed React.Children.map to React.Children.forEach to prevent '.$' being prepended to the key.")))),(0,n.mdx)("h2",{id:"1130---february-1-2018"},"1.13.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:"1120---january-18-2018"},"1.12.0 - (January 18, 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"},"Appropriate roles for accessibility"))),(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"},"Divider component from an hr to an li with separator role."))),(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 issue with left arrow presses on first layer.")))),(0,n.mdx)("h2",{id:"1110---january-5-2018"},"1.11.0 - (January 5, 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 issue with left arrow presses on first layer.")))),(0,n.mdx)("h2",{id:"1100---december-5-2017"},"1.10.0 - (December 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"},"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---november-7-2017"},"1.7.0 - (November 7, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"160---october-31-2017"},"1.6.0 - (October 31, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added option for auto width sizing."))),(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 menu to use the auto height available through popup."))),(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"},"Issue where tabbing would focus on Menu container before items in menu."),(0,n.mdx)("li",{parentName:"ul"},"Issue where divider was no longer visible."),(0,n.mdx)("li",{parentName:"ul"},"Issue where disabled items could still be selected.")))),(0,n.mdx)("h2",{id:"150---october-24-2017"},"1.5.0 - (October 24, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"140---october-12-2017"},"1.4.0 - (October 12, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Keyboard navigation with arrow keys"))),(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"},"Issue where Menu.Item prop updates were not getting rendered immediately."),(0,n.mdx)("li",{parentName:"ul"},"Conflict with new terra-popup implementation and tests.")))),(0,n.mdx)("h2",{id:"130---october-6-2017"},"1.3.0 - (October 6, 2017)"),(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"},"Bug around selectable menus with only 1 child element."))),(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 disable menu items")))),(0,n.mdx)("h2",{id:"120---september-26-2017"},"1.2.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:"110---september-19-2017"},"1.1.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:"100---september-12-2017"},"1.0.0 - (September 12, 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)(i.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},32495: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-menu",name:"terra-menu",version:"6.98.1",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/60982-380e38611e8ed1fc6ca9.css b/60982-380e38611e8ed1fc6ca9.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/60982-380e38611e8ed1fc6ca9.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/60982-380e38611e8ed1fc6ca9.js b/60982-380e38611e8ed1fc6ca9.js new file mode 100644 index 0000000000..c2ff6b8c29 --- /dev/null +++ b/60982-380e38611e8ed1fc6ca9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[60982],{55713:function(e,n,t){var a=t(24994);n.A=void 0;var i=a(t(96540)),r=a(t(5556)),o=a(t(67967)),l=a(t(25642)),d=o.default.bind(l.default),m={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},p=function(e){var n=e.src,t=e.name,a=e.url,r=e.version,o=i.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(t,"/v/").concat(r)},i.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),i.default.createElement("span",{className:d("badge-version")},"v".concat(r))),l=n?i.default.createElement("a",{className:d("badge"),href:n},i.default.createElement("span",{className:d("badge-name")},"github"),i.default.createElement("span",{className:d("badge-version")},"source")):void 0;return i.default.createElement("div",{className:d("badge-container")},o,l)};p.propTypes=m;n.A=p},60982:function(e,n,t){t.r(n),t.d(n,{default:function(){return p}});var a=t(58168),i=t(53986),r=(t(96540),t(36665)),o=t(5355),l=["components"],d={},m="wrapper";function p(e){var n=e.components,t=(0,i.A)(e,l);return(0,r.mdx)(m,(0,a.A)({},d,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(o.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-application-layout"},"Terra Application Layout"),(0,r.mdx)("p",null,"The Terra Application Layout is a responsive, themeable layout for building applications."),(0,r.mdx)("p",null,"The Terra Application Layout provides:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"A themeable, responsive application header, capable of rendering application-specific branding (provided by ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-application-name"),"), tabular navigation (provided by ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-application-links"),"), and user-centric utility controls (provided by ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-utility"),")"),(0,r.mdx)("li",{parentName:"ul"},"Responsive menu and content areas (provided by ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-layout"),")"),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"react-router"),"-based navigation and configuration (provided by ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-navigation-layout"),")")),(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-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-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"terra-disclosure-manager"),(0,r.mdx)("td",{parentName:"tr",align:null},"^4.9.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)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,r.mdx)("h2",{id:"prerequisites"},"Prerequisites"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Like all Terra components, the ApplicationLayout requires the presence of a ",(0,r.mdx)("inlineCode",{parentName:"li"},"Base")," component (provided by ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-base"),") in its parent hierarchy."),(0,r.mdx)("li",{parentName:"ul"},"Additionally, the ApplicationLayout requires the presence of any ",(0,r.mdx)("inlineCode",{parentName:"li"},"Router")," component (provided by ",(0,r.mdx)("inlineCode",{parentName:"li"},"react-router-dom"),") in its parent hierarchy.")),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { HashRouter } from 'react-router-dom'; // BrowserRouter (with additional server configuration) or MemoryRouter could also be used\nimport Base from 'terra-base';\nimport ApplicationLayout from 'terra-application-layout';\n\n")),(0,r.mdx)("h2",{id:"props"},"Props"),(0,r.mdx)("h3",{id:"extensions"},"extensions"),(0,r.mdx)("h4",{id:"is-required-false"},"Is Required: ",(0,r.mdx)("inlineCode",{parentName:"h4"},"false")),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"extensions")," prop allows consumers to render an element within the ApplicationLayout's extensions region. The ",(0,r.mdx)("inlineCode",{parentName:"p"},"extensions")," content will be rendered in various ways depending on the current breakpoint. The ",(0,r.mdx)("inlineCode",{parentName:"p"},"extensions")," element will receive ",(0,r.mdx)("inlineCode",{parentName:"p"},"app")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"layoutConfig")," props from the ApplicationLayout, allowing it to interact with and respond to changes within the ApplicationLayout."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ApplicationLayout, { Utils } from 'terra-application-layout';\n\nconst MyExtensions = ({ app, layoutConfig }) => {\n if (Utils.helpers.isSizeCompact(layoutConfig.size)) {\n return (\n
    Extensions for ApplicationLayout menu!
    \n );\n } else {\n return (\n
    Extensions for ApplicationLayout header!
    \n );\n }\n};\n")),(0,r.mdx)("h3",{id:"indexpath"},"indexPath"),(0,r.mdx)("h4",{id:"is-required-true"},"Is Required: ",(0,r.mdx)("inlineCode",{parentName:"h4"},"true")),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"indexPath")," prop allows consumers to set the default path of the ApplicationLayout. The ApplicationLayout will redirect to this path should users of the consuming application attempt to route to a component not detailed in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"routingConfig")," prop. Accordingly, the ",(0,r.mdx)("inlineCode",{parentName:"p"},"indexPath")," value must have an associated entry within the ",(0,r.mdx)("inlineCode",{parentName:"p"},"routingConfig")," specification."),(0,r.mdx)("h3",{id:"nameconfig"},"nameConfig"),(0,r.mdx)("h4",{id:"is-required-false-1"},"Is Required: ",(0,r.mdx)("inlineCode",{parentName:"h4"},"false")),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"nameConfig")," prop allows consuming applications to add their own branding to the ApplicationLayout. The ApplicationLayout will render this content in different ways based on the active responsive breakpoint."),(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 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},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"accessory")),(0,r.mdx)("td",{parentName:"tr",align:null},"Element"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"A React element that will be presented beside the title. This is typically some sort of icon or visual branding.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"title")),(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},"The title of the application. This text will be styled by the ApplicationLayout.")))),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"const myNameConfig = {\n accessory: ,\n title: 'My Application',\n}\n")),(0,r.mdx)("h3",{id:"navigationitems"},"navigationItems"),(0,r.mdx)("h4",{id:"is-required-false-2"},"Is Required: ",(0,r.mdx)("inlineCode",{parentName:"h4"},"false")),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"navigationItems")," prop allows consumers to render high-level, primary navigation controls directly within the ApplicationLayout. The ApplicationLayout will render this content in different ways based on the active responsive breakpoint. If ",(0,r.mdx)("inlineCode",{parentName:"p"},"navigationItems")," are omitted, no primary navigation controls will be rendered."),(0,r.mdx)("p",null,"Each navigation item provided must be associated to a path that is present within the ",(0,r.mdx)("inlineCode",{parentName:"p"},"routingConfig")," specification. The navigation item, as rendered by the ApplicationLayout, will route to that path upon selection."),(0,r.mdx)("p",null,"The value provided for ",(0,r.mdx)("inlineCode",{parentName:"p"},"navigationItems")," should be an array of objects with the following API:"),(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 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},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"text")),(0,r.mdx)("td",{parentName:"tr",align:null},"String"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"required")),(0,r.mdx)("td",{parentName:"tr",align:null},"A string rendered within the navigation item control.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"path")),(0,r.mdx)("td",{parentName:"tr",align:null},"Element"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"required")),(0,r.mdx)("td",{parentName:"tr",align:null},"A string path to route to upon navigation item selection. This path should be present within the ",(0,r.mdx)("inlineCode",{parentName:"td"},"routingConfig")," as well.")))),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"const navigationItems = [{\n path: '/page_1',\n text: 'Page 1',\n}, {\n path: '/page_2',\n text: 'Page 2',\n}];\n")),(0,r.mdx)("h3",{id:"routingconfig"},"routingConfig"),(0,r.mdx)("h4",{id:"is-required-true-1"},"Is Required: ",(0,r.mdx)("inlineCode",{parentName:"h4"},"true")),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"routingConfig")," prop allows consuming applications to render components within the ApplicationLayout's ",(0,r.mdx)("inlineCode",{parentName:"p"},"content")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"menu")," regions based upon the router location."),(0,r.mdx)("p",null,"The ApplicationLayout directly implements the ",(0,r.mdx)("inlineCode",{parentName:"p"},"NavigationLayout")," from ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-navigation-layout"),". However, while the ",(0,r.mdx)("inlineCode",{parentName:"p"},"NavigationLayout")," allows for the customization of the ",(0,r.mdx)("inlineCode",{parentName:"p"},"header")," region of the layout, the ",(0,r.mdx)("inlineCode",{parentName:"p"},"ApplicationLayout")," does not. Any ",(0,r.mdx)("inlineCode",{parentName:"p"},"header")," entries provided with the ",(0,r.mdx)("inlineCode",{parentName:"p"},"routingConfig")," prop will be ignored. Please review the ",(0,r.mdx)("inlineCode",{parentName:"p"},"NavigationLayout")," documentation for more information regarding its usage."),(0,r.mdx)("blockquote",null,(0,r.mdx)("p",{parentName:"blockquote"},"Note: Usage of the path ",(0,r.mdx)("inlineCode",{parentName:"p"},"'/'")," is restricted for ",(0,r.mdx)("inlineCode",{parentName:"p"},"menu")," components. The ApplicationLayout will dynamically inject configuration for the ",(0,r.mdx)("inlineCode",{parentName:"p"},"'/'")," path when necessary to properly render navigationItems at ",(0,r.mdx)("inlineCode",{parentName:"p"},"compact")," breakpoints.")),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"const routingConfig = {\n /**\n * Components defined under `content` will render within the ApplicationLayout's body.\n */\n content: {\n /**\n * Each entry must be keyed; typically, this key matches the path for the component.\n */\n '/page_1' : {\n /**\n * The `path` value will be validated against the router location with each location change. When the location\n * matches this path, the component specified by the sibling `component` value will be rendered. If more than\n * one component matches the current location, only the component with the closest match will be rendered.\n */\n path: '/page_1',\n /**\n * The `component` value specifies what component will be rendered. The value is an Object with support for the\n * following keys: default, tiny, small, medium, large, and huge. These keys correspond to the responsive breakpoint\n * of the ApplicationLayout. When the ApplicationLayout is small, the component under the small key will be rendered.\n * When the application is large, the component under the large key will be rendered, and so on.\n *\n * The default key is different in that its component will render for all breakpoints unless that specific breakpoint is\n * also defined. For example, if a component is defined for default and small, and the current responsive breakpoint is small,\n * then the small component will be rendered. However, if the responsive breakpoint were to be huge, then the default component\n * would be rendered (rather than no component at all).\n */\n component: {\n default: {\n /**\n * The component specification for a given breakpoint must include a componentClass value. This is a React component\n * function or class. It should not be an instantiated React element. For example, given a component named Page1Content,\n * the componentClass value should be Page1Content, not ``.\n */\n componentClass: Page1Content,\n /**\n * Props can also be defined for the component. These will be applied when the React element is created by the\n * ApplicationLayout. If no props are desired, the `props` key can be omitted.\n */\n props: {\n propFromConfig: 'Value from config',\n }\n },\n small: {\n /**\n * The same component can be defined for multiple breakpoints. Here, the prop values just are changing for this specific\n * size.\n */\n componentClass: Page1Content,\n propFromConfig: 'My value is different only when small',\n }\n large: {\n /**\n * Or, a different component can be loaded altogether.\n */\n componentClass: LargePage1Content,\n }\n },\n },\n '/page_2' : {\n path: '/page_2',\n component: {\n default: {\n componentClass: Page2Content,\n },\n },\n },\n },\n /**\n * Components defined under `menu` will render within the ApplicationLayout's menu sidebar. All other aspects of the API\n * match that of the content region described above.\n *\n * A content entry does not need to have an associated menu entry. In this example, because there is no menu defined for\n * the path '/page_2', the ApplicationLayout will hide the menu sidebar when the '/page_2' content is rendered.\n */\n menu: {\n 'Page 1' : {\n path: '/page_1',\n component: {\n default: {\n componentClass: Page1Menu,\n },\n },\n },\n },\n};\n")),(0,r.mdx)("h3",{id:"utilityconfig"},"utilityConfig"),(0,r.mdx)("h4",{id:"is-required-false-3"},"Is Required: ",(0,r.mdx)("inlineCode",{parentName:"h4"},"false")),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"utilityConfig")," prop allows consuming applications to present an application-level menu directly from the ApplicationLayout. The ApplicationLayout will render this content in different ways based on the active responsive breakpoint."),(0,r.mdx)("p",null,"The API for the ",(0,r.mdx)("inlineCode",{parentName:"p"},"utilityConfig")," matches that of the ",(0,r.mdx)("inlineCode",{parentName:"p"},"ApplicationHeaderUtility")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"ApplicationMenuUtility")," components from ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-application-utility"),". Please see their respective documentation for more information regarding their full capabilities."),(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 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},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"title")),(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},"A string rendered within the utility menu's presentation target.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"accessory")),(0,r.mdx)("td",{parentName:"tr",align:null},"Element"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"A React element rendered next to the title.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"menuItems")),(0,r.mdx)("td",{parentName:"tr",align:null},"Array"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"required")),(0,r.mdx)("td",{parentName:"tr",align:null},"An array of objects specifying the utility menu options to present.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"initialSelectedKey")),(0,r.mdx)("td",{parentName:"tr",align:null},"String"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"required")),(0,r.mdx)("td",{parentName:"tr",align:null},"The string key of the initial menu item to present.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"onChange")),(0,r.mdx)("td",{parentName:"tr",align:null},"Function"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"required")),(0,r.mdx)("td",{parentName:"tr",align:null},"A function that will be called upon selection of a terminal utility item.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"onBlur")),(0,r.mdx)("td",{parentName:"tr",align:null},"Function"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"A function that will be called when navigation menu get out of focus.")))),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Avatar from 'terra-avatar';\nimport ApplicationLayout, { Utils } from 'terra-application-layout';\n\nconst myUtilityConfig = {\n title: 'Doe, John',\n accessory: ,\n menuItems: [{\n key: 'menu',\n title: 'Menu',\n childKeys: ['item-1', 'item-2', 'item-3', 'item-4'],\n }, {\n key: 'item-1',\n title: 'Item 1',\n }, {\n key: 'item-2',\n title: 'Toggle Item - Checked',\n isSelectable: true,\n isSelected: true,\n }, {\n key: 'item-3',\n title: 'Toggle Item - Not Checked',\n isSelectable: true,\n isSelected: false,\n }, {\n key: 'item-4',\n contentLocation: Utils.utilityHelpers.locations.FOOTER,\n title: 'Footer Item',\n }],\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")),(0,r.mdx)("h2",{id:"responsive-design"},"Responsive Design"),(0,r.mdx)("p",null,"The ApplicationLayout has two rendering modes: ",(0,r.mdx)("inlineCode",{parentName:"p"},"standard")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"compact"),"."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"standard")," rendering occurs at ",(0,r.mdx)("inlineCode",{parentName:"li"},"medium"),", ",(0,r.mdx)("inlineCode",{parentName:"li"},"large"),", and ",(0,r.mdx)("inlineCode",{parentName:"li"},"huge")," breakpoints."),(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"compact")," rendering occurs at ",(0,r.mdx)("inlineCode",{parentName:"li"},"tiny")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"small")," breakpoints.")),(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},"Prop"),(0,r.mdx)("th",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"th"},"standard")," Rendering"),(0,r.mdx)("th",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"th"},"compact")," Rendering"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"nameConfig")),(0,r.mdx)("td",{parentName:"tr",align:null},"Content is rendered within ApplicationLayout's header."),(0,r.mdx)("td",{parentName:"tr",align:null},"Same as ",(0,r.mdx)("inlineCode",{parentName:"td"},"standard"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"utilityConfig")),(0,r.mdx)("td",{parentName:"tr",align:null},"Content is rendered within the ApplicationLayout's header. The utility menu is presented using a popup (as provided by ",(0,r.mdx)("inlineCode",{parentName:"td"},"terra-popup"),")."),(0,r.mdx)("td",{parentName:"tr",align:null},"Content is rendered within the ApplicationMenuWrapper that wraps all menu content at ",(0,r.mdx)("inlineCode",{parentName:"td"},"compact")," breakpoints. The utility menu is presented modally (using the ApplicationLayout's included ModalManager).")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"navigationItems")),(0,r.mdx)("td",{parentName:"tr",align:null},"Content is rendered within the ApplicationLayout's header as tabs (as provided by ",(0,r.mdx)("inlineCode",{parentName:"td"},"terra-application-links"),")."),(0,r.mdx)("td",{parentName:"tr",align:null},"Content is rendered within a custom menu generated by the ApplicationLayout. This menu is injected into the ",(0,r.mdx)("inlineCode",{parentName:"td"},"routingConfig")," for the ",(0,r.mdx)("inlineCode",{parentName:"td"},"'/'")," path so that it will preceed any other defined routes. Other menu components are able to navigate to the default navigation menu by calling their ",(0,r.mdx)("inlineCode",{parentName:"td"},"routingStackDelegate"),"'s ",(0,r.mdx)("inlineCode",{parentName:"td"},"showParent")," function.")))),(0,r.mdx)("h2",{id:"menucontent-component-configuration"},"Menu/Content Component Configuration"),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"routingConfig")," prop specifies which components will be rendered in the ApplicationLayout's ",(0,r.mdx)("inlineCode",{parentName:"p"},"content")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"menu")," regions. These components receive a set of props from the ApplicationLayout that they must utilize; otherwise, these components can be completely defined by the consuming application."),(0,r.mdx)("blockquote",null,(0,r.mdx)("p",{parentName:"blockquote"},"Note: Because the ",(0,r.mdx)("inlineCode",{parentName:"p"},"ApplicationLayout")," utilizes client-side routing provided by ",(0,r.mdx)("inlineCode",{parentName:"p"},"react-router-dom"),", the usage of ",(0,r.mdx)("inlineCode",{parentName:"p"},"")," links and page anchors is restricted. Usage of links and page anchors may negatively impact navigation within an application. ",(0,r.mdx)("inlineCode",{parentName:"p"},"")," components provided by ",(0,r.mdx)("inlineCode",{parentName:"p"},"react-router-dom")," or custom events can and should be used instead.")),(0,r.mdx)("p",null,"The components rendered in these regions are guaranteed to receive the following props from the ApplicationLayout:"),(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},"Prop Name"),(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)("inlineCode",{parentName:"td"},"layoutConfig")),(0,r.mdx)("td",{parentName:"tr",align:null},"The ",(0,r.mdx)("inlineCode",{parentName:"td"},"layoutConfig")," contains properties describing the ApplicationLayout's state and functions that allow for the manipulation of that state.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"routingStackDelegate")),(0,r.mdx)("td",{parentName:"tr",align:null},"The ",(0,r.mdx)("inlineCode",{parentName:"td"},"routingStackDelegate")," contains APIs that allow for virtual navigation within a set of matched component paths.")))),(0,r.mdx)("p",null,"Each component specified in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"routingConfig")," needs to be able to accept these props and render appropriately. If a component does not appropriately handle them (i.e. it renders unknown props, like ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-button")," and many other generic Terra components), warnings and/or errors may be thrown."),(0,r.mdx)("h2",{id:"routingmenu---a-default-menu-implementation"},(0,r.mdx)("inlineCode",{parentName:"h2"},"RoutingMenu")," - A default menu implementation"),(0,r.mdx)("p",null,"The ApplicationLayout also provides the ",(0,r.mdx)("inlineCode",{parentName:"p"},"RoutingMenu"),", a menu component for applications desiring route-based navigation within their menu region. The ",(0,r.mdx)("inlineCode",{parentName:"p"},"RoutingMenu")," can be specified directly within the ",(0,r.mdx)("inlineCode",{parentName:"p"},"routingConfig")," or wrapped by another component for more custom implementations."),(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},(0,r.mdx)("inlineCode",{parentName:"th"},"RoutingMenu")," Props"),(0,r.mdx)("th",{parentName:"tr",align:null},"Type"),(0,r.mdx)("th",{parentName:"tr",align:null},"Is Required"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"layoutConfig")),(0,r.mdx)("td",{parentName:"tr",align:null},"Object"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"required"))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"menuItems")),(0,r.mdx)("td",{parentName:"tr",align:null},"Array"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"routingStackDelegate")),(0,r.mdx)("td",{parentName:"tr",align:null},"Object"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"required"))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"title")),(0,r.mdx)("td",{parentName:"tr",align:null},"String"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional")))),(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},(0,r.mdx)("inlineCode",{parentName:"th"},"menuItems")," Object Keys"),(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},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"text")),(0,r.mdx)("td",{parentName:"tr",align:null},"String"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"required")),(0,r.mdx)("td",{parentName:"tr",align:null},"The text string that will be rendered for the menu item.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"path")),(0,r.mdx)("td",{parentName:"tr",align:null},"String"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"required")),(0,r.mdx)("td",{parentName:"tr",align:null},"The text path that will routed to upon item selection.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"hasSubMenu")),(0,r.mdx)("td",{parentName:"tr",align:null},"Boolean"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"Indicates whether or not the item has subsequent menus. If true, a chevron will be rendered on the item.")))),(0,r.mdx)("h2",{id:"summary"},"Summary"),(0,r.mdx)("ol",null,(0,r.mdx)("li",{parentName:"ol"},"The ApplicationLayout requires a ",(0,r.mdx)("inlineCode",{parentName:"li"},"Base")," component (from ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-base"),") and any ",(0,r.mdx)("inlineCode",{parentName:"li"},"Router")," component (from ",(0,r.mdx)("inlineCode",{parentName:"li"},"react-router-dom"),") in its parent hierarchy."),(0,r.mdx)("li",{parentName:"ol"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"nameConfig")," prop customizes the ApplicationLayout's branding."),(0,r.mdx)("li",{parentName:"ol"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"utilityConfig")," prop generates an utilities menu and presentation controls within the layout. A default set of options can be generated by a helper."),(0,r.mdx)("li",{parentName:"ol"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"routingConfig")," prop determines which components get rendered in the ApplicationLayout's ",(0,r.mdx)("inlineCode",{parentName:"li"},"menu")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"content")," regions based on the router location. Usage of the path ",(0,r.mdx)("inlineCode",{parentName:"li"},"'/'")," is restricted for ",(0,r.mdx)("inlineCode",{parentName:"li"},"menu")," components inside the ",(0,r.mdx)("inlineCode",{parentName:"li"},"routingConfig"),"."),(0,r.mdx)("li",{parentName:"ol"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"navigationItems")," prop generates primary navigation controls within the layout. The provided navigation items should have associated content in the ",(0,r.mdx)("inlineCode",{parentName:"li"},"routingConfig"),"."),(0,r.mdx)("li",{parentName:"ol"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"indexPath")," prop determines the default redirect location for the layout. The provided path should have associated content in the ",(0,r.mdx)("inlineCode",{parentName:"li"},"routingConfig"),"."),(0,r.mdx)("li",{parentName:"ol"},"Menu and content components rendered within the ApplicationLayout receive an ",(0,r.mdx)("inlineCode",{parentName:"li"},"app")," prop with default support for modal disclosures."),(0,r.mdx)("li",{parentName:"ol"},"Menu and content components rendered within the ApplicationLayout also receive a ",(0,r.mdx)("inlineCode",{parentName:"li"},"layoutConfig")," prop for layout state manipulation."),(0,r.mdx)("li",{parentName:"ol"},"Menu and content components rendered within the ApplicationLayout also receive an ",(0,r.mdx)("inlineCode",{parentName:"li"},"routingStackDelegate")," prop. The ",(0,r.mdx)("inlineCode",{parentName:"li"},"show")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"showParent")," functions of the ",(0,r.mdx)("inlineCode",{parentName:"li"},"routingStackDelegate")," should be used for virtual navigation within configuration regions."),(0,r.mdx)("li",{parentName:"ol"},"The RoutingMenu component can be used directly for an off-the-shelf route-based navigation menu implementation.")))}p.isMDXComponent=!0},5355:function(e,n,t){t.d(n,{E:function(){return r}});var a=t(96540),i=t(55713),r=function(e){var n=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.1",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 r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}t.d(n,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/64111-b6ba0cbc4ca770c002ad.css b/64111-b6ba0cbc4ca770c002ad.css new file mode 100644 index 0000000000..2d6d23158b --- /dev/null +++ b/64111-b6ba0cbc4ca770c002ad.css @@ -0,0 +1 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} diff --git a/64111-b6ba0cbc4ca770c002ad.js b/64111-b6ba0cbc4ca770c002ad.js new file mode 100644 index 0000000000..98a1b54993 --- /dev/null +++ b/64111-b6ba0cbc4ca770c002ad.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[64111],{57552:function(e,n,t){t.r(n),t.d(n,{default:function(){return w}});var a=t(58168),r=t(53986),i=t(96540),u=t(36665),l=t(50232),o=t(1104),s=["components"],m={};function d(e){var n=e.components,t=(0,r.A)(e,s);return(0,u.mdx)("wrapper",(0,a.A)({},m,t,{components:n,mdxType:"MDXLayout"}),(0,u.mdx)("pre",null,(0,u.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable class-methods-use-this */\n\nimport React from 'react';\nimport { Form, Field } from 'react-final-form';\nimport InputField from 'terra-form-input/lib/InputField';\nimport Button from 'terra-button';\nimport Spacer from 'terra-spacer';\n\nconst validateUniqueUser = async (name) => {\n const response = new Promise((resolve) => {\n if (!name) {\n return resolve('Required');\n }\n if (name !== 'TerraUser') {\n return resolve('');\n }\n\n return resolve('Name is Unavailable');\n });\n\n await response;\n return response;\n};\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit }) {\n return (\n \n \n {({ input, meta }) => (\n { input.onChange(e.target.value); }}\n inputAttrs={input}\n value={input.value}\n required\n />\n )}\n \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\n function onSwitchForm(formKey) {\n setActiveForm(formKey);\n }\n\n return (\n
    \n

    Form Switcher

    \n

    The NavigationPrompt is not implemented, so no prompting occurs.

    \n \n Switch to Form 1\n \n \n Switch to Form 2\n \n
    \n
    \n );\n};\n\nexport default FormSwitcher;\n\n")))}s.isMDXComponent=!0;var d=n(201),p=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(d.A,{title:t||"Implementation Guide Part 0",description:n,example:o.createElement(u.A,null),exampleSrc:o.createElement(s,null),isExpanded:a})},f=["components"],v={},_="wrapper";function b(e){var t=e.components,n=(0,r.A)(e,f);return(0,l.mdx)(_,(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)("p",null,"Assume we have built a simple component, the FormSwitcher, that toggles between showing two different stateful components, Form 1 and Form 2. Users of the FormSwitcher have recently complained that they can switch between forms before submitting their in progress form, losing their data in the process. We want to implement the NavigationPrompt and NavigationPromptCheckpoint to give our users more control over the FormSwitcher's navigation."),(0,l.mdx)("blockquote",null,(0,l.mdx)("p",{parentName:"blockquote"},"Note: This implementation guide features examples and use cases for the various APIs provided by the NavigationPrompt and NavigationPromptCheckpoint.\n!! Please review your individual requirements to see which APIs are necessary for your specific needs.")),(0,l.mdx)("h2",{id:"part-0---reviewing-the-initial-formswitcher-implementation"},"Part 0 - Reviewing the Initial FormSwitcher Implementation"),(0,l.mdx)("p",null,"The FormSwitcher renders two buttons that allow users to toggle between showing Form 1 and Form 2. Form 1 and Form 2 are unique instances of the Form component."),(0,l.mdx)("p",null,"The Form component renders a text input element and keeps the input's value in state. When the Submit button is pressed, the value is reset to simulate a mock submission."),(0,l.mdx)("p",null,"If we enter text into Form 1's input, switch to Form 2, and then switch back to Form 1, we will notice our previously entered value is gone. This is not good, because that data in Form 1 could be ",(0,l.mdx)("em",{parentName:"p"},"very")," important to our users."),(0,l.mdx)("h2",{id:"example"},"Example"),(0,l.mdx)(p,{title:"Part 0 - Reviewing the Initial FormSwitcher Implementation",mdxType:"ImplementationGuidePart0"}))}b.isMDXComponent=!0},5147: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-navigation-prompt",name:"terra-navigation-prompt",version:"1.94.1",url:t})}},21949:function(e,t,n){var a=n(24994),r=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"!=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},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),i=a(n(5556));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)}var m=function(e){var t=e.title,n=e.ariaLabel,a=(0,l.useState)(""),r=(0,o.default)(a,2),i=r[0],u=r[1];return l.default.createElement("div",null,l.default.createElement("p",null,t),l.default.createElement("input",{"aria-label":n,type:"text",onChange:function(e){u(e.target.value)},value:i}),l.default.createElement("button",{type:"button",onClick:function(){u("")}},"Submit"))};m.propTypes={title:i.default.string,ariaLabel:i.default.string};t.A=function(){var e=(0,l.useState)("Form 1"),t=(0,o.default)(e,2),n=t[0],a=t[1];function r(e){a(e)}return l.default.createElement("div",null,l.default.createElement("h2",null,"Form Switcher"),l.default.createElement("p",null,"The NavigationPrompt is not implemented, so no prompting occurs."),l.default.createElement("button",{type:"button",disabled:"Form 1"===n,onClick:r.bind(null,"Form 1")},"Switch to Form 1"),l.default.createElement("button",{type:"button",disabled:"Form 2"===n,onClick:r.bind(null,"Form 2")},"Switch to Form 2"),l.default.createElement(m,{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=o(n(96540)),r=o(n(25365));function o(e){return e&&e.__esModule?e:{default:e}}var l=function(e){var t=Object.assign({},e);return a.default.createElement(r.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 o=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/75333-25d6a387f7106d9c343b.css b/75333-25d6a387f7106d9c343b.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/75333-25d6a387f7106d9c343b.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/75333-25d6a387f7106d9c343b.js b/75333-25d6a387f7106d9c343b.js new file mode 100644 index 0000000000..4f32410dd3 --- /dev/null +++ b/75333-25d6a387f7106d9c343b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[75333],{55713:function(e,a,l){var m=l(24994);a.A=void 0;var d=m(l(96540)),n=m(l(5556)),i=m(l(67967)),r=m(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,m=e.url,n=e.version,i=d.default.createElement("a",{className:t("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:t("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:t("badge-version")},"v".concat(n))),r=a?d.default.createElement("a",{className:t("badge"),href:a},d.default.createElement("span",{className:t("badge-name")},"github"),d.default.createElement("span",{className:t("badge-version")},"source")):void 0;return d.default.createElement("div",{className:t("badge-container")},i,r)};p.propTypes=u;a.A=p},75333: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)),i=l(20407),r=["components"],t={},u="wrapper";function p(e){var a=e.components,l=(0,d.A)(e,r);return(0,n.mdx)(u,(0,m.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:"1861---may-20-2024"},"1.86.1 - (May 20, 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"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"^3.61.0"),".")))),(0,n.mdx)("h2",{id:"1860---may-20-2024"},"1.86.0 - (May 20, 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"},(0,n.mdx)("inlineCode",{parentName:"li"},"isHeaderDisabled")," to hide header from popup.")))),(0,n.mdx)("h2",{id:"1850---may-14-2024"},"1.85.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:"1840---may-8-2024"},"1.84.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:"1830---may-1-2024"},"1.83.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:"1820---april-4-2024"},"1.82.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:"1810---march-25-2024"},"1.81.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:"1800---march-14-2024"},"1.80.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:"1790---march-8-2024"},"1.79.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:"1780---march-5-2024"},"1.78.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:"1770---february-28-2024"},"1.77.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:"1760---january-22-2024"},"1.76.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:"1750---december-18-2023"},"1.75.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:"1740---november-23-2023"},"1.74.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:"1730---october-11-2023"},"1.73.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:"1720---october-3-2023"},"1.72.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:"1710---august-31-2023"},"1.71.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:"1701---august-4-2023"},"1.70.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:"1700---july-31-2023"},"1.70.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:"1690---july-25-2023"},"1.69.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:"1680---july-19-2023"},"1.68.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:"1670---june-5-2023"},"1.67.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:"1660---may-11-2023"},"1.66.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:"1650---april-27-2023"},"1.65.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:"1640---march-29-2023"},"1.64.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:"1630---march-1-2023"},"1.63.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:"1620---february-14-2023"},"1.62.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:"1610---february-7-2023"},"1.61.0 - (February 7, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated jest snapshot for decorative icon changes.")))),(0,n.mdx)("h2",{id:"1600---december-13-2022"},"1.60.0 - (December 13, 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 broken links in documentation.")))),(0,n.mdx)("h2",{id:"1592---march-15-2022"},"1.59.2 - (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:"1591---february-2-2022"},"1.59.1 - (February 2, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1590---november-16-2021"},"1.59.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:"1580---november-9-2021"},"1.58.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:"1570---october-14-2021"},"1.57.0 - (October 14, 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"},"Reverted focus-trap-react upgrade due to passivity concerns")))),(0,n.mdx)("h2",{id:"1560---october-12-2021"},"1.56.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"},"Upgrade focus-trap-react to version ^8.0.0.")))),(0,n.mdx)("h2",{id:"1550---september-20-2021"},"1.55.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 behavior for the menu close custom event to trigger onDrawerMenuStateChange callback."),(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:"1540---july-21-2021"},"1.54.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.11.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:"1530---july-13-2021"},"1.53.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:"1520---july-6-2021"},"1.52.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"},"Updated screenshots due to changes made in ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-application-name"),".")))),(0,n.mdx)("h2",{id:"1510---june-8-2021"},"1.51.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:"1500---may-4-2021"},"1.50.0 - (May 4, 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"},"add z-index to address ambiguous layers across browsers.")))),(0,n.mdx)("h2",{id:"1490---april-27-2021"},"1.49.0 - (April 27, 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 Swedish translations.")))),(0,n.mdx)("h2",{id:"1481---april-12-2021"},"1.48.1 - (April 12, 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"},"add back missing metaData to utility items.")))),(0,n.mdx)("h2",{id:"1480---april-6-2021"},"1.48.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 screenshots with elements that are out of bound"),(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command"))),(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"},"Applied theme context to drawer menu and popup menu")))),(0,n.mdx)("h2",{id:"1470---march-9-2021"},"1.47.0 - (March 9, 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 terra-functional-testing"),(0,n.mdx)("li",{parentName:"ul"},"Remove extraneous application bases from tests."))),(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"},"Adding an id to ApplicationNavigation now causes navigation, extension, and utility items to have a unique id."))),(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 error when using focus trap with react-intl v5")))),(0,n.mdx)("h2",{id:"1460---february-9-2021"},"1.46.0 - (February 9, 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"},"Fix screen reader to read username along with user settings.")))),(0,n.mdx)("h2",{id:"1450---february-2-2021"},"1.45.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"},"Updated sv translations due to feedback from the i18n team.")))),(0,n.mdx)("h2",{id:"1440---january-26-2021"},"1.44.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)("h2",{id:"1430---january-5-2021"},"1.43.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:"1420---december-8-2020"},"1.42.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:"1410---november-24-2020"},"1.41.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:"1400---november-10-2020"},"1.40.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:"1390---october-27-2020"},"1.39.0 - (October 27, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Corrected presentation of Help utility item in DrawerMenu when it is the only utility item present.")))),(0,n.mdx)("h2",{id:"1380---october-20-2020"},"1.38.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:"1370---october-13-2020"},"1.37.0 - (October 13, 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"},"Apply theme context to application-navigation."))),(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 references to terra-doc-template with terra-docs."),(0,n.mdx)("li",{parentName:"ul"},"Update terra-avatar to 3.8.0."))),(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 ApplicationNavigation TabCount consolidation logic."),(0,n.mdx)("li",{parentName:"ul"},"Removed dependency on terra-application.")))),(0,n.mdx)("h2",{id:"1360---september-29-2020"},"1.36.0 - (September 29, 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 a custom event that closes both drawer menu and popup menu if open.")))),(0,n.mdx)("h2",{id:"1350---august-18-2020"},"1.35.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)("h2",{id:"1340---august-11-2020"},"1.34.0 - (August 11, 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"},"Fix 'tab' text flicker when notifications are provided.")))),(0,n.mdx)("h2",{id:"1330---august-4-2020"},"1.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)("li",{parentName:"ul"},"Update jest due to change in theme")))),(0,n.mdx)("h2",{id:"1300---july-14-2020"},"1.30.0 - (July 14, 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"},"Corrected the 'resize observer loop limit reached' error with animation frames."))),(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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"side-drawer")," not opening in IE for tiny viewport."))),(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 themeable variable --terra-application-navigation-content-layout-default-width"),(0,n.mdx)("li",{parentName:"ul"},"Removed themeable variable --terra-application-navigation-content-layout-medium-width"))),(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 ",(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"},"Minor file changes to comply with eslint rules"),(0,n.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,n.mdx)("h2",{id:"1290---june-16-2020"},"1.29.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:"1280---june-9-2020"},"1.28.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"},"Update failing jest snapshots")))),(0,n.mdx)("h2",{id:"1270---june-2-2020"},"1.27.0 - (June 2, 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"},"Removed outline on main content")))),(0,n.mdx)("h2",{id:"1280---may-26-2020"},"1.28.0 - (May 26, 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"},"Focus should be returned to ",(0,n.mdx)("inlineCode",{parentName:"li"},"Tab")," key clicked when ",(0,n.mdx)("inlineCode",{parentName:"li"},"Navigation prompt")," is dismissed."),(0,n.mdx)("li",{parentName:"ul"},"Focus should be passed to ",(0,n.mdx)("inlineCode",{parentName:"li"},"Content")," when ",(0,n.mdx)("inlineCode",{parentName:"li"},"Navigation prompt")," is accepted."),(0,n.mdx)("li",{parentName:"ul"},"Updated the static focusMainContent method to use the useCallback hook to fix lint errors")))),(0,n.mdx)("h2",{id:"1270---may-19-2020"},"1.27.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:"1260---april-28-2020"},"1.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"},"Regenerate wdio fusion screenshots due to bottom border style changes in terra-action-header."))),(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:"1250---april-6-2020"},"1.25.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")," in userConfig")))),(0,n.mdx)("h2",{id:"1240---march-31-2020"},"1.24.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:"1230---march-10-2020"},"1.23.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:"1220---march-3-2020"},"1.22.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)("li",{parentName:"ul"},"Updated wdio screenshots")))),(0,n.mdx)("h2",{id:"1210---february-25-2020"},"1.21.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:"1200---february-18-2020"},"1.20.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed Drawer menu not closing in Internet Explorer on clicking outside of drawer menu.")))),(0,n.mdx)("h2",{id:"1190---february-11-2020"},"1.19.0 - (February 11, 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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"settings")," api called when ",(0,n.mdx)("inlineCode",{parentName:"li"},"help")," clicked in drawer menu.")))),(0,n.mdx)("h2",{id:"1180---february-4-2020"},"1.18.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:"1170---january-28-2020"},"1.17.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:"1160---january-7-2020"},"1.16.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:"1150---december-16-2019"},"1.15.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"},"Updated Jest snapshots."),(0,n.mdx)("li",{parentName:"ul"},"Fixed axe issue for wrong aria-roles")))),(0,n.mdx)("h2",{id:"1140---december-10-2019"},"1.14.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 reference wdio screenshots for "orion-fusion-theme".'))),(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 Snapshots due to changes in ",(0,n.mdx)("inlineCode",{parentName:"li"},"avatar"),".")))),(0,n.mdx)("h2",{id:"1130---november-20-2019"},"1.13.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:"1120---november-18-2019"},"1.12.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:"1110---november-7-2019"},"1.11.0 - (November 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"onDrawerMenuStateChange")," callback added for Drawer menu state change."))),(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"},"Resolved lint warnings for multiple empty lines")))),(0,n.mdx)("h2",{id:"1100---october-30-2019"},"1.10.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:"190---october-21-2019"},"1.9.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:"180---october-16-2019"},"1.8.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:"170---october-3-2019"},"1.7.0 - (October 3, 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 terra-icon package version."),(0,n.mdx)("li",{parentName:"ul"},"Adjusted title margin and padding"),(0,n.mdx)("li",{parentName:"ul"},"Update tests and screenshots to support theme tests"))),(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 wdio test url.")))),(0,n.mdx)("h2",{id:"160---september-26-2019"},"1.6.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:"150---september-19-2019"},"1.5.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"},"Update underlying structure to handle new theme variables."),(0,n.mdx)("li",{parentName:"ul"},"Revert test wrapper changes."),(0,n.mdx)("li",{parentName:"ul"},"Update Jest snapshots"),(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)("li",{parentName:"ul"},"Theme border-bottom focus"))),(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 clip bug."))),(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:"140---september-6-2019"},"1.4.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"},"Added check to prevent rendering of Utility Button or Nav Drawer Button if they are empty."),(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:"130---august-21-2019"},"1.3.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"120---august-14-2019"},"1.2.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:"110---july-30-2019"},"1.1.0 - (July 30, 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"},"Prevent outside clicks from passing through to content when drawer open."))),(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"},"Re-generate screenshots with different mouseover positioning.")))),(0,n.mdx)("h2",{id:"101---july-23-2019"},"1.0.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"},"Corrected themeable variable name that slipped through lint filter.")))),(0,n.mdx)("h2",{id:"100---july-23-2019"},"1.0.0 - (July 23, 2019)"),(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,d.A)(e,x);return(0,n.mdx)(N,(0,m.A)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(i.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},20407: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-application-navigation",name:"terra-application-navigation",version:"1.86.1",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/77238-b5dea1a79c3a48d07703.css b/77238-b5dea1a79c3a48d07703.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/77238-b5dea1a79c3a48d07703.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/77238-b5dea1a79c3a48d07703.js b/77238-b5dea1a79c3a48d07703.js new file mode 100644 index 0000000000..5bdf3c5beb --- /dev/null +++ b/77238-b5dea1a79c3a48d07703.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[77238],{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)),t=d(l(25642)),u=r.default.bind(t.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,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))),t=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,t)};p.propTypes=i;a.A=p},77238: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(38011),t=["components"],u={},i="wrapper";function p(e){var a=e.components,l=(0,m.A)(e,t);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:"3331---may-20-2024"},"3.33.1 - (May 20, 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"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"^3.61.0"),".")))),(0,n.mdx)("h2",{id:"3330---may-20-2024"},"3.33.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:"3320---july-31-2023"},"3.32.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:"3310---september-20-2021"},"3.31.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:"3300---june-8-2021"},"3.30.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:"3290---april-6-2021"},"3.29.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:"3280---march-9-2021"},"3.28.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:"3270---january-5-2021"},"3.27.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:"3260---november-24-2020"},"3.26.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:"3250---august-4-2020"},"3.25.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:"3240---july-14-2020"},"3.24.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:"3230---april-28-2020"},"3.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:"3220---march-31-2020"},"3.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:"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---february-4-2020"},"3.20.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:"3190---january-28-2020"},"3.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:"3180---december-10-2019"},"3.18.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:"3170---november-7-2019"},"3.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:"3160---october-16-2019"},"3.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:"3150---october-3-2019"},"3.15.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3140---september-26-2019"},"3.14.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3130---september-19-2019"},"3.13.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,n.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,n.mdx)("h2",{id:"3120---september-6-2019"},"3.12.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"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:"3110---august-14-2019"},"3.11.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:"3100---july-30-2019"},"3.10.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:"390---july-16-2019"},"3.9.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:"380---july-10-2019"},"3.8.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:"370---july-2-2019"},"3.7.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:"360---june-19-2019"},"3.6.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"},"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)("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)("h2",{id:"350---june-12-2019"},"3.5.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:"340---may-21-2019"},"3.4.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:"330---april-24-2019"},"3.3.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:"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"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Hiding overflow on content region to correct flexbox layout")))),(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:"2190---january-5-2019"},"2.19.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:"2180---january-2-2019"},"2.18.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:"2170---december-5-2018"},"2.17.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:"2160---december-3-2018"},"2.16.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:"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-25-2018"},"2.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"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"2120---september-5-2018"},"2.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:"2110---august-30-2018"},"2.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:"2100---august-14-2018"},"2.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)("h2",{id:"290---july-25-2018"},"2.9.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:"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"},"Clean up dependencies")))),(0,n.mdx)("h2",{id:"270---july-3-2018"},"2.7.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:"260---june-29-2018"},"2.6.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:"250---june-12-2018"},"2.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"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"240---may-30-2018"},"2.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"},"Moved examples to src")))),(0,n.mdx)("h2",{id:"230---may-22-2018"},"2.3.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:"220---april-30-2018"},"2.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"},"Minor dependency updates"),(0,n.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(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"},"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)(r.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},38011: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-menu-layout",name:"terra-application-menu-layout",version:"3.33.1",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/79966-e7fab742057462b444d6.css b/79966-e7fab742057462b444d6.css new file mode 100644 index 0000000000..dfc7f20688 --- /dev/null +++ b/79966-e7fab742057462b444d6.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.Textarea-module__clinical-lowlight-theme___Nmtf4{--terra-form-textarea-background-color: #222a2e;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: auto;--terra-form-textarea-border-color: #181b1d;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #b2b5b6;--terra-form-textarea-font-size: 1.143rem;--terra-form-textarea-line-height: 1.25;--terra-form-textarea-padding-bottom: 0.286rem;--terra-form-textarea-padding-left: 0.286rem;--terra-form-textarea-padding-right: 0.286rem;--terra-form-textarea-padding-top: 0.286rem;--terra-form-textarea-hover-background-color: #222a2e;--terra-form-textarea-hover-border-color: #181b1d;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #b2b5b6;--terra-form-textarea-focus-background-size: auto;--terra-form-textarea-focus-border-color: #181b1d;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #222a2e;--terra-form-textarea-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-focus-color: #b2b5b6;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0.2s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-disabled-background-color: #1d2529;--terra-form-textarea-disabled-border-color: #24282b;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #404344;--terra-form-textarea-disabled-opacity: 0.25;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #222a2e;--terra-form-textarea-error-border-color: #181b1d;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #222a2e;--terra-form-textarea-error-hover-border-color: #181b1d;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #b2b5b6;--terra-form-textarea-error-focus-background-size: auto;--terra-form-textarea-error-focus-background-color: #222a2e;--terra-form-textarea-error-focus-border-color: #181b1d;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-error-focus-color: #b2b5b6;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-disabled-background-color: #1d2529;--terra-form-textarea-error-disabled-border-color: #24282b;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #404344;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #464232;--terra-form-textarea-incomplete-hover-background-color: #464232;--terra-form-textarea-incomplete-disabled-background-color: #464232;--terra-form-textarea-incomplete-focus-background-color: #464232}.Textarea-module__orion-fusion-theme___MFmVe{--terra-form-textarea-background-color: #fff;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: 0 0;--terra-form-textarea-border-color: #dedfe0;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #1c1f21;--terra-form-textarea-font-size: 1rem;--terra-form-textarea-line-height: 1.416667;--terra-form-textarea-padding-bottom: 0.25rem;--terra-form-textarea-padding-left: 0.25rem;--terra-form-textarea-padding-right: 0.25rem;--terra-form-textarea-padding-top: 0.25rem;--terra-form-textarea-hover-background-color: #fff;--terra-form-textarea-hover-border-color: #dedfe0;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #1c1f21;--terra-form-textarea-focus-background-size: 0 0;--terra-form-textarea-focus-border-color: #4cb2e9;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #fff;--terra-form-textarea-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-color: #1c1f21;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-disabled-background-color: #f4f4f4;--terra-form-textarea-disabled-border-color: #b2b5b6;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #9b9fa1;--terra-form-textarea-disabled-opacity: 1;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #fff;--terra-form-textarea-error-border-color: #dedfe0;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: none;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #fff;--terra-form-textarea-error-hover-border-color: #dedfe0;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #1c1f21;--terra-form-textarea-error-focus-background-size: 0 0;--terra-form-textarea-error-focus-background-color: #fff;--terra-form-textarea-error-focus-border-color: #dedfe0;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-color: #1c1f21;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-disabled-background-color: #f4f4f4;--terra-form-textarea-error-disabled-border-color: #b2b5b6;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #9b9fa1;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #fefd9a;--terra-form-textarea-incomplete-hover-background-color: #fefd9a;--terra-form-textarea-incomplete-focus-background-color: #fefd9a;--terra-form-textarea-incomplete-disabled-background-color: #f4f4f4}.Textarea-module__textarea___1EN-n{color:#000;color:var(--terra-form-textarea-color, #000);font-family:inherit;font-size:1.143rem;font-size:var(--terra-form-textarea-font-size, 1.143rem);line-height:1.25;line-height:var(--terra-form-textarea-line-height, 1.25);max-width:100%;opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);width:100%}[dir] .Textarea-module__textarea___1EN-n{background-color:#fff;background-color:var(--terra-form-textarea-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-background-image, none);background-repeat:no-repeat;background-size:0 0;background-size:var(--terra-form-textarea-background-size, 0 0);border-color:#dedfe0;border-color:var(--terra-form-textarea-border-color, #dedfe0);border-radius:3px;border-radius:var(--terra-form-textarea-border-radius, 3px);border-style:solid;border-style:var(--terra-form-textarea-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-border-width, 1px);cursor:auto;padding-bottom:0.286rem;padding-bottom:var(--terra-form-textarea-padding-bottom, 0.286rem);padding-top:0.286rem;padding-top:var(--terra-form-textarea-padding-top, 0.286rem);transition-duration:0.2s;transition-duration:var(--terra-form-textarea-focus-transition-duration, 0.2s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-textarea-focus-transition-timing-function, ease)}[dir=ltr] .Textarea-module__textarea___1EN-n{background-position:0 100%;padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-left, 0.286rem);padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-right, 0.286rem)}[dir=rtl] .Textarea-module__textarea___1EN-n{background-position:100% 100%;padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-left, 0.286rem);padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-right, 0.286rem)}.Textarea-module__textarea___1EN-n:hover{color:var(--terra-form-textarea-hover-color)}[dir] .Textarea-module__textarea___1EN-n:hover{background-color:var(--terra-form-textarea-hover-background-color);border-color:#dedfe0;border-color:var(--terra-form-textarea-hover-border-color, #dedfe0);border-style:solid;border-style:var(--terra-form-textarea-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-hover-border-width, 1px)}[dir] .Textarea-module__textarea___1EN-n[required]{box-shadow:unset}.Textarea-module__textarea___1EN-n[disabled]{color:#1c1f21;color:var(--terra-form-textarea-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-disabled-opacity, 0.25);pointer-events:none;resize:none}[dir] .Textarea-module__textarea___1EN-n[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#868a8c;border-color:var(--terra-form-textarea-disabled-border-color, #868a8c);border-style:solid;border-style:var(--terra-form-textarea-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-disabled-border-width, 1px);cursor:default}.Textarea-module__textarea___1EN-n:focus{color:#000;color:var(--terra-form-textarea-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);outline:none}[dir] .Textarea-module__textarea___1EN-n:focus{background-color:var(--terra-form-textarea-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-focus-background-size, 0 0);border-color:#4cb2e9;border-color:var(--terra-form-textarea-focus-border-color, #4cb2e9);border-style:solid;border-style:var(--terra-form-textarea-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-focus-border-width, 1px);box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-box-shadow, 0 0 8px #a6d9f4)}[dir=ltr] .Textarea-module__textarea___1EN-n:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-ltr-box-shadow, 0 0 8px #a6d9f4)}[dir=rtl] .Textarea-module__textarea___1EN-n:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-rtl-box-shadow, 0 0 8px #a6d9f4)}.Textarea-module__full-size___\+I8BZ{height:100%;resize:none;width:100%}.Textarea-module__no-resize___cBMRC{resize:none}.Textarea-module__resizable___SfQzJ{box-sizing:padding-box;overflow:hidden}.Textarea-module__form-error___68kuD{opacity:1;opacity:var(--terra-form-textarea-error-opacity, 1)}[dir] .Textarea-module__form-error___68kuD{background-color:#fff;background-color:var(--terra-form-textarea-error-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-error-background-image, none);border-color:#e50000;border-color:var(--terra-form-textarea-error-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___68kuD:hover{color:var(--terra-form-textarea-error-hover-color)}[dir] .Textarea-module__form-error___68kuD:hover{background-color:var(--terra-form-textarea-error-hover-background-color);border-color:#e50000;border-color:var(--terra-form-textarea-error-hover-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-hover-border-width, 1px)}.Textarea-module__form-error___68kuD[disabled]{color:#1c1f21;color:var(--terra-form-textarea-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-error-disabled-opacity, 0.25)}[dir] .Textarea-module__form-error___68kuD[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-error-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#e50000;border-color:var(--terra-form-textarea-error-disabled-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-disabled-border-width, 1px)}[dir] .Textarea-module__form-error___68kuD[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___68kuD:focus{color:#000;color:var(--terra-form-textarea-error-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-error-focus-opacity, 1)}[dir] .Textarea-module__form-error___68kuD:focus{background-color:var(--terra-form-textarea-error-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-error-focus-background-size, 0 0);border-color:#e50000;border-color:var(--terra-form-textarea-error-focus-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-focus-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Textarea-module__form-error___68kuD:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Textarea-module__form-error___68kuD:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Textarea-module__form-incomplete___xpoV4{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___xpoV4:hover{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-hover-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___xpoV4[disabled]{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-disabled-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___xpoV4:focus{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-focus-background-color, #ffc)} diff --git a/79966-e7fab742057462b444d6.js b/79966-e7fab742057462b444d6.js new file mode 100644 index 0000000000..5fd54eb669 --- /dev/null +++ b/79966-e7fab742057462b444d6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[79966],{51686:function(e,t,n){n.r(t),n.d(t,{default:function(){return s}});var r=n(58168),a=n(53986),i=(n(96540),n(36665)),o=n(50232),l=n(17921),m=["components"],d={},u="wrapper";function s(e){var t=e.components,n=(0,a.A)(e,m);return(0,i.mdx)(u,(0,r.A)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(o.E,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"form-validation"},"Form Validation"),(0,i.mdx)("p",null,"Terra recommends using ",(0,i.mdx)("a",{parentName:"p",href:"https://github.com/final-form/react-final-form"},"react-final-form")," to write form validations for components. This package contains several different hooks and functionality for performing validations at various levels which include:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Validating onChange"),(0,i.mdx)("li",{parentName:"ul"},"Validating onSubmit"),(0,i.mdx)("li",{parentName:"ul"},"Validating Synchronously (Such as for unique user name implementations)"),(0,i.mdx)("li",{parentName:"ul"},"Restricting inputs to a particular format.")),(0,i.mdx)("p",null,"For other functionality that is provided, consult ",(0,i.mdx)("a",{parentName:"p",href:"https://github.com/final-form/react-final-form"},"react-final-form documentation"),"."),(0,i.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Install from ",(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-form-validation"))))),(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},"final-form"),(0,i.mdx)("td",{parentName:"tr",align:null},"^4.6.0")),(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-final-form"),(0,i.mdx)("td",{parentName:"tr",align:null},">=5.0.2 <7.0.0")))),(0,i.mdx)("h2",{id:"integration-with-terra"},"Integration with Terra"),(0,i.mdx)("p",null,"To easily integrate react-final-form with Terra form elements, we have created individual Field components inside of terra-form-input (InputField), terra-form-textarea (TextareaField), terra-form-radio (RadioField) and terra-form-checkbox (CheckboxField). For integrating with terra-form-select components, a Select element can be combined with a terra-form-field component. There are future enhancements to add a Field component to terra-form-select."),(0,i.mdx)("p",null,"For all of these field components, the isInvalid and error props of the Fields will be set from the data coming from react-final-form."),(0,i.mdx)("h2",{id:"usage"},"Usage"),(0,i.mdx)("p",null,"react-final-form consists of a wrapping Form element that houses the validation logic, and Field elements that validate individual inputs of a given form."),(0,i.mdx)("p",null,"To start, you need to import the Form component from react-final-form, and set the onSubmit and render props of the Form. onSubmit is a function with a single argument that is an object of the submitted form values, and the render function is essentially a function that returns a native form rendered in react. The render function has several different props provided by react-final-form that can be used for creating your forms (see ",(0,i.mdx)("a",{parentName:"p",href:"https://github.com/final-form/react-final-form#formrenderprops"},"form render props")," for all possible options). One thing to note is that inside the render function, handleSubmit needs to be passed into the native form component as well."),(0,i.mdx)("p",null,"When rendering individual fields inside the form, there are a few things that need to be done. The first is to create a Field component using the Field object from react-final-form, and setting the name, initial value, and validate props. Then inside the Field children, render a function with the arguments input and meta. The input prop contains information specific to the event such as value and name, and meta includes information related to field errors, submission state, validity status. You can view more of the provided attributes ",(0,i.mdx)("a",{parentName:"p",href:"https://github.com/final-form/react-final-form#fieldrenderprops"},"here"),". For immediate use, make sure that the function returns a form element with the onChange, value, and other input attributes set appropriately."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"NOTE:")," When using ",(0,i.mdx)("a",{parentName:"p",href:"https://github.com/final-form/react-final-form"},"react-final-form")," for validation, we recommend disabling HTML5 form validation by adding the ",(0,i.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-novalidate"},(0,i.mdx)("inlineCode",{parentName:"a"},"noValidate")," boolean attribute")," to your form element."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-html"},"\n")),(0,i.mdx)("p",null,"See links in the sidebar for working with additional validation events and writing custom validations."),(0,i.mdx)("h2",{id:"examples"},"Examples"),(0,i.mdx)(l.A,{title:"Basic Form Validation Example",mdxType:"DefaultFormValidation"}))}s.isMDXComponent=!0},17921:function(e,t,n){n.d(t,{A:function(){return p}});var r=n(96540),a=n(49899),i=n(58168),o=n(53986),l=n(36665),m=["components"],d={};function u(e){var t=e.components,n=(0,o.A)(e,m);return(0,l.mdx)("wrapper",(0,i.A)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Form, Field } from 'react-final-form';\nimport InputField from 'terra-form-input/lib/InputField';\nimport TextareaField from 'terra-form-textarea/lib/TextareaField';\nimport Button from 'terra-button';\nimport Spacer from 'terra-spacer';\n\nconst validateUniqueUser = async (name) => {\n const response = new Promise((resolve) => {\n if (name !== 'TerraUser') {\n return resolve('');\n }\n\n return resolve('Name is Unavailable');\n });\n\n await response;\n return response;\n};\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n this.renderForm = this.renderForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit }) {\n return (\n \n \n {({ input, meta }) => (\n { input.onChange(e.target.value); }}\n value={input.value}\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

    \n Last Triggered Tab:\n {this.state.activeKey}\n

    \n
    \n \n {tab1}\n {tab2}\n {tab3}\n {tab4}\n {tab5}\n {tab6}\n \n \n );\n }\n}\nexport default DraggableTabs;\n\n')))}ee.isMDXComponent=!0;var ne=function(e){var n=e.title,a=e.description,t=e.isExpanded;return o.createElement(v.A,{title:n||"Draggable Tabs",description:a,example:o.createElement(G.A,null),exampleSrc:o.createElement(ee,null),isExpanded:t})},ae=a(85612),te=["components"],le={};function oe(e){var n=e.components,a=(0,l.A)(e,te);return(0,r.mdx)("wrapper",(0,t.A)({},le,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNames from 'classnames/bind';\nimport IconBriefcase from 'terra-icon/lib/icon/IconBriefcase';\nimport IconSearch from 'terra-icon/lib/icon/IconSearch';\nimport Tabs from 'terra-tabs';\nimport TabContentTemplate from './TabContentTemplate';\nimport styles from './common/TabExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nlet i = -1;\n\nconst AddTab = () => {\n const tabsExample = [];\n const [tabs, setTabs] = useState(tabsExample);\n const [activeKey, setActiveKey] = useState();\n\n tabsExample.push(\n {\n label: 'Self Registration',\n key: 'AddLabelTab',\n content: 'Self Registration',\n },\n );\n\n tabsExample.push(\n {\n label: 'Find A Doctor',\n icon: ,\n isIconOnly: true,\n key: 'AddIconTab',\n content: 'Find A Doctor',\n },\n );\n\n tabsExample.push(\n {\n label: 'View Specialities',\n customDisplay:
    View Specialities
    ,\n key: 'AddCustomTab',\n content: 'View Specialities',\n },\n );\n\n tabsExample.push(\n {\n label: 'Pharmacy',\n key: 'AddDisabledTab',\n icon: ,\n },\n );\n\n tabsExample.push(\n {\n label: 'Billing, Insurance & Payment',\n key: 'AddlongLabel',\n content: 'Billing, Insurance & Payment',\n },\n );\n\n tabsExample.push(\n {\n label: 'Lab Medicine',\n key: 'AddlastTab',\n content: 'Lab Medicine',\n },\n );\n\n const addMoreTabPanes = () => {\n i += 1;\n const tabsArray = tabs;\n tabsArray.push(\n {\n label: `Added New Tab_${i}`,\n isIconOnly: false,\n key: `AddTab_${i}`,\n content: `Added New Tab_${i}`,\n isActive: true,\n },\n );\n setActiveKey(`AddTab_${i}`);\n setTabs(tabsArray);\n };\n\n const handleSelection = (event, selectedKey) => {\n if (selectedKey !== activeKey) {\n setActiveKey(selectedKey);\n }\n };\n\n return (\n
    \n \n { tabs.map((tab) => (\n \n \n \n ))}\n \n
    \n );\n};\n\nexport default AddTab;\n\n")))}oe.isMDXComponent=!0;var re=function(e){var n=e.title,a=e.description,t=e.isExpanded;return o.createElement(v.A,{title:n||"Add Tab",description:a,example:o.createElement(ae.A,null),exampleCssSrc:o.createElement(E,null),exampleSrc:o.createElement(oe,null),isExpanded:t})},ie=a(89524),se=["components"],de={};function ce(e){var n=e.components,a=(0,l.A)(e,se);return(0,r.mdx)("wrapper",(0,t.A)({},de,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNames from 'classnames/bind';\nimport IconBriefcase from 'terra-icon/lib/icon/IconBriefcase';\nimport IconSearch from 'terra-icon/lib/icon/IconSearch';\nimport Tabs from 'terra-tabs';\nimport TabContentTemplate from './TabContentTemplate';\nimport styles from './common/TabExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ClosableTab = () => {\n const tabsExample = [];\n const [tabs, setTabs] = useState(tabsExample);\n\n tabsExample.push(\n {\n label: 'Doctors',\n key: 'CloseLabelTab',\n content: 'Doctor details',\n },\n );\n\n tabsExample.push(\n {\n label: 'Pharmacy',\n icon: ,\n isIconOnly: true,\n key: 'CloseIconTab',\n content: 'Pharmacy details',\n },\n );\n\n tabsExample.push(\n {\n label: 'Customized Tab',\n customDisplay:
    Customized Tab
    ,\n key: 'CloseCustomTab',\n content: 'Custom display',\n },\n );\n\n tabsExample.push(\n {\n label: 'Disabled Tab',\n key: 'CloseDisabledTab',\n icon: ,\n isDisabled: true,\n },\n );\n\n tabsExample.push(\n {\n label: 'List of In-Patient Details Department Wise',\n key: 'CloselongLabel',\n content: 'List for In-Patient Details Department Wise',\n },\n );\n\n tabsExample.push(\n {\n label: 'Appointments',\n key: 'CloselastTab',\n content: 'Appointments',\n },\n );\n\n const handleTabClose = (tabdata, itemKey) => {\n const tabsArray = [...tabs];\n const indexToRemove = tabsArray.findIndex(tab => tab.key === itemKey);\n if (indexToRemove !== -1) {\n tabsArray.splice(indexToRemove, 1);\n setTabs(tabsArray);\n }\n };\n\n return (\n
    \n \n { tabs.map((tab) => (\n \n \n \n ))}\n \n
    \n );\n};\n\nexport default ClosableTab;\n\n")))}ce.isMDXComponent=!0;var me=function(e){var n=e.title,a=e.description,t=e.isExpanded;return o.createElement(v.A,{title:n||"Closable Tab",description:a,example:o.createElement(ie.A,null),exampleCssSrc:o.createElement(E,null),exampleSrc:o.createElement(ce,null),isExpanded:t})},pe=a(32568),ue=["components"],be={};function fe(e){var n=e.components,a=(0,l.A)(e,ue);return(0,r.mdx)("wrapper",(0,t.A)({},be,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNames from 'classnames/bind';\nimport IconAddPerson from 'terra-icon/lib/icon/IconAddPerson';\nimport IconSearch from 'terra-icon/lib/icon/IconSearch';\nimport Tabs from 'terra-tabs';\nimport TabContentTemplate from './TabContentTemplate';\nimport styles from './common/TabExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nlet i = -1;\n\nconst AddCloseTab = () => {\n const tabsExample = [];\n const [tabs, setTabs] = useState(tabsExample);\n const [activeKey, setActiveKey] = useState();\n\n tabsExample.push(\n {\n label: 'Patient Information',\n key: 'AddcloseLabelTab',\n content: 'Patient Information',\n },\n );\n\n tabsExample.push(\n {\n label: 'Add Patient',\n icon: ,\n isIconOnly: true,\n key: 'AddcloseIconTab',\n content: 'Add Patient',\n },\n );\n\n tabsExample.push(\n {\n label: 'TPA & Insurance',\n customDisplay:
    TPA & Insurance
    ,\n key: 'AddcloseCustomTab',\n content: 'TPA & Insurance',\n },\n );\n\n tabsExample.push(\n {\n label: 'Disabled Tab',\n key: 'AddcloseDisabledTab',\n icon: ,\n isDisabled: true,\n },\n );\n\n tabsExample.push(\n {\n label: 'List of Out-Patient Details Department Wise',\n key: 'AddcloselongLabel',\n content: 'List of Out-Patient Details Department Wise',\n },\n );\n\n tabsExample.push(\n {\n label: 'Ambulance Service',\n key: 'AddcloselastTab',\n content: 'Ambulance Service',\n },\n );\n\n const handleTabClose = (tabdata, itemKey) => {\n const tabsArray = [...tabs];\n const indexToRemove = tabsArray.findIndex(tab => tab.key === itemKey);\n if (indexToRemove !== -1) {\n tabsArray.splice(indexToRemove, 1);\n setTabs(tabsArray);\n }\n };\n\n const addMoreTabPanes = () => {\n i += 1;\n const tabsArray = tabs;\n tabsArray.push(\n {\n label: `Added New Tab_${i}`,\n isIconOnly: false,\n key: `AddcloseTab_${i}`,\n content: `Added New Tab_${i}`,\n isActive: true,\n },\n );\n setActiveKey(`AddcloseTab_${i}`);\n setTabs(tabsArray);\n };\n\n const handleSelection = (event, selectedKey) => {\n if (selectedKey !== activeKey) {\n setActiveKey(selectedKey);\n }\n };\n\n return (\n
    \n \n { tabs.map((tab) => (\n \n \n \n ))}\n \n
    \n );\n};\n\nexport default AddCloseTab;\n\n")))}fe.isMDXComponent=!0;var ye=function(e){var n=e.title,a=e.description,t=e.isExpanded;return o.createElement(v.A,{title:n||"Add Close Tab",description:a,example:o.createElement(pe.A,null),exampleCssSrc:o.createElement(E,null),exampleSrc:o.createElement(fe,null),isExpanded:t})},Te=a(15118),he=["components"],xe={};function ge(e){var n=e.components,a=(0,l.A)(e,he);return(0,r.mdx)("wrapper",(0,t.A)({},xe,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport classNames from \'classnames/bind\';\nimport IconAddPerson from \'terra-icon/lib/icon/IconAddPerson\';\nimport IconSearch from \'terra-icon/lib/icon/IconSearch\';\nimport Tabs from \'terra-tabs\';\nimport Radio from \'terra-form-radio\';\nimport Field from \'terra-form-field\';\nimport Input from \'terra-form-input\';\nimport Fieldset from \'terra-form-fieldset\';\nimport TabContentTemplate from \'./TabContentTemplate\';\nimport styles from \'./common/TabExample.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nlet i = -1;\n\nconst AddCloseTabInteractive = () => {\n const tabsExample = [];\n const [tabs, setTabs] = useState(tabsExample);\n const [activeKey, setActiveKey] = useState();\n\n tabsExample.push(\n {\n label: \'Patient Information\',\n key: \'AddcloseInteractiveLabelTab\',\n content: \'Patient Information\',\n children:\n <>\n \n \n ,\n },\n );\n\n tabsExample.push(\n {\n label: \'Add Patient\',\n icon: ,\n isIconOnly: true,\n key: \'AddcloseInteractiveIconTab\',\n children:\n <>\n
    \n \n \n \n \n \n \n \n \n \n \n \n
    \n ,\n },\n );\n\n tabsExample.push(\n {\n label: \'TPA & Insurance\',\n customDisplay:
    TPA & Insurance
    ,\n key: \'AddcloseInteractiveCustomTab\',\n content: \'TPA & Insurance\',\n children:\n <>\n \n \n ,\n },\n );\n\n tabsExample.push(\n {\n label: \'Disabled Tab\',\n key: \'AddcloseInteractiveDisabledTab\',\n icon: ,\n isDisabled: true,\n },\n );\n\n tabsExample.push(\n {\n label: \'List of Out-Patient Details Department Wise\',\n key: \'AddcloseInteractivelongLabel\',\n content: \'List of Out-Patient Details Department Wise\',\n },\n );\n\n tabsExample.push(\n {\n label: \'Ambulance Service\',\n key: \'AddcloseInteractivelastTab\',\n content: \'Ambulance Service\',\n },\n );\n\n const handleTabClose = (tabdata, itemKey) => {\n const tabsArray = [...tabs];\n const indexToRemove = tabsArray.findIndex(tab => tab.key === itemKey);\n if (indexToRemove !== -1) {\n tabsArray.splice(indexToRemove, 1);\n setTabs(tabsArray);\n }\n };\n\n const addMoreTabPanes = () => {\n i += 1;\n const tabsArray = tabs;\n tabsArray.push(\n {\n label: `Added New Tab_${i}`,\n isIconOnly: false,\n key: `AddcloseInteractiveTab_${i}`,\n content: `Added New Tab_${i}`,\n isActive: true,\n },\n );\n setActiveKey(`AddcloseInteractiveTab_${i}`);\n setTabs(tabsArray);\n };\n\n const handleSelection = (event, selectedKey) => {\n if (selectedKey !== activeKey) {\n setActiveKey(selectedKey);\n }\n };\n\n return (\n
    \n \n { tabs.map((tab) => (\n \n \n {tab.children}\n \n \n ))}\n \n
    \n );\n};\n\nexport default AddCloseTabInteractive;\n\n')))}ge.isMDXComponent=!0;var ve=function(e){var n=e.title,a=e.description,t=e.isExpanded;return o.createElement(v.A,{title:n||"Add Close Tab Interactive",description:a,example:o.createElement(Te.A,null),exampleCssSrc:o.createElement(E,null),exampleSrc:o.createElement(ge,null),isExpanded:t})},Ce=a(26540),we=["components"],Ee={};function Ae(e){var n=e.components,a=(0,l.A)(e,we);return(0,r.mdx)("wrapper",(0,t.A)({},Ee,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport IconAdd from \'terra-icon/lib/icon/IconAdd\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport Tabs from \'terra-tabs\';\nimport TabContent from \'./TabContentTemplate\';\nimport styles from \'./common/TabExample.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst VerticalTabs = () => {\n const labelTab = (\n \n \n \n );\n\n const onlyiconTab = (\n } key="tonlyIconTab">\n \n \n );\n\n const iconTab = (\n } key="tIconTab">\n \n \n );\n\n const customTab = (\n \n Surgical Department\n \n )}\n label="Surgical Department"\n key="tCustomTab"\n >\n \n \n );\n\n const longLabel = (\n \n \n \n );\n\n const lastTab = (\n \n \n \n );\n\n return (\n
    \n \n {onlyiconTab}\n {labelTab}\n {iconTab}\n {customTab}\n {longLabel}\n {lastTab}\n \n
    \n );\n};\n\nexport default VerticalTabs;\n\n')))}Ae.isMDXComponent=!0;var ke=function(e){var n=e.title,a=e.description,t=e.isExpanded;return o.createElement(v.A,{title:n||"Vertical Tabs",description:a,example:o.createElement(Ce.A,null),exampleCssSrc:o.createElement(E,null),exampleSrc:o.createElement(Ae,null),isExpanded:t})},Pe=["components"],Ie={},Ne="wrapper";function De(e){var n=e.components,a=(0,l.A)(e,Pe);return(0,r.mdx)(Ne,(0,t.A)({},Ie,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(i.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-tabs"},"Terra Tabs"),(0,r.mdx)("p",null,"Tabs are containers used to organize content. They allow for quick switching between groups of contextually related content. Content is divided into different containers and each container is viewable one at a time. The user can switch between containers by selecting the corresponding tab control."),(0,r.mdx)("p",null,"Tabs are meant to organize content as to provide quick access to a group of contextually related content that does not need to be compared or accessed simultaneously. Tabs are not intended for navigation."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-tabs"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("h3",{id:"note"},"Note"),(0,r.mdx)("p",null,"The tabs component will apply the prop ",(0,r.mdx)("inlineCode",{parentName:"p"},"isLabelHidden")," to all components passed as content for Tabs.Pane. This will indicate if any of the tabs are icon only or have been truncated. When this prop is true a header should be rendered in the content area to for accessibility purposes."),(0,r.mdx)("h3",{id:"controlled-vs-uncontrolled-tabs"},"Controlled vs. Uncontrolled Tabs"),(0,r.mdx)("p",null,"Terra-tabs allows you to use either a controlled or uncontrolled mode in order to have the amount control over the state that you need."),(0,r.mdx)("h3",{id:"uncontrolled-tabs"},"Uncontrolled Tabs"),(0,r.mdx)("p",null,"Uncontrolled tabs is the default mode of terra-tabs. In this mode the tabs will handle all state internally and the initial active tab can optionally be set using ",(0,r.mdx)("inlineCode",{parentName:"p"},"defaultActiveKey")," on the ",(0,r.mdx)("inlineCode",{parentName:"p"},"")," component."),(0,r.mdx)("h3",{id:"controlled-tabs"},"Controlled Tabs"),(0,r.mdx)("p",null,"In controlled mode terra-tabs does not handle any of the selection state internally, it is left up to the consumer. This mode is enabled by setting the ",(0,r.mdx)("inlineCode",{parentName:"p"},"activeKey")," prop on the ",(0,r.mdx)("inlineCode",{parentName:"p"},"")," component. A handler is needed for ",(0,r.mdx)("inlineCode",{parentName:"p"},"onChange")," to be notified of user selection and update the state. If both ",(0,r.mdx)("inlineCode",{parentName:"p"},"activeKey")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"defaultActiveKey")," are set, then ",(0,r.mdx)("inlineCode",{parentName:"p"},"defaultActiveKey")," will have no effect."),(0,r.mdx)("h3",{id:"keyboard-navigation-guide"},"Keyboard Navigation Guide"),(0,r.mdx)("h4",{id:"performing-drag-and-drop"},"Performing Drag and Drop"),(0,r.mdx)("p",null,"When a draggable tab has focus press the ",(0,r.mdx)("inlineCode",{parentName:"p"},"Spacebar")," key to start the drag. Once a drag is started, the following keyboard shortcuts can be used:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Spacebar")," - Drop the tab"),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Escape")," - Cancel the drag"),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Left arrow")," - move the tab to the left."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Right arrow")," - move the tab to the right.")),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Tabs from 'terra-tabs';\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(A,{title:"Compact",mdxType:"TabsTemplate"}),(0,r.mdx)(D,{title:"Expanded",mdxType:"TabsTemplateExpanded"}),(0,r.mdx)(F,{title:"Icon Only",mdxType:"IconOnlyTabs"}),(0,r.mdx)(U,{title:"Will Display Icons in Menu When Collapsed",mdxType:"IconsInMenuTabs"}),(0,r.mdx)(L,{title:"Fill Parent Container",mdxType:"TabsWithFilledContent"}),(0,r.mdx)(H,{title:"Toggle responsiveTo Variants",mdxType:"ResponsiveTabsVariant"}),(0,r.mdx)(ne,{title:"Draggable Tabs",mdxType:"DraggableTabs"}),(0,r.mdx)(re,{title:"Add New Tab",mdxType:"AddTab"}),(0,r.mdx)(me,{title:"Closable Tabs",mdxType:"ClosableTab"}),(0,r.mdx)(ye,{title:"Add and Close Tab",mdxType:"AddCloseTab"}),(0,r.mdx)(ve,{title:"Add and Close with Interactive Content",mdxType:"AddCloseTabInteractive"}),(0,r.mdx)(ke,{title:"Vertical Tabs",mdxType:"VerticalTabs"}),(0,r.mdx)("h2",{id:"tabs-props-table"},"Tabs Props Table"),(0,r.mdx)(p,{mdxType:"TabsPropsTable"}),(0,r.mdx)("h2",{id:"tabs-pane-props-table"},"Tabs Pane Props Table"),(0,r.mdx)(y,{mdxType:"PanePropsTable"}),(0,r.mdx)("h2",{id:"testing"},"Testing"),(0,r.mdx)("p",null,"Tabs uses ",(0,r.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,r.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,r.mdx)("p",null,"If Enzyme ",(0,r.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering is being used for the tests then the mock may not be required. However, if ",(0,r.mdx)("inlineCode",{parentName:"p"},"mount")," is used then ",(0,r.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown below:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import { v4 as uuidv4 } from 'uuid';\n\nlet mockSpyUuid;\n\n// using a variable may result in failures. For best results, mock return value.\nbeforeAll(() => {\n mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');\n});\n\n// restore the mock\nafterAll(() => {\n mockSpyUuid.mockRestore();\n});\n\n")))}De.isMDXComponent=!0},75462:function(e,n,a){a.d(n,{E:function(){return o}});var t=a(96540),l=a(55713),o=function(e){var n=e.url;return t.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-tabs",name:"terra-tabs",version:"7.31.1",url:n})}},32568:function(e,n,a){var t=a(24994),l=a(73738);n.A=void 0;var o=t(a(41132)),r=t(a(85715)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=b(n);if(a&&a.has(e))return a.get(e);var t={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}return t.default=e,a&&a.set(e,t),t}(a(96540)),s=t(a(67967)),d=t(a(35958)),c=t(a(98814)),m=t(a(11918)),p=t(a(71872)),u=t(a(13926));function b(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(b=function(e){return e?a:n})(e)}var f=s.default.bind(u.default),y=-1;n.A=function(){var e=[],n=(0,i.useState)(e),a=(0,r.default)(n,2),t=a[0],l=a[1],s=(0,i.useState)(),u=(0,r.default)(s,2),b=u[0],T=u[1];e.push({label:"Patient Information",key:"AddcloseLabelTab",content:"Patient Information"}),e.push({label:"Add Patient",icon:i.default.createElement(d.default,null),isIconOnly:!0,key:"AddcloseIconTab",content:"Add Patient"}),e.push({label:"TPA & Insurance",customDisplay:i.default.createElement("div",{className:f("custom-display")},"TPA & Insurance"),key:"AddcloseCustomTab",content:"TPA & Insurance"}),e.push({label:"Disabled Tab",key:"AddcloseDisabledTab",icon:i.default.createElement(c.default,null),isDisabled:!0}),e.push({label:"List of Out-Patient Details Department Wise",key:"AddcloselongLabel",content:"List of Out-Patient Details Department Wise"}),e.push({label:"Ambulance Service",key:"AddcloselastTab",content:"Ambulance Service"});return i.default.createElement("div",{className:f("content-wrapper")},i.default.createElement(m.default,{id:"Addclose",onChange:function(e,n){n!==b&&T(n)},activeKey:b,setFocusOnContent:!0,isClosable:!0,onSelectAddButton:function(){y+=1;var e=t;e.push({label:"Added New Tab_".concat(y),isIconOnly:!1,key:"AddcloseTab_".concat(y),content:"Added New Tab_".concat(y),isActive:!0}),T("AddcloseTab_".concat(y)),l(e)},ariaLabelAddTab:"Add Tab",onTabClose:function(e,n){var a=(0,o.default)(t),r=a.findIndex((function(e){return e.key===n}));-1!==r&&(a.splice(r,1),l(a))}},t.map((function(e){return i.default.createElement(m.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},i.default.createElement(p.default,{label:e.content}))}))))}},15118:function(e,n,a){var t=a(24994),l=a(73738);n.A=void 0;var o=t(a(41132)),r=t(a(85715)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=h(n);if(a&&a.has(e))return a.get(e);var t={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}return t.default=e,a&&a.set(e,t),t}(a(96540)),s=t(a(67967)),d=t(a(35958)),c=t(a(98814)),m=t(a(11918)),p=t(a(20404)),u=t(a(32527)),b=t(a(45947)),f=t(a(41521)),y=t(a(71872)),T=t(a(13926));function h(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(h=function(e){return e?a:n})(e)}var x=s.default.bind(T.default),g=-1;n.A=function(){var e=[],n=(0,i.useState)(e),a=(0,r.default)(n,2),t=a[0],l=a[1],s=(0,i.useState)(),T=(0,r.default)(s,2),h=T[0],v=T[1];e.push({label:"Patient Information",key:"AddcloseInteractiveLabelTab",content:"Patient Information",children:i.default.createElement(i.default.Fragment,null,i.default.createElement(p.default,{id:"default-radio",labelText:"Default Radio",name:"default",disabled:!0}),i.default.createElement(p.default,{id:"default1-radio",labelText:"Default Radio",name:"default"}))}),e.push({label:"Add Patient",icon:i.default.createElement(d.default,null),isIconOnly:!0,key:"AddcloseInteractiveIconTab",children:i.default.createElement(i.default.Fragment,null,i.default.createElement("div",null,i.default.createElement(f.default,{type:"checkbox",legend:"Give your full name here",name:"children_present",value:"children_present",error:"All fields must be filled out",required:!0},i.default.createElement(u.default,{label:"First",isInline:!0,required:!0,htmlFor:"first"},i.default.createElement(b.default,{id:"first",type:"text",name:"first",defaultValue:""})),i.default.createElement(u.default,{label:"Middle",isInline:!0,required:!0,htmlFor:"middle"},i.default.createElement(b.default,{id:"middle",type:"text",name:"middle",defaultValue:""})),i.default.createElement(u.default,{label:"Last",isInline:!0,required:!0,htmlFor:"last"},i.default.createElement(b.default,{id:"last",type:"text",name:"last",defaultValue:""})))))}),e.push({label:"TPA & Insurance",customDisplay:i.default.createElement("div",{className:x("custom-display")},"TPA & Insurance"),key:"AddcloseInteractiveCustomTab",content:"TPA & Insurance",children:i.default.createElement(i.default.Fragment,null,i.default.createElement(p.default,{id:"default-radio",labelText:"Default Radio",name:"default",disabled:!0}),i.default.createElement(p.default,{id:"default1-radio",labelText:"Default Radio",name:"default"}))}),e.push({label:"Disabled Tab",key:"AddcloseInteractiveDisabledTab",icon:i.default.createElement(c.default,null),isDisabled:!0}),e.push({label:"List of Out-Patient Details Department Wise",key:"AddcloseInteractivelongLabel",content:"List of Out-Patient Details Department Wise"}),e.push({label:"Ambulance Service",key:"AddcloseInteractivelastTab",content:"Ambulance Service"});return i.default.createElement("div",{className:x("content-wrapper")},i.default.createElement(m.default,{id:"AddcloseInteractive",onChange:function(e,n){n!==h&&v(n)},activeKey:h,isClosable:!0,onSelectAddButton:function(){g+=1;var e=t;e.push({label:"Added New Tab_".concat(g),isIconOnly:!1,key:"AddcloseInteractiveTab_".concat(g),content:"Added New Tab_".concat(g),isActive:!0}),v("AddcloseInteractiveTab_".concat(g)),l(e)},ariaLabelAddTab:"Add Tab",onTabClose:function(e,n){var a=(0,o.default)(t),r=a.findIndex((function(e){return e.key===n}));-1!==r&&(a.splice(r,1),l(a))}},t.map((function(e){return i.default.createElement(m.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},i.default.createElement(y.default,{label:e.content},e.children))}))))}},85612:function(e,n,a){var t=a(24994),l=a(73738);n.A=void 0;var o=t(a(85715)),r=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=u(n);if(a&&a.has(e))return a.get(e);var t={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}return t.default=e,a&&a.set(e,t),t}(a(96540)),i=t(a(67967)),s=t(a(57588)),d=t(a(98814)),c=t(a(11918)),m=t(a(71872)),p=t(a(13926));function u(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:n})(e)}var b=i.default.bind(p.default),f=-1;n.A=function(){var e=[],n=(0,r.useState)(e),a=(0,o.default)(n,2),t=a[0],l=a[1],i=(0,r.useState)(),p=(0,o.default)(i,2),u=p[0],y=p[1];e.push({label:"Self Registration",key:"AddLabelTab",content:"Self Registration"}),e.push({label:"Find A Doctor",icon:r.default.createElement(d.default,null),isIconOnly:!0,key:"AddIconTab",content:"Find A Doctor"}),e.push({label:"View Specialities",customDisplay:r.default.createElement("div",{className:b("custom-display")},"View Specialities"),key:"AddCustomTab",content:"View Specialities"}),e.push({label:"Pharmacy",key:"AddDisabledTab",icon:r.default.createElement(s.default,null)}),e.push({label:"Billing, Insurance & Payment",key:"AddlongLabel",content:"Billing, Insurance & Payment"}),e.push({label:"Lab Medicine",key:"AddlastTab",content:"Lab Medicine"});return r.default.createElement("div",{className:b("content-wrapper")},r.default.createElement(c.default,{id:"AddTab",onChange:function(e,n){n!==u&&y(n)},isDraggable:!0,setFocusOnContent:!0,activeKey:u,onSelectAddButton:function(){f+=1;var e=t;e.push({label:"Added New Tab_".concat(f),isIconOnly:!1,key:"AddTab_".concat(f),content:"Added New Tab_".concat(f),isActive:!0}),y("AddTab_".concat(f)),l(e)},ariaLabelAddTab:"Add Tab"},t.map((function(e){return r.default.createElement(c.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},r.default.createElement(m.default,{label:e.content}))}))))}},89524:function(e,n,a){var t=a(24994),l=a(73738);n.A=void 0;var o=t(a(41132)),r=t(a(85715)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=b(n);if(a&&a.has(e))return a.get(e);var t={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}return t.default=e,a&&a.set(e,t),t}(a(96540)),s=t(a(67967)),d=t(a(57588)),c=t(a(98814)),m=t(a(11918)),p=t(a(71872)),u=t(a(13926));function b(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(b=function(e){return e?a:n})(e)}var f=s.default.bind(u.default);n.A=function(){var e=[],n=(0,i.useState)(e),a=(0,r.default)(n,2),t=a[0],l=a[1];e.push({label:"Doctors",key:"CloseLabelTab",content:"Doctor details"}),e.push({label:"Pharmacy",icon:i.default.createElement(d.default,null),isIconOnly:!0,key:"CloseIconTab",content:"Pharmacy details"}),e.push({label:"Customized Tab",customDisplay:i.default.createElement("div",{className:f("custom-display")},"Customized Tab"),key:"CloseCustomTab",content:"Custom display"}),e.push({label:"Disabled Tab",key:"CloseDisabledTab",icon:i.default.createElement(c.default,null),isDisabled:!0}),e.push({label:"List of In-Patient Details Department Wise",key:"CloselongLabel",content:"List for In-Patient Details Department Wise"}),e.push({label:"Appointments",key:"CloselastTab",content:"Appointments"});return i.default.createElement("div",{className:f("content-wrapper")},i.default.createElement(m.default,{id:"Closabletab",setFocusOnContent:!0,isClosable:!0,ariaLabelAddTab:"Add Tab",onTabClose:function(e,n){var a=(0,o.default)(t),r=a.findIndex((function(e){return e.key===n}));-1!==r&&(a.splice(r,1),l(a))}},t.map((function(e){return i.default.createElement(m.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},i.default.createElement(p.default,{label:e.content}))}))))}},60595:function(e,n,a){var t=a(24994);n.A=void 0;var l=t(a(17383)),o=t(a(34579)),r=t(a(28452)),i=t(a(63072)),s=t(a(29511)),d=t(a(96540)),c=t(a(11918)),m=t(a(49490));function p(e,n,a){return n=(0,i.default)(n),(0,r.default)(e,u()?Reflect.construct(n,a||[],(0,i.default)(e).constructor):n.apply(e,a))}function u(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(u=function(){return!!e})()}var b=function(e){function n(e){var a;return(0,l.default)(this,n),(a=p(this,n,[e])).state={activeKey:"Hematology"},a.handleSelection=a.handleSelection.bind(a),a.handleTabActivation=a.handleTabActivation.bind(a),a}return(0,s.default)(n,e),(0,o.default)(n,[{key:"handleSelection",value:function(e,n){n!==this.state.activeKey&&this.setState({activeKey:n})}},{key:"handleTabActivation",value:function(){this.setState({activeKey:"Radiology"})}},{key:"render",value:function(){var e=d.default.createElement(c.default.Pane,{label:"Radiology",key:"Radiology",id:"tab1"},d.default.createElement("p",{id:"tab1"},"Radiology represents a branch of medicine that deals with radiant energy in the diagnosis and treatment of diseases. This field can be divided into two broad areas - diagnostic radiology and interventional radiology. A physician who specializes in radiology is called radiologist.")),n=d.default.createElement(c.default.Pane,{label:"Hematology",key:"Hematology",id:"tab2"},d.default.createElement("p",{id:"tab2"},"Hematology is the study of blood and blood disorders. Hematologists and hematopathologists are highly trained healthcare providers who specialize in diseases of the blood and blood components. These include blood and bone marrow cells.")),a=d.default.createElement(c.default.Pane,{label:"Cardiology",key:"Cardiology",id:"tab3"},d.default.createElement("p",{id:"tab3"},"The term cardiology is derived from the Greek words “cardia,” which refers to the heart and “logy” meaning “study of.” Cardiology is a branch of medicine that concerns diseases and disorders of the heart. It may range from congenital defects through to acquired heart diseases such as coronary artery disease and congestive heart failure. Physicians who specialize in cardiology are called cardiologists and they are responsible for the medical management of various heart diseases. Cardiac surgeons are the specialist physicians who perform surgical procedures to correct heart disorders.")),t=d.default.createElement(c.default.Pane,{icon:d.default.createElement(m.default,null),isIconOnly:!0,label:"Orthopaedics",key:"Orthopaedics",id:"tab4"},d.default.createElement("p",{id:"tab4"},"Orthopaedic surgery refers to surgical intervention in the case of diseases or injuries concerning the musculoskeletal system. After proper diagnoses and consultation, orthopaedic surgeons treat several conditions that affect the bones, joints, ligaments, nerves and muscles.")),l=d.default.createElement(c.default.Pane,{icon:d.default.createElement(m.default,null),showIcon:!0,label:"Paediatrics",key:"Paediatrics",id:"tab5"},d.default.createElement("p",{id:"tab5"},"Pediatrics is the branch of medicine dealing with the health and medical care of infants, children, and adolescents from birth up to the age of 18. The word “paediatrics” means “healer of children”; they are derived from two Greek words: (pais = child) and (iatros = doctor or healer). Paediatrics is a relatively new medical specialty, developing only in the mid-19th century. Abraham Jacobi (1830–1919) is known as the father of paediatrics.")),o=d.default.createElement(c.default.Pane,{label:"Oncology",key:"Oncology",id:"tab6"},d.default.createElement("p",{id:"tab6"},"Oncology is the study of cancer. An oncologist is a doctor who treats cancer and provides medical care for a person diagnosed with cancer. An oncologist may also be called a cancer specialist. The field of oncology has 3 major areas based on treatments: medical oncology, radiation oncology, and surgical oncology."));return d.default.createElement("div",null,d.default.createElement("button",{id:"activate-tab",type:"button",onClick:this.handleTabActivation},"Activate Tab"),d.default.createElement("div",{id:"current-selection"},d.default.createElement("p",null,"Last Triggered Tab:",this.state.activeKey)),d.default.createElement(c.default,{setFocusOnContent:!0,isDraggable:!0,id:"controlledTabs",onChange:this.handleSelection,activeKey:this.state.activeKey},e,n,a,t,l,o))}}])}(d.default.Component);n.A=b},15237:function(e,n,a){var t=a(24994);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=t(a(96540)),o=t(a(67967)),r=t(a(57588)),i=t(a(98814)),s=t(a(59022)),d=t(a(5556)),c=t(a(71576)),m=t(a(11918)),p=t(a(71872)),u=t(a(13926)),b=o.default.bind(u.default),f={id:d.default.string},y=function(e){var n=l.default.createElement(m.default.Pane,{label:"Search",icon:l.default.createElement(i.default,null),isIconOnly:!0,key:"Search"},l.default.createElement(p.default,{label:"Search"})),a=l.default.createElement(m.default.Pane,{label:"Briefcase",icon:l.default.createElement(r.default,null),isIconOnly:!0,key:"Briefcase"},l.default.createElement(p.default,{label:"Briefcase"})),t=l.default.createElement(m.default.Pane,{label:"Bookmark",icon:l.default.createElement(s.default,null),isIconOnly:!0,key:"Bookmark"},l.default.createElement(p.default,{label:"Bookmark"})),o=l.default.createElement(m.default.Pane,{label:"Calendar",icon:l.default.createElement(c.default,null),isIconOnly:!0,key:"Calendar"},l.default.createElement(p.default,{label:"Calendar"}));return l.default.createElement("div",{className:b("content-wrapper")},l.default.createElement(m.default,{id:e.id,setFocusOnContent:!0},n,a,t,o))};y.propTypes=f;n.default=y},74458:function(e,n,a){var t=a(24994);n.A=void 0;var l=t(a(96540)),o=t(a(67967)),r=t(a(11918)),i=t(a(98814)),s=t(a(57588)),d=t(a(59022)),c=t(a(71576)),m=t(a(83954)),p=t(a(38008)),u=t(a(71872)),b=t(a(13926)),f=o.default.bind(b.default);n.A=function(){var e=l.default.createElement(r.default.Pane,{label:"Search",icon:l.default.createElement(i.default,null),showIcon:!0,key:"MenuTabSearch"},l.default.createElement(u.default,{label:"Search",id:"MenuTabSearchContent"})),n=l.default.createElement(r.default.Pane,{label:"Briefcase",icon:l.default.createElement(s.default,null),showIcon:!0,key:"MenuTabBriefcase"},l.default.createElement(u.default,{label:"Briefcase",id:"MenuTabBriefcaseContent"})),a=l.default.createElement(r.default.Pane,{label:"Bookmark",icon:l.default.createElement(d.default,null),showIcon:!0,key:"MenuTabBookmark"},l.default.createElement(u.default,{label:"Bookmark",id:"MenuTabBookmarkContent"})),t=l.default.createElement(r.default.Pane,{label:"Calendar",icon:l.default.createElement(c.default,null),showIcon:!0,key:"MenuTabCalendar"},l.default.createElement(u.default,{label:"Calendar",id:"MenuTabCalendarContent"})),o=l.default.createElement(r.default.Pane,{label:"Envelope",icon:l.default.createElement(m.default,null),showIcon:!0,key:"MenuTabEnvelope"},l.default.createElement(u.default,{label:"Envelope",id:"MenuTabEnvelopeContent"})),b=l.default.createElement(r.default.Pane,{label:"Printer",icon:l.default.createElement(p.default,null),showIcon:!0,key:"MenuTabPrinter"},l.default.createElement(u.default,{label:"Printer",id:"MenuTabPrinterContent"}));return l.default.createElement("div",{className:f("content-wrapper")},l.default.createElement(r.default,{setFocusOnContent:!0,id:"icons-only-menu"},e,n,a,t,o,b))}},43263:function(e,n,a){var t=a(24994);n.A=void 0;var l=t(a(94634)),o=t(a(69620)),r=t(a(96540)),i=t(a(5556)),s=t(a(85016)),d=t(a(45084)),c=t(a(15237)),m={renderIconTabs:i.default.bool},p=function(e){var n=(0,l.default)({},((0,o.default)(e),e));return n.renderIconTabs?r.default.createElement(c.default,(0,l.default)({},n,{id:"iconOnlyTabsId"})):r.default.createElement(d.default,(0,l.default)({},n,{id:"responsive"}))};p.propTypes=m;n.A=(0,s.default)(p)},85016:function(e,n,a){var t=a(24994);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=t(a(94634)),o=t(a(17383)),r=t(a(34579)),i=t(a(28452)),s=t(a(63072)),d=t(a(29511)),c=t(a(96540)),m=t(a(67967)),p=t(a(3017));function u(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(u=function(){return!!e})()}var b=m.default.bind(p.default);n.default=function(e){return function(n){function a(e){var n,t,l,r;return(0,o.default)(this,a),t=this,l=a,r=[e],l=(0,s.default)(l),(n=(0,i.default)(t,u()?Reflect.construct(l,r||[],(0,s.default)(t).constructor):l.apply(t,r))).handleOnSelect=n.handleOnSelect.bind(n),n.state={containerClassName:"parent-container-650",renderIconTabs:!1},n}return(0,d.default)(a,n),(0,r.default)(a,[{key:"handleOnSelect",value:function(e){this.setState({renderIconTabs:"default"!==e.target.value.split("-")[0],containerClassName:e.target.value})}},{key:"render",value:function(){return c.default.createElement("div",{className:b(this.state.containerClassName)},c.default.createElement(e,(0,l.default)({renderIconTabs:this.state.renderIconTabs},this.props)),c.default.createElement("div",{className:b("options-container")},c.default.createElement("p",null,c.default.createElement("label",{htmlFor:"responsiveTabsVariant"},"Select a responsiveTo variant:")),c.default.createElement("select",{className:b("options"),id:"responsiveTabsVariant",name:"responsiveTabsVariant",value:this.state.containerClassName,onChange:this.handleOnSelect},c.default.createElement("option",{value:"default-window"},"Default Tabs - Window"),c.default.createElement("option",{value:"default-parent-container-220"},"Default Tabs - Parent (Container Width: 220px)"),c.default.createElement("option",{value:"default-parent-container-650"},"Default Tabs - Parent (Container Width: 650px)"),c.default.createElement("option",{value:"icon-window"},"Icon Only Tabs - Window"),c.default.createElement("option",{value:"icon-none-container-220"},"Icon Only Tabs - None (Container Width: 220px)"),c.default.createElement("option",{value:"icon-none-container-650"},"Icon Only Tabs - None (Container Width: 650px)"),c.default.createElement("option",{value:"icon-parent-container-220"},"Icon Only Tabs - Parent (Container Width: 220px)"))))}}])}(c.default.Component)}},71872:function(e,n,a){var t=a(24994);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=t(a(96540)),o=t(a(67967)),r=t(a(5556)),i=t(a(13926)),s=o.default.bind(i.default),d={isLabelHidden:r.default.bool,label:r.default.string,children:r.default.node,id:r.default.string},c=function(e){var n=e.isLabelHidden,a=e.label,t=e.id,o=e.children;return l.default.createElement("div",{className:s("tab-content-template"),id:t},n?l.default.createElement("h3",null,a):null,o||l.default.createElement("div",null,"Content for"," ",l.default.createElement("i",null,a)))};c.propTypes=d;n.default=c},45084:function(e,n,a){var t=a(24994);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=t(a(96540)),o=t(a(67967)),r=t(a(5556)),i=t(a(57588)),s=t(a(11918)),d=t(a(71872)),c=t(a(13926)),m=o.default.bind(c.default),p={id:r.default.string},u=function(e){var n=e.id?e.id:"compact",a=l.default.createElement(s.default.Pane,{label:"Tab with label",key:"".concat(n,"LabelTab"),id:"".concat(n,"LabelTab")},l.default.createElement(d.default,{label:"Tab with label",id:"".concat(n,"LabelTabContent")})),t=l.default.createElement(s.default.Pane,{label:"Tab with icon",icon:l.default.createElement(i.default,null),key:"".concat(n,"IconTab"),id:"".concat(n,"IconTab")},l.default.createElement(d.default,{id:"".concat(n,"IconTabContent"),label:"Tab with icon"}));return l.default.createElement("div",{className:m("content-wrapper"),id:"".concat(n,"content")},l.default.createElement(s.default,{setFocusOnContent:!0,defaultActiveKey:"".concat(n,"LabelTab"),id:n},a,t))};u.propTypes=p;n.default=u},63825:function(e,n,a){var t=a(24994);n.A=void 0;var l=t(a(96540)),o=t(a(67967)),r=t(a(5556)),i=t(a(57588)),s=t(a(98814)),d=t(a(11918)),c=t(a(71872)),m=t(a(13926)),p=o.default.bind(m.default),u={tabFill:r.default.bool},b=function(e){var n=l.default.createElement(d.default.Pane,{label:"Tab with label",key:"ExpandedLabelTab"},l.default.createElement(c.default,{label:"Tab with label",id:"ExpandedLabelTab"})),a=l.default.createElement(d.default.Pane,{label:"Tab with icon",icon:l.default.createElement(i.default,null),key:"ExpandedIconTab"},l.default.createElement(c.default,{label:"Tab with icon",id:"ExpandedIconTabContent"})),t=l.default.createElement(d.default.Pane,{customDisplay:l.default.createElement("div",{className:p("custom-display")},"Custom display"),label:"Custom display",key:"ExpandedCustomTab"},l.default.createElement(c.default,{id:"ExpandedCustomTabContent",label:"Custom display"})),o=l.default.createElement(d.default.Pane,{label:"Longer text tab name with label for application",key:"ExpandedlongLabel"},l.default.createElement(c.default,{id:"ExpandedlongLabelContent",label:"Longer text tab name with label for application"})),r=l.default.createElement(d.default.Pane,{label:"Last Tab",key:"ExpandedlastTab"},l.default.createElement(c.default,{id:"ExpandedlastTabContent",label:"Last Tab"})),m=l.default.createElement(d.default.Pane,{label:"Disabled Tab",icon:l.default.createElement(s.default,null),isDisabled:!0,key:"ExpandedDisabledTab"});return l.default.createElement("div",{className:p("content-wrapper")},l.default.createElement(d.default,{setFocusOnContent:!0,defaultActiveKey:"ExpandedLabelTab",tabFill:e.tabFill,id:"icon-in-menu"},n,a,t,m,o,r))};b.propTypes=u;n.A=function(){return l.default.createElement(b,{tabFill:!0,id:"expanded"})}},12161:function(e,n,a){var t=a(24994);n.A=void 0;var l=t(a(96540)),o=t(a(67967)),r=t(a(11918)),i=t(a(71872)),s=t(a(13926)),d=o.default.bind(s.default),c=function(){var e=l.default.createElement(r.default.Pane,{label:"Large content",key:"LargeContent"},l.default.createElement(i.default,{label:"Large Content"},l.default.createElement("p",null,"Users need to know what is going on, and get appropriate feedback during interaction. For example, users need confirmation messages when actions are completed, such as when forms are submitted. Also, error messages must provide clear directions rather than confuse users. People with some cognitive and learning disabilities, who may be easily confused by unexpected behavior and unclear error messages. People with partial sight and blindness, who rely on notifications, instructions, and errors messages to understand the context and interactions. Content is more usable for people who are new to the particular website or application."),l.default.createElement("p",null,"Content is more usable for people who are not confident using computers and the web. Content is less confusing and daunting to everyone, regardless of skills. Use clear and simple language to make error messages more understandable. For example, describe how to fix an error. When forms are submitted, provide a confirmation message. When a change is made on the screen, such as new content added, alert users to the change. Content must be easy to follow and understand for many users. For most content, this means simply avoiding overly complex sentences and jargon, and providing clear layout and design. For some complex content such as medical information, separate, easy-to-read information may be necessary. People with learning disabilities who cannot understand complex sentence structures and vocabulary."),l.default.createElement("p",null,"People with cognitive disabilities who have difficulty focusing on long passages of dense text. Content is more usable for people with lower language skills, such as people who are not fluent in the language of the website and people with low literacy. Content is easier to understand by users who are not familiar with the topic. Content is easier to skim, and get an overview of the information."),l.default.createElement("p",null,"Avoid overly complex words, jargon, and acronyms, or provide explanations when they need to be used. Provide structure using headings, lists, and spacing. Provide illustrations that clarify the content, when helpful. Provide clear layout and design with consistent orientation and navigation cues. Some users need to be able to change the way text is displayed so that they can read the text. This includes changing the size, spacing, font, color, and other text properties. When users change these properties, no information or functionality should be lost, and the text should re-flow so users don’t have to scroll horizontally to read sentences. Text customization is more than the zoom functionality, which only changes the text size. People with low vision who are not using screen magnification software. People with some forms of dyslexia and other cognitive and learning disabilities who need a particular presentation of text to read it. Content is more adaptable to smaller and larger screen sizes. Content is more adaptable to personal preferences and comfort."),l.default.createElement("p",null,"Content is more adaptable when translated, since words and sentences are different lengths in different languages. Content must be properly designed and coded so that it can adapt to different customization settings. This includes using relative rather than absolute units for the size of fonts, controls, and other objects. Applications should use the operating system and web browser text settings. Websites and applications could also provide information to help users change their settings. Web browsers and other web tools need to provide users with text customization functionality. The area for clicking and tapping controls must be large enough for people to activate them. This includes links, buttons, checkboxes, and other controls. Small controls, and controls that are placed too close to each other, are difficult for many people to use. This is particularly relevant on mobile devices with small screens. People with physical disabilities who have reduced dexterity. Content is more usable on touch screens, especially on smaller mobile devices."),l.default.createElement("p",null,"Content is more usable for people who are not experienced with the mouse or touch-pad on the computer they are using. Content is more usable in situations where the device cannot be held steady. Design large controls or activation areas around the controls. (Increasing the font size of the control sometimes isn’t enough.) Provide adequate separation between selectable controls. Provide labels for controls, which enlarges the activation area in many browsers because the label for checkboxes and option buttons is also clickable."))),n=l.default.createElement(r.default.Pane,{label:"Short Content",key:"ShortContent"},l.default.createElement(i.default,{label:"Short Content"}));return l.default.createElement("div",{className:d("content-container")},l.default.createElement(r.default,{setFocusOnContent:!0,fill:!0,id:"filledcontent"},e,n))};n.A=function(){return l.default.createElement(c,{fill:!0})}},26540:function(e,n,a){var t=a(24994);n.A=void 0;var l=t(a(96540)),o=t(a(67967)),r=t(a(55767)),i=t(a(23691)),s=t(a(11918)),d=t(a(71872)),c=t(a(13926)),m=o.default.bind(c.default);n.A=function(){var e=l.default.createElement(s.default.Pane,{label:"Medical Department",key:"tLabelTab"},l.default.createElement(d.default,{label:"Medical Department"})),n=l.default.createElement(s.default.Pane,{label:"Pharmacy Deparment",isIconOnly:!0,icon:l.default.createElement(r.default,null),key:"tonlyIconTab"},l.default.createElement(d.default,{label:"Pharmacy Deparment"})),a=l.default.createElement(s.default.Pane,{label:"Patient Department",icon:l.default.createElement(i.default,null),key:"tIconTab"},l.default.createElement(d.default,{label:"Patient Department"})),t=l.default.createElement(s.default.Pane,{customDisplay:l.default.createElement("span",{className:m("custom-display")},"Surgical Department"),label:"Surgical Department",key:"tCustomTab"},l.default.createElement(d.default,{label:"Surgical Department"})),o=l.default.createElement(s.default.Pane,{label:"Department of Hospital Administration",key:"tlongLabel"},l.default.createElement(d.default,{label:"Department of Hospital Administration"})),c=l.default.createElement(s.default.Pane,{label:"Academic Department",key:"tlastTab"},l.default.createElement(d.default,{label:"Academic Department"}));return l.default.createElement("div",{className:m("content-container-vertical")},l.default.createElement(s.default,{isDraggable:!0,fill:!0,verticalOrientation:!0,setFocusOnContent:!0,id:"verticaltab"},n,e,a,t,o,c))}},3017:function(e,n,a){a.r(n),n.default={"default-window":"ResponsiveTabsVariantWrapper-module__default-window___OILOY","icon-window":"ResponsiveTabsVariantWrapper-module__icon-window___rE8aT","default-parent-container-220":"ResponsiveTabsVariantWrapper-module__default-parent-container-220___rR3aL","icon-parent-container-220":"ResponsiveTabsVariantWrapper-module__icon-parent-container-220___puNHZ","default-parent-container-650":"ResponsiveTabsVariantWrapper-module__default-parent-container-650___nY0Av","icon-none-container-220":"ResponsiveTabsVariantWrapper-module__icon-none-container-220___zM+OX","icon-none-container-650":"ResponsiveTabsVariantWrapper-module__icon-none-container-650___TvPPB","options-container":"ResponsiveTabsVariantWrapper-module__options-container___CijBI",options:"ResponsiveTabsVariantWrapper-module__options___62gtP"}},13926:function(e,n,a){a.r(n),n.default={"content-wrapper":"TabExample-module__content-wrapper___SHHo6","tab-content-template":"TabExample-module__tab-content-template___eY-9-","custom-display":"TabExample-module__custom-display___DNeb7","content-container":"TabExample-module__content-container___eAfPQ","content-container-vertical":"TabExample-module__content-container-vertical___nzztQ"}}}]); \ No newline at end of file diff --git a/82266-e416df97f1d861b209e1.css b/82266-e416df97f1d861b209e1.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/82266-e416df97f1d861b209e1.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/82266-e416df97f1d861b209e1.js b/82266-e416df97f1d861b209e1.js new file mode 100644 index 0000000000..5d99d1e55d --- /dev/null +++ b/82266-e416df97f1d861b209e1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[82266],{55713:function(e,a,r){var n=r(24994);a.A=void 0;var t=n(r(96540)),o=n(r(5556)),u=n(r(67967)),i=n(r(25642)),l=u.default.bind(i.default),s={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},d=function(e){var a=e.src,r=e.name,n=e.url,o=e.version,u=t.default.createElement("a",{className:l("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},t.default.createElement("span",{className:l("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:l("badge-version")},"v".concat(o))),i=a?t.default.createElement("a",{className:l("badge"),href:a},t.default.createElement("span",{className:l("badge-name")},"github"),t.default.createElement("span",{className:l("badge-version")},"source")):void 0;return t.default.createElement("div",{className:l("badge-container")},u,i)};d.propTypes=s;a.A=d},82266:function(e,a,r){r.r(a),r.d(a,{default:function(){return d}});var n=r(58168),t=r(53986),o=(r(96540),r(36665)),u=r(63292),i=["components"],l={},s="wrapper";function d(e){var a=e.components,r=(0,t.A)(e,i);return(0,o.mdx)(s,(0,n.A)({},l,r,{components:a,mdxType:"MDXLayout"}),(0,o.mdx)(u.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-collapsible-menu-view-upgrade-guide"},"Terra Collapsible Menu View Upgrade Guide"),(0,o.mdx)("h2",{id:"changes-from-30-to-40"},"Changes from 3.0 to 4.0"),(0,o.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,o.mdx)("p",null,"The following transitive dependencies had breaking changes. See their upgrade guides for more information."),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"terra-button"),(0,o.mdx)("li",{parentName:"ul"},"terra-button-group"),(0,o.mdx)("li",{parentName:"ul"},"terra-doc-template"),(0,o.mdx)("li",{parentName:"ul"},"terra-list"),(0,o.mdx)("li",{parentName:"ul"},"terra-menu")))}d.isMDXComponent=!0},63292:function(e,a,r){r.d(a,{E:function(){return o}});var n=r(96540),t=r(55713),o=function(e){var a=e.url;return n.createElement(t.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-collapsible-menu-view",name:"terra-collapsible-menu-view",version:"6.103.1",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 o=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/84000-3731865f3789f2b75d48.css b/84000-3731865f3789f2b75d48.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/84000-3731865f3789f2b75d48.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/84000-3731865f3789f2b75d48.js b/84000-3731865f3789f2b75d48.js new file mode 100644 index 0000000000..06c0899bb3 --- /dev/null +++ b/84000-3731865f3789f2b75d48.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[84e3],{55713:function(t,a,e){var r=e(24994);a.A=void 0;var i=r(e(96540)),n=r(e(5556)),l=r(e(67967)),m=r(e(25642)),d=l.default.bind(m.default),p={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},o=function(t){var a=t.src,e=t.name,r=t.url,n=t.version,l=i.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(e,"/v/").concat(n)},i.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),i.default.createElement("span",{className:d("badge-version")},"v".concat(n))),m=a?i.default.createElement("a",{className:d("badge"),href:a},i.default.createElement("span",{className:d("badge-name")},"github"),i.default.createElement("span",{className:d("badge-version")},"source")):void 0;return i.default.createElement("div",{className:d("badge-container")},l,m)};o.propTypes=p;a.A=o},84e3:function(t,a,e){e.r(a),e.d(a,{default:function(){return o}});var r=e(58168),i=e(53986),n=(e(96540),e(36665)),l=e(92523),m=["components"],d={},p="wrapper";function o(t){var a=t.components,e=(0,i.A)(t,m);return(0,n.mdx)(p,(0,r.A)({},d,e,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(l.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-application-utility-upgrade-guide"},"Terra Application Utility Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-version-1-to-version-2"},"Changes from version 1 to version 2"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("h4",{id:"renamed"},"Renamed"),(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},"Previous"),(0,n.mdx)("th",{parentName:"tr",align:null},"New"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-border-radius"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-border-radius")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-border-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-border-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-padding-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-padding-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-padding-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-padding-right")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-hover-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-hover-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-focus-box-shadow"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-focus-box-shadow")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-accessory-height"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-accessory-height")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-accessory-margin-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-accessory-margin-right")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-accessory-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-accessory-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-title-font-size"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-title-font-size")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-title-font-weight"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-title-font-weight")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-title-margin-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-title-margin-right")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-border-right-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-border-bottom-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-border-left-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-border-left-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-border-radius"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-border-radius")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-border-right-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-border-right-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-border-top"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-border-top")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-padding-bottom"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-padding-bottom")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-padding-top"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-padding-top")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-hover-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-hover-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-focus-box-shadow"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-focus-box-shadow")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-accessory-height"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-accessory-height")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-accessory-photo-margin-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-accessory-photo-margin-right")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-accessory-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-accessory-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-title-font-size"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-title-font-size")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-title-font-size"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-title-font-weight")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-title-margin-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-title-margin-right")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-type-menu-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-type-menu-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-header-font-size"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-type-menu-header-font-size")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-header-font-weight"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-type-menu-header-font-weight")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-header-line-height"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-type-menu-header-line-height")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-header-margin-top"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-type-menu-header-margin-top")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-header-font-size"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-type-menu-header-font-size")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-header-font-weight"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-type-menu-header-font-weight")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-header-line-height"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-type-menu-header-line-height")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-header-margin-top"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-type-menu-header-margin-top")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-header-margin-bottom"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-type-menu-header-margin-bottom")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-header-margin-bottom"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-type-menu-header-margin-bottom")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-initial-page-header-text-margin-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-type-menu-initial-page-header-text-margin-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-initial-page-header-text-margin-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-type-menu-initial-page-header-text-margin-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-noninitial-page-header-text-margin-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-type-menu-noninitial-page-header-text-margin-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-noninitial-page-header-text-margin-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-type-menu-noninitial-page-header-text-margin-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-chevron-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-type-menu-back-icon-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-chevron-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-type-menu-back-icon-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-page-chevron-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-type-menu-page-close-icon-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-page-chevron-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-type-menu-page-close-icon-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-divider-border-bottom-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-divider-border-left-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-divider-border-bottom-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-divider-border-right-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-divider-border-bottom"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-divider-border-top")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-divider-after-border-bottom-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-divider-after-border-left-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-divider-after-border-bottom-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-divider-after-border-right-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-divider-border-after-bottom"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-divider-after-border-top")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-font-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-font-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-font-size"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-font-size")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-margin-bottom"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-margin-bottom")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-margin-top"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-margin-top")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-padding-bottom"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-padding-bottom")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-padding-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-padding-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-padding-top"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-padding-top")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-margin-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-margin-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-margin-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-margin-right")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-hover-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-hover-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-focus-box-shadow"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-focus-box-shadow")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-checkmark-margin-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-checkmark-margin-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-checkmark-margin-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-checkmark-margin-right")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-checkmark-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-checkmark-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-chevron-margin-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-chevron-margin-right")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-body-item-chevron-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-body-item-chevron-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-footer-item-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-footer-item-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-footer-item-font-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-footer-item-font-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-footer-item-font-size"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-footer-item-font-size")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-footer-item-margin-bottom"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-footer-item-margin-bottom")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-footer-item-margin-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-footer-item-margin-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-header-utility-menu-footer-item-margin-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-header-footer-item-margin-right")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-font-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-font-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-font-size"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-font-size")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-margin-bottom"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-margin-bottom")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-margin-top"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-margin-top")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-padding-bottom"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-padding-bottom")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-padding-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-padding-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-padding-top"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-padding-top")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-margin-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-margin-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-margin-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-margin-right")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-hover-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-hover-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-focus-box-shadow"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-focus-box-shadow")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-checkmark-margin-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-checkmark-margin-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-checkmark-margin-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-checkmark-margin-right")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-checkmark-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-checkmark-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-chevron-margin-right"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-chevron-margin-right")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-body-item-chevron-width"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-body-item-chevron-width")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-footer-item-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-footer-item-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-footer-item-font-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-footer-item-font-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-footer-item-font-size"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-footer-item-font-size")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-footer-item-margin-bottom"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-footer-item-margin-bottom")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-menu-footer-item-margin-left"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-footer-item-margin-left")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-menu-utility-utility-menu-footer-item-margin-bottom"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-application-utility-menu-footer-item-margin-right")))),(0,n.mdx)("h4",{id:"added"},"Added"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-height"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-justify-content"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-hover-icon-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-focus-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-focus-icon-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-icon-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-icon-width"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-padding-left"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-padding-right"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-hover-icon-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-focus-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-focus-icon-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-icon-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-icon-width"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-type-menu-header-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-type-menu-header-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-type-menu-header-min-height"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-type-menu-button-close-display"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-type-menu-page-display"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-margin-bottom"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-body-item-checkmark-hover-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-body-item-chevron-hover-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-body-item-focus-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-body-item-checkmark-focus-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-body-item-chevron-focus-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-body-item-checkmark-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-body-item-chevron-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-header-footer-item-margin-top"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-body-item-checkmark-hover-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-body-item-chevron-hover-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-body-item-focus-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-body-item-checkmark-focus-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-body-item-chevron-focus-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-body-item-checkmark-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-body-item-chevron-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-utility-menu-footer-item-margin-top")),(0,n.mdx)("h4",{id:"removed"},"Removed"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"--terra-application-header-utility-icon-min-width"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-menu-utility-icon-min-width"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-header-utility-menu-footer-item-border-radius"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-header-utility-menu-footer-item-height"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-menu-utility-menu-footer-item-border-radius"),(0,n.mdx)("li",{parentName:"ul"},"--terra-application-menu-utility-menu-footer-item-height")))}o.isMDXComponent=!0},92523:function(t,a,e){e.d(a,{E:function(){return n}});var r=e(96540),i=e(55713),n=function(t){var a=t.url;return r.createElement(i.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-utility",name:"terra-application-utility",version:"2.59.1",url:a})}},25642:function(t,a,e){e.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,e){function r(){return r=Object.assign?Object.assign.bind():function(t){for(var a=1;a=0)continue;e[r]=t[r]}return e}(t,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(t,e)&&(i[e]=t[e])}return i}e.d(a,{A:function(){return r}})}}]); \ No newline at end of file diff --git a/84565-fbf36e8cf82dc21f29f1.css b/84565-fbf36e8cf82dc21f29f1.css new file mode 100644 index 0000000000..95a397f31a --- /dev/null +++ b/84565-fbf36e8cf82dc21f29f1.css @@ -0,0 +1 @@ +.DatePickerExampleCommon-module__date-wrapper___8UjLh{display:inline-block} diff --git a/84565-fbf36e8cf82dc21f29f1.js b/84565-fbf36e8cf82dc21f29f1.js new file mode 100644 index 0000000000..729fc40132 --- /dev/null +++ b/84565-fbf36e8cf82dc21f29f1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[84565],{84565:function(e,a,d){d.r(a),d.d(a,{default:function(){return b}});var l=d(58168),t=d(53986),n=d(96540),r=d(36665),m=d(47558),i=d(12883),p=["components"],o={},u="wrapper";function s(e){var a=e.components,d=(0,t.A)(e,p);return(0,r.mdx)(u,(0,l.A)({},o,d,{components:a,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"},"datePickerId"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.YZ,{isRequired:!0,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 DatePicker identifier. Links the htmlFor of the field to the select identifier."))),(0,r.mdx)(i.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"disabled"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the date input should be disabled."))),(0,r.mdx)(i.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"error"),(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)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Error message for when the input is invalid. This will only be displayed if isInvalid is true."))),(0,r.mdx)(i.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"errorIcon"),(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)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Error Icon to display when the input is invalid."))),(0,r.mdx)(i.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"excludeDates"),(0,r.mdx)(i.$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)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An array of ISO 8601 string representation of the dates to disable in the picker."))),(0,r.mdx)(i.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"filterDate"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A function that gets called for each date in the picker to evaluate which date should be disabled.\nA return value of true will be enabled and false will be disabled."))),(0,r.mdx)(i.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"help"),(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)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Help element to display with the input."))),(0,r.mdx)(i.fI,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"hideRequired"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not to hide the required indicator on the label."))),(0,r.mdx)(i.fI,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"includeDates"),(0,r.mdx)(i.$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)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An array of ISO 8601 string representation of the dates to enable in the picker. All Other dates will be disabled."))),(0,r.mdx)(i.fI,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"inputAttributes"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Custom input attributes to apply to the date input. Use the name prop to set the name for the input.\nDo not set the name in inputAttribute as it will be ignored."))),(0,r.mdx)(i.fI,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,r.mdx)("em",{parentName:"p"},"(usage note: ",(0,r.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,r.mdx)(i.fI,{key:"ROW12",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"isInline"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the field is an inline field."))),(0,r.mdx)(i.fI,{key:"ROW13",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,r.mdx)(i.fI,{key:"ROW14",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"isLabelHidden"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the label is visible. Use this props to hide a label while still creating it on the DOM for accessibility."))),(0,r.mdx)(i.fI,{key:"ROW15",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"label"),(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:!0,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 label of the form control children."))),(0,r.mdx)(i.fI,{key:"ROW16",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"labelAttrs"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Attributes to attach to the label."))),(0,r.mdx)(i.fI,{key:"ROW17",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"maxDate"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An ISO 8601 string representation of the maximum date that can be selected. The value must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be on or before ",(0,r.mdx)("inlineCode",{parentName:"p"},"12/31/2100"),"."))),(0,r.mdx)(i.fI,{key:"ROW18",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"minDate"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An ISO 8601 string representation of the minimum date that can be selected. The value must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be on or after ",(0,r.mdx)("inlineCode",{parentName:"p"},"01/01/1900")))),(0,r.mdx)(i.fI,{key:"ROW19",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"name"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.YZ,{isRequired:!0,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,"Name of the date input. The name should be unique."))),(0,r.mdx)(i.fI,{key:"ROW20",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"onBlur"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function triggered when the date picker component loses focus.\nThis event does not get triggered when the focus is moved from the date input to the calendar button since the focus is still within the main date picker component.\nThe first parameter is the event. The second parameter is the metadata to describe the current state of the input value at the time when the onBlur callback is triggered."))),(0,r.mdx)(i.fI,{key:"ROW21",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"onChange"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when a valid date is selected or entered.\nThe first parameter is the event. The second parameter is the changed date value. The third parameter is the metadata to describe the current state of the input value at the time when the onChange callback is triggered."))),(0,r.mdx)(i.fI,{key:"ROW22",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"onChangeRaw"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when a change is made in the date input.\nThe first parameter is the event. The second parameter is the changed date value. The third parameter is the metadata to describe the current state of the input value at the time when the onChangeRaw callback is triggered."))),(0,r.mdx)(i.fI,{key:"ROW23",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"onClickOutside"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("strong",{parentName:"p"},"Deprecated"),", A callback function to execute when clicking outside of the picker to dismiss it. Resolves to ",(0,r.mdx)("inlineCode",{parentName:"p"},"onRequestClose"),"."))),(0,r.mdx)(i.fI,{key:"ROW24",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"onFocus"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function triggered when the date picker component receives focus.\nThis event does not get triggered when the focus is moved from the date input to the calendar button since the focus is still within the main date picker component."))),(0,r.mdx)(i.fI,{key:"ROW25",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"onRequestClose"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\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,"A callback function to execute when picker is dismissed. onRequestClose(event)"))),(0,r.mdx)(i.fI,{key:"ROW26",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"onSelect"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when a date is selected from within the picker."))),(0,r.mdx)(i.fI,{key:"ROW27",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"required"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the date field is required."))),(0,r.mdx)(i.fI,{key:"ROW28",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Set the max-width of a field using ",(0,r.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,r.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,r.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,r.mdx)(i.fI,{key:"ROW29",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"selectedDate"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An ISO 8601 string representation of the initial value to show in the date input.\nThis prop name is derived from react-datepicker but is analogous to value in a form input field."))),(0,r.mdx)(i.fI,{key:"ROW30",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"showOptional"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not to append the 'optional' label to a non-required field label."))),(0,r.mdx)(i.fI,{key:"ROW31",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"value"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\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 date value. This prop should only be used for a controlled date picker field.\nWhen this prop is set a handler is needed for both the ",(0,r.mdx)("inlineCode",{parentName:"p"},"onChange")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"onChangeRaw")," props to manage the date value.\nIf both ",(0,r.mdx)("inlineCode",{parentName:"p"},"selectedDate")," and this prop are set, then ",(0,r.mdx)("inlineCode",{parentName:"p"},"selectedDate")," will have no effect.\nThe value must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format or the all-numeric date format based on the locale.")))))}s.isMDXComponent=!0;var x=d(22922),c=["components"],f={};function y(e){var a=e.components,d=(0,t.A)(e,c);return(0,r.mdx)("wrapper",(0,l.A)({},f,d,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNames from 'classnames/bind';\nimport DatePickerField from 'terra-date-picker/lib/DatePickerField';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerFieldExample = () => {\n const [date, setDate] = useState('');\n const [invalid, setInValid] = useState(false);\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n setInValid(false);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue && metadata.inputValue.length === 10) {\n setDate(null);\n setInValid(true);\n }\n };\n\n return (\n
    \n

    \n Selected ISO Date:\n {date}\n

    \n Enter valid date

    }\n />\n
    \n );\n};\n\nexport default DatePickerFieldExample;\n\n")))}y.isMDXComponent=!0;var h=d(201),T=d(37167),g=function(e){var a=e.title,d=e.description,l=e.isExpanded;return n.createElement(h.A,{title:a||"Date Picker Field",description:d,example:n.createElement(x.A,null),exampleCssSrc:n.createElement(T.A,null),exampleSrc:n.createElement(y,null),isExpanded:l})},N=["components"],C={},v="wrapper";function b(e){var a=e.components,d=(0,t.A)(e,N);return(0,r.mdx)(v,(0,l.A)({},C,d,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(m.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-date-picker-field"},"Terra Date Picker Field"),(0,r.mdx)("p",null,(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker"},"terra-date-picker")," component that is wrapped inside a\n",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field")," component."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-date-picker"))))),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(g,{title:"Date Picker Field",mdxType:"DatePickerFieldExample"}),(0,r.mdx)("h2",{id:"date-picker-field-props-table"},"Date Picker field props table"),(0,r.mdx)(s,{mdxType:"DatePickerFieldPropsTable"}))}b.isMDXComponent=!0},37167:function(e,a,d){d.d(a,{A:function(){return p}});var l=d(58168),t=d(53986),n=(d(96540),d(36665)),r=["components"],m={},i="wrapper";function p(e){var a=e.components,d=(0,t.A)(e,r);return(0,n.mdx)(i,(0,l.A)({},m,d,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .date-wrapper {\n display: inline-block;\n }\n}\n\n")))}p.isMDXComponent=!0},47558:function(e,a,d){d.d(a,{E:function(){return n}});var l=d(96540),t=d(55713),n=function(e){var a=e.url;return l.createElement(t.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.110.1",url:a})}},39311:function(e,a,d){var l=d(24994);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var t=l(d(94634)),n=l(d(43693)),r=l(d(91847)),m=l(d(96540)),i=l(d(5556)),p=l(d(32527)),o=d(8604),u=l(d(86438)),s=l(d(70283)),x=["datePickerId","disabled","inputAttributes","error","errorIcon","excludeDates","filterDate","help","hideRequired","isIncomplete","isInvalid","isInline","isLabelHidden","includeDates","intl","label","labelAttrs","maxDate","minDate","maxWidth","name","onBlur","onChange","onChangeRaw","onClickOutside","onFocus","onRequestClose","onSelect","required","selectedDate","showOptional","value"];function c(e,a){var d=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);a&&(l=l.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),d.push.apply(d,l)}return d}function f(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/88389-e1f73e5403520a068c36.css b/88389-e1f73e5403520a068c36.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/88389-e1f73e5403520a068c36.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/88389-e1f73e5403520a068c36.js b/88389-e1f73e5403520a068c36.js new file mode 100644 index 0000000000..c3065f4a0f --- /dev/null +++ b/88389-e1f73e5403520a068c36.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[88389],{55713:function(e,a,n){var l=n(24994);a.A=void 0;var d=l(n(96540)),m=l(n(5556)),r=l(n(67967)),i=l(n(25642)),t=r.default.bind(i.default),u={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},p=function(e){var a=e.src,n=e.name,l=e.url,m=e.version,r=d.default.createElement("a",{className:t("badge"),href:l||"https://www.npmjs.org/package/".concat(n,"/v/").concat(m)},d.default.createElement("span",{className:t("badge-name")},l?"package":"npm"),d.default.createElement("span",{className:t("badge-version")},"v".concat(m))),i=a?d.default.createElement("a",{className:t("badge"),href:a},d.default.createElement("span",{className:t("badge-name")},"github"),d.default.createElement("span",{className:t("badge-version")},"source")):void 0;return d.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;a.A=p},88389:function(e,a,n){n.r(a),n.d(a,{default:function(){return h}});var l=n(58168),d=n(53986),m=n(96540),r=n(36665),i=n(55713),t=function(e){var a=e.url;return m.createElement(i.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-compact-interactive-list",name:"terra-compact-interactive-list",version:"1.22.1",url:a})},u=["components"],p={},o="wrapper";function x(e){var a=e.components,n=(0,d.A)(e,u);return(0,r.mdx)(o,(0,l.A)({},p,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"changelog"},"Changelog"),(0,r.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,r.mdx)("h2",{id:"1221---may-20-2024"},"1.22.1 - (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:"1220---may-20-2024"},"1.22.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:"1210---may-1-2024"},"1.21.0 - (May 1, 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"},"Keyboard navigation updated to wrap to the next/previous line at the end/start of a visual row.")))),(0,r.mdx)("h2",{id:"1200---april-23-2024"},"1.20.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:"1190---april-18-2024"},"1.19.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"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"1180---april-17-2024"},"1.18.0 - (April 17, 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:"1170---april-15-2024"},"1.17.0 - (April 15, 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:"1160---april-10-2024"},"1.16.0 - (April 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"},"Changed to avoid focus being set to the first cell on multiple re-renders.")))),(0,r.mdx)("h2",{id:"1150---april-4-2024"},"1.15.0 - (April 4, 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 to have no row headers if list has only one semantic column.")))),(0,r.mdx)("h2",{id:"1140---march-29-2024"},"1.14.0 - (March 29, 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:"1130---march-25-2024"},"1.13.0 - (March 25, 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:"1120---march-21-2024"},"1.12.0 - (March 21, 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:"1110---march-19-2024"},"1.11.0 - (March 19, 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:"1100---march-14-2024"},"1.10.0 - (March 14, 2024)"),(0,r.mdx)("ul",null,(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"},"hasVisibleBorders")," prop to hide visual borders if needed."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated to support ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-menu")," component as a cell content.")))),(0,r.mdx)("h2",{id:"190---march-8-2024"},"1.9.0 - (March 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"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"180---march-5-2024"},"1.8.0 - (March 5, 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:"170---march-1-2024"},"1.7.0 - (March 1, 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:"161---february-29-2024"},"1.6.1 - (February 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"},"Added check for cell element existence before focusing.")))),(0,r.mdx)("h2",{id:"160---february-28-2024"},"1.6.0 - (February 28, 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:"150---february-28-2024"},"1.5.0 - (February 28, 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---february-16-2024"},"1.4.0 - (February 16, 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:"130---february-1-2024"},"1.3.0 - (February 1, 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"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-table")," to the dependencies in order to use ",(0,r.mdx)("inlineCode",{parentName:"li"},"getFocusableElements")," method.")))),(0,r.mdx)("h2",{id:"120---january-26-2024"},"1.2.0 - (January 26, 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:"111---january-25-2024"},"1.1.1 - (January 25, 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 cell select error caused due to incorrect array concat.")))),(0,r.mdx)("h2",{id:"110---january-18-2024"},"1.1.0 - (January 18, 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 ",(0,r.mdx)("inlineCode",{parentName:"li"},"rowHeaderIndex")," prop validation.")))),(0,r.mdx)("h2",{id:"101---january-10-2024"},"1.0.1 - (January 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"},"Cell does not call ",(0,r.mdx)("inlineCode",{parentName:"li"},"onCellSelect")," method if corresponding column ",(0,r.mdx)("inlineCode",{parentName:"li"},"isSelectable")," prop set to ",(0,r.mdx)("inlineCode",{parentName:"li"},"false"),".")))),(0,r.mdx)("h2",{id:"100---january-2-2024"},"1.0.0 - (January 2, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated ",(0,r.mdx)("inlineCode",{parentName:"li"},"handleMouseDown")," method for a cell."),(0,r.mdx)("li",{parentName:"ul"},"Updated lowlight theme styling."),(0,r.mdx)("li",{parentName:"ul"},"Updated cell selection."))),(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 column shape.")))),(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"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"100-alpha3---december-13-2023"},"1.0.0-alpha.3 - (December 13, 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 keyboard navigation.")))),(0,r.mdx)("h2",{id:"100-alpha2---december-1-2023"},"1.0.0-alpha.2 - (December 1, 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 component to memoize minimum and maximum width calculations for better performance.")))),(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"},"Initial package release.")))}x.isMDXComponent=!0;var c=["components"],s={},N="wrapper";function h(e){var a=e.components,n=(0,d.A)(e,c);return(0,r.mdx)(N,(0,l.A)({},s,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(t,{mdxType:"Badge"}),(0,r.mdx)(x,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},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 l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;n[l]=e[l]}return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(d[n]=e[n])}return d}n.d(a,{A:function(){return l}})}}]); \ No newline at end of file diff --git a/88434-89eb15bf7f3b8804fb4e.css b/88434-89eb15bf7f3b8804fb4e.css new file mode 100644 index 0000000000..3011f5b9f3 --- /dev/null +++ b/88434-89eb15bf7f3b8804fb4e.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} +.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%} +.Placeholder-module__wrapper1-default___fYLpJ{height:100%;position:relative;width:100%}[dir] .Placeholder-module__wrapper1-default___fYLpJ{padding:5px}.Placeholder-module__wrapper1-header___V\+iWv{height:50px;position:relative;width:100%}[dir] .Placeholder-module__wrapper1-header___V\+iWv{padding:5px}.Placeholder-module__wrapper1-footer___Hps9x{height:50px;position:relative;width:100%}[dir] .Placeholder-module__wrapper1-footer___Hps9x{padding:5px}.Placeholder-module__wrapper1-extensions___6RcGl{height:50px;position:relative;width:100%}[dir] .Placeholder-module__wrapper1-extensions___6RcGl{padding:5px}.Placeholder-module__wrapper2___c9RCJ{height:100%;position:relative;width:100%}[dir] .Placeholder-module__wrapper2___c9RCJ{border:3px dashed #d3d3d3}.Placeholder-module__wrapper3___jfoDU{color:gray;position:absolute;top:50%}[dir=ltr] .Placeholder-module__wrapper3___jfoDU{left:50%;transform:translate3d(-50%, -50%, 0)}[dir=rtl] .Placeholder-module__wrapper3___jfoDU{right:50%;transform:translate3d(50%, -50%, 0)} +.MenuWireframe-module__content-wrapper___WcxCX{height:450px;width:300px} +.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/88434-89eb15bf7f3b8804fb4e.js b/88434-89eb15bf7f3b8804fb4e.js new file mode 100644 index 0000000000..7c479ea9cf --- /dev/null +++ b/88434-89eb15bf7f3b8804fb4e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[88434],{201:function(e,t,a){var n=a(24994),l=a(73738);t.A=void 0;var r=n(a(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 a=f(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var d=r?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(n,o,d):n[o]=e[o]}return n.default=e,a&&a.set(e,n),n}(a(96540)),d=n(a(5556)),m=n(a(67967)),u=a(92912),p=n(a(49558)),i=n(a(53665)),c=a(25966),s=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 x=m.default.bind(s.default),_={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")},v=function(e){var t=e.example,a=e.exampleSrc,n=e.exampleCssSrc,l=e.title,d=e.description,m=e.isExpanded,s=(0,o.useState)(m),f=(0,r.default)(s,2),_=f[0],v=f[1],N=(0,o.useState)(!1),E=(0,r.default)(N,2),T=E[0],b=E[1],g=o.default.useContext(u.ThemeContext),w=void 0!==n,C=function(){b(!T),_&&v(!_)},M=function(){v(!_),T&&b(!T)},A=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",g.className)},o.default.createElement("div",{className:x("header")},l&&o.default.createElement("h2",{className:x("title")},l)),o.default.createElement("div",{className:x("content")},d&&o.default.createElement("div",{className:x("description")},d),t),o.default.createElement("div",{className:x("footer")},a?o.default.createElement("div",{className:x("button-container")},w&&o.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":T}),onClick:C,onKeyDown:function(e){return A(e,C)},onBlur:y,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(p.default,{className:x("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(i.default,{className:x("chevron")})),o.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":_}),onClick:M,onKeyDown:function(e){return A(e,M)},onBlur:y,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(p.default,{className:x("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(i.default,{className:x("chevron")}))):null,o.default.createElement("div",null,T&&o.default.createElement("div",{className:x("css")},n),_&&o.default.createElement("div",{className:x("code")},a))))};v.propTypes=_,v.defaultProps={isExpanded:!1};t.A=v},97426:function(e,t,a){a.r(t),a.d(t,{default:function(){return w}});var n=a(58168),l=a(53986),r=a(96540),o=a(36665),d=a(38011),m=a(12883),u=["components"],p={},i="wrapper";function c(e){var t=e.components,a=(0,l.A)(e,u);return(0,o.mdx)(i,(0,n.A)({},p,a,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(m.Ay,{mdxType:"PropsTable"},(0,o.mdx)(m.fI,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(m.dt,{mdxType:"PropNameCell"},"content"),(0,o.mdx)(m.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Content element to be placed within the fill area of the header."))),(0,o.mdx)(m.fI,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(m.dt,{mdxType:"PropNameCell"},"extensions"),(0,o.mdx)(m.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Extensions element to be placed before the end of the header."))),(0,o.mdx)(m.fI,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(m.dt,{mdxType:"PropNameCell"},"footer"),(0,o.mdx)(m.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Footer element to be placed at the end of the header."))),(0,o.mdx)(m.fI,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(m.dt,{mdxType:"PropNameCell"},"header"),(0,o.mdx)(m.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Header element to be placed at the start of the header.")))))}c.isMDXComponent=!0;var s=a(96539),f=["components"],x={};function _(e){var t=e.components,a=(0,l.A)(e,f);return(0,o.mdx)("wrapper",(0,n.A)({},x,a,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport ApplicationMenuLayout from \'terra-application-menu-layout\';\nimport PlaceHolder from \'terra-application-menu-layout/lib/terra-dev-site/doc/common/Placeholder\';\nimport styles from \'./MenuWireframe.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst Menu = () => (\n
    \n }\n footer={}\n extensions={}\n content={}\n />\n
    \n);\n\nexport default Menu;\n\n')))}_.isMDXComponent=!0;var y=a(201),h=["components"],v={};function N(e){var t=e.components,a=(0,l.A)(e,h);return(0,o.mdx)("wrapper",(0,n.A)({},v,a,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n height: 450px;\n width: 300px;\n }\n}\n\n")))}N.isMDXComponent=!0;var E=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(y.A,{title:t||"Menu Wireframe",description:a,example:r.createElement(s.A,null),exampleCssSrc:r.createElement(N,null),exampleSrc:r.createElement(_,null),isExpanded:n})},T=["components"],b={},g="wrapper";function w(e){var t=e.components,a=(0,l.A)(e,T);return(0,o.mdx)(g,(0,n.A)({},b,a,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(d.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-application-menu-layout"},"Terra Application Menu Layout"),(0,o.mdx)("p",null,"This component renders an application menu layout. To be used with terra-layout or terra-navigation-layout."),(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-menu-layout"))))),(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:"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)("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)("h2",{id:"examples"},"Examples"),(0,o.mdx)(E,{mdxType:"MenuWireframe"}),(0,o.mdx)("h2",{id:"application-menu-layout-props-table"},"Application menu layout props table"),(0,o.mdx)(c,{mdxType:"MenuLayoutPropsTable"}))}w.isMDXComponent=!0},38011: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-application-menu-layout",name:"terra-application-menu-layout",version:"3.33.1",url:t})}},25108:function(e,t,a){var n=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(94634)),r=n(a(91847)),o=n(a(96540)),d=n(a(5556)),m=n(a(67967)),u=n(a(56429)),p=["content","extensions","footer","header"],i=m.default.bind(u.default),c={content:d.default.element,extensions:d.default.element,footer:d.default.element,header:d.default.element},s=function(e){var t,a,n,d,m=e.content,u=e.extensions,c=e.footer,s=e.header,f=(0,r.default)(e,p),x=i(["menu","fill",f.className]);return s&&(t=o.default.createElement("div",{className:i(["fit","header"])},s)),m&&(a=o.default.createElement("div",{className:i(["fill","content"])},o.default.createElement("div",{className:i("normalizer")},m))),u&&(n=o.default.createElement("div",{className:i(["fit","widget"])},u)),c&&(d=o.default.createElement("div",{className:i(["fit","footer"])},c)),o.default.createElement("div",(0,l.default)({},f,{className:x}),t,o.default.createElement("div",{className:i(["fill","body"])},n,a),d)};s.propTypes=c;t.default=s},51550:function(e,t,a){var n=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(96540)),r=n(a(67967)),o=n(a(5556)),d=n(a(58555)),m=r.default.bind(d.default),u={text:o.default.string,type:o.default.string},p=function(e){var t=e.text,a=e.type;return l.default.createElement("div",{className:m("wrapper1-".concat(a))},l.default.createElement("div",{className:m("wrapper2")},l.default.createElement("div",{className:m("wrapper3")},l.default.createElement("h3",null,t))))};p.propTypes=u,p.defaultProps={text:"PlaceHolder",type:"default"};t.default=p},96539:function(e,t,a){var n=a(24994);t.A=void 0;var l=n(a(96540)),r=n(a(67967)),o=n(a(25108)),d=n(a(51550)),m=n(a(45336)),u=r.default.bind(m.default);t.A=function(){return l.default.createElement("div",{className:u("content-wrapper")},l.default.createElement(o.default,{header:l.default.createElement(d.default,{text:"Header",type:"header"}),footer:l.default.createElement(d.default,{text:"Footer",type:"footer"}),extensions:l.default.createElement(d.default,{text:"Extensions",type:"extensions"}),content:l.default.createElement(d.default,{text:"Content"})}))}},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"}},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"}},58555:function(e,t,a){a.r(t),t.default={"wrapper1-default":"Placeholder-module__wrapper1-default___fYLpJ","wrapper1-header":"Placeholder-module__wrapper1-header___V+iWv","wrapper1-footer":"Placeholder-module__wrapper1-footer___Hps9x","wrapper1-extensions":"Placeholder-module__wrapper1-extensions___6RcGl",wrapper2:"Placeholder-module__wrapper2___c9RCJ",wrapper3:"Placeholder-module__wrapper3___jfoDU"}},45336:function(e,t,a){a.r(t),t.default={"content-wrapper":"MenuWireframe-module__content-wrapper___WcxCX"}},49558:function(e,t,a){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 o=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"}))};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/8937-7436e6b27cc8a70ebd7c.css b/8937-7436e6b27cc8a70ebd7c.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/8937-7436e6b27cc8a70ebd7c.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/8937-7436e6b27cc8a70ebd7c.js b/8937-7436e6b27cc8a70ebd7c.js new file mode 100644 index 0000000000..5be052a845 --- /dev/null +++ b/8937-7436e6b27cc8a70ebd7c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[8937],{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},8937: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(42300),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:"6851---may-20-2024"},"6.85.1 - (May 20, 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"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"^3.61.0"),".")))),(0,n.mdx)("h2",{id:"6850---may-20-2024"},"6.85.0 - (May 20, 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"},(0,n.mdx)("inlineCode",{parentName:"li"},"isHeaderDisabled")," to hide header from popup.")))),(0,n.mdx)("h2",{id:"6840---may-14-2024"},"6.84.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:"6830---may-8-2024"},"6.83.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:"6820---may-1-2024"},"6.82.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:"6810---april-15-2024"},"6.81.0 - (April 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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"onTabClick")," property to ApplicationLinks interface.")))),(0,n.mdx)("h2",{id:"6800---april-4-2024"},"6.80.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:"6790---march-25-2024"},"6.79.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:"6780---march-14-2024"},"6.78.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:"6770---march-8-2024"},"6.77.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:"6760---march-5-2024"},"6.76.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:"6750---february-28-2024"},"6.75.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:"6740---january-22-2024"},"6.74.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:"6730---december-18-2023"},"6.73.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:"6720---november-23-2023"},"6.72.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:"6710---october-11-2023"},"6.71.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:"6700---october-3-2023"},"6.70.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:"6691---august-4-2023"},"6.69.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:"6690---july-31-2023"},"6.69.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:"6680---july-25-2023"},"6.68.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:"6670---july-19-2023"},"6.67.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:"6660---june-5-2023"},"6.66.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:"6650---may-11-2023"},"6.65.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:"6640---april-27-2023"},"6.64.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:"6630---march-29-2023"},"6.63.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:"6620---march-1-2023"},"6.62.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:"6610---february-14-2023"},"6.61.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:"6600---december-13-2022"},"6.60.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"},"Assign ",(0,n.mdx)("inlineCode",{parentName:"li"},"TabMenuDisplay")," component the ",(0,n.mdx)("inlineCode",{parentName:"li"},"button")," aria role"),(0,n.mdx)("li",{parentName:"ul"},"Designate ",(0,n.mdx)("inlineCode",{parentName:"li"},"TabMenuDisplay")," component as a menu popup"),(0,n.mdx)("li",{parentName:"ul"},"Make ",(0,n.mdx)("inlineCode",{parentName:"li"},"CollapsedTab")," component accessible to keyboard users"),(0,n.mdx)("li",{parentName:"ul"},"Remove the ",(0,n.mdx)("inlineCode",{parentName:"li"},"tablist")," aria role from ",(0,n.mdx)("inlineCode",{parentName:"li"},"ApplicationTabs")," component")))),(0,n.mdx)("h2",{id:"6591---march-15-2022"},"6.59.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:"6590---november-16-2021"},"6.59.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:"6580---november-9-2021"},"6.58.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:"6570---october-14-2021"},"6.57.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:"6560---october-12-2021"},"6.56.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"},"Removed routing tests.")))),(0,n.mdx)("h2",{id:"6550---september-20-2021"},"6.55.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:"6540---july-21-2021"},"6.54.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:"6530---july-13-2021"},"6.53.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:"6520---june-8-2021"},"6.52.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:"6510---may-4-2021"},"6.51.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:"6500---april-6-2021"},"6.50.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:"6490---march-9-2021"},"6.49.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:"6480---february-2-2021"},"6.48.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:"6470---january-26-2021"},"6.47.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:"6460---january-5-2021"},"6.46.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"},"Updated to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"injectIntl")," instead of ",(0,n.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," for react-intl v2-v5 compatibility"))),(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:"6450---december-8-2020"},"6.45.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:"6440---november-24-2020"},"6.44.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:"6430---november-10-2020"},"6.43.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:"6420---october-20-2020"},"6.42.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:"6410---october-13-2020"},"6.41.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:"6400---august-18-2020"},"6.40.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)("h2",{id:"6390---august-11-2020"},"6.39.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:"6380---august-4-2020"},"6.38.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:"6370---july-14-2020"},"6.37.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"},"Remove unused disable eslint directives")))),(0,n.mdx)("h2",{id:"6360---june-16-2020"},"6.36.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:"6350---june-9-2020"},"6.35.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:"6340---june-2-2020"},"6.34.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:"6330---may-19-2020"},"6.33.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:"6320---april-28-2020"},"6.32.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:"6310---april-6-2020"},"6.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:"6300---march-31-2020"},"6.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:"6290---march-10-2020"},"6.29.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:"6280---march-3-2020"},"6.28.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:"6270---february-25-2020"},"6.27.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:"6260---february-18-2020"},"6.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:"6250---february-4-2020"},"6.25.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:"6240---january-28-2020"},"6.24.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:"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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(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 reference wdio screenshots for "orion-fusion-theme".')))),(0,n.mdx)("h2",{id:"6200---november-20-2019"},"6.20.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:"6190---november-18-2019"},"6.19.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:"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"},"Minor dependency updates")))),(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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(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"},"Removed unnecessary eslint disable comments")))),(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"},"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:"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"},"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"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(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"},"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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(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"},"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"},"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:"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-popup"),(0,n.mdx)("li",{parentName:"ul"},"Update react-router-dom peerDependency to latest stable major release")))),(0,n.mdx)("h2",{id:"5120---may-7-2019"},"5.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"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"5110---april-24-2019"},"5.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)("li",{parentName:"ul"},"Updated test application-links examples to use a themable background color"),(0,n.mdx)("li",{parentName:"ul"},"Test background color updated / made uniform to pass color contrast checks")))),(0,n.mdx)("h2",{id:"5100---april-16-2019"},"5.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:"590---april-9-2019"},"5.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:"580---april-2-2019"},"5.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 application links")))),(0,n.mdx)("h2",{id:"570---march-26-2019"},"5.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:"560---march-20-2019"},"5.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 background colors to be themable")))),(0,n.mdx)("h2",{id:"550---march-12-2019"},"5.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"},"Replaced local keyCode values with keycode-js npm package")))),(0,n.mdx)("h2",{id:"540---march-5-2019"},"5.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:"530---february-26-2019"},"5.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)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed TabMenuList styling.")))),(0,n.mdx)("h2",{id:"520---february-13-2019"},"5.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:"510---february-5-2019"},"5.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:"500---january-25-2019"},"5.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"},"Application Links Role from tab to link"))),(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)("li",{parentName:"ul"},"Add css variable to text-transform the text values in the tabs")))),(0,n.mdx)("h2",{id:"4230---january-5-2019"},"4.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:"4220---january-2-2019"},"4.22.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"},"Fixed font family inheritance on application tab buttons")))),(0,n.mdx)("h2",{id:"4210---december-5-2018"},"4.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:"4200---december-3-2018"},"4.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"},"Wdio tests changed to use themeCombinationOfCustomProperties")))),(0,n.mdx)("h2",{id:"4191---november-15-2018"},"4.19.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:"4190---november-15-2018"},"4.19.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:"4180---october-30-2018"},"4.18.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:"4170---october-16-2018"},"4.17.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:"4160---october-8-2018"},"4.16.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:"4150---september-25-2018"},"4.15.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:"4140---september-5-2018"},"4.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:"4130---august-30-2018"},"4.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:"4120---august-14-2018"},"4.12.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:"4110---august-8-2018"},"4.11.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:"4100---august-1-2018"},"4.10.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:"490---july-26-2018"},"4.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"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"480---july-25-2018"},"4.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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"sv")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"sv-SE")," 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"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"470---july-10-2018"},"4.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"},"Clean up dependencies")))),(0,n.mdx)("h2",{id:"460---july-3-2018"},"4.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:"450---june-29-2018"},"4.5.0 - (June 29, 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"},"Corrected the 'resize observer loop limit reached' error with animation frames.")))),(0,n.mdx)("h2",{id:"440---june-12-2018"},"4.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:"430---june-5-2018"},"4.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:"420---may-30-2018"},"4.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:"410---may-22-2018"},"4.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:"400---may-8-2018"},"4.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-popup v4.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"},"Adjusted themable styles for selected item background color/image styles")))),(0,n.mdx)("h2",{id:"350---april-30-2018"},"3.5.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:"340---april-20-2018"},"3.4.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:"330---april-13-2018"},"3.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:"320---april-10-2018"},"3.2.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:"311---april-5-2018"},"3.1.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:"310---april-3-2018"},"3.1.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 dependency updates")))),(0,n.mdx)("h2",{id:"300---march-23-2018"},"3.0.0 - (March 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"},"Added the alignment prop which causes this to be a major version bump."))),(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 hover styling to account for IE10.")))),(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"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"ApplicationList hover/selected gradient transparent styling."))),(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"},"Code formatting and documentation spacing."),(0,n.mdx)("li",{parentName:"ul"},"Updated screenshots tests to match new themeable variables in terra-core."),(0,n.mdx)("li",{parentName:"ul"},"Remove application list and update tabs to use buttons.")))),(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"},"Initial stable release",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fix blur and focus"),(0,n.mdx)("li",{parentName:"ul"},"RTL/LTR padding")))))}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},42300: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-links",name:"terra-application-links",version:"6.85.1",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/89435-85d20b3ceafa793f728e.css b/89435-85d20b3ceafa793f728e.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/89435-85d20b3ceafa793f728e.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/89435-85d20b3ceafa793f728e.js b/89435-85d20b3ceafa793f728e.js new file mode 100644 index 0000000000..ae5540ddae --- /dev/null +++ b/89435-85d20b3ceafa793f728e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[89435],{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},89435: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(2644),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:"3461---may-20-2024"},"3.46.1 - (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:"3460---may-20-2024"},"3.46.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:"3450---march-29-2024"},"3.45.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:"3440---december-18-2023"},"3.44.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:"3430---july-31-2023"},"3.43.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:"3420---february-14-2023"},"3.42.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:"3412---december-6-2022"},"3.41.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:"3411---march-15-2022"},"3.41.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:"3410---october-12-2021"},"3.41.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"},"Updated WDIO tests to not pull from github and instead be bundled with the package.")))),(0,n.mdx)("h2",{id:"3400---september-20-2021"},"3.40.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:"3390---july-6-2021"},"3.39.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"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"waitForDisplayed")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"waitForExist")," to fix failing tests in cerner clinical theme.")))),(0,n.mdx)("h2",{id:"3380---june-8-2021"},"3.38.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:"3370---april-6-2021"},"3.37.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:"3360---march-9-2021"},"3.36.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:"3350---january-5-2021"},"3.35.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:"3340---november-24-2020"},"3.34.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:"3330---august-18-2020"},"3.33.0 - (August 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 missing themeable variables.")))),(0,n.mdx)("h2",{id:"3320---august-4-2020"},"3.32.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:"3310---july-14-2020"},"3.31.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:"3300---june-2-2020"},"3.30.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:"3290---may-26-2020"},"3.29.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 updates")))),(0,n.mdx)("h2",{id:"3280---april-28-2020"},"3.28.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:"3270---march-31-2020"},"3.27.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:"3260---february-18-2020"},"3.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:"3250---february-4-2020"},"3.25.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:"3240---january-28-2020"},"3.24.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:"3230---december-10-2019"},"3.23.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,n.mdx)("h2",{id:"3220---november-7-2019"},"3.22.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:"3210---october-16-2019"},"3.21.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:"3200---october-3-2019"},"3.20.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:"3190---september-26-2019"},"3.19.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:"3180---september-19-2019"},"3.18.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"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed inconsistent failures of 'Application Header Name' tests.")))),(0,n.mdx)("h2",{id:"3170---september-6-2019"},"3.17.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:"3160---august-14-2019"},"3.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"},"Update tests for dev-site v6"),(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"3150---july-30-2019"},"3.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:"3140---july-16-2019"},"3.14.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:"3130---july-10-2019"},"3.13.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:"3120---july-2-2019"},"3.12.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:"3110---june-19-2019"},"3.11.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 wdios specs to use Terra.describeViewports")))),(0,n.mdx)("h2",{id:"3100---june-12-2019"},"3.10.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:"390---may-21-2019"},"3.9.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:"380---may-15-2019"},"3.8.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:"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"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"360---april-16-2019"},"3.6.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:"350---april-9-2019"},"3.5.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"},"Use demo mock background in doc examples.")))),(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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated doc site example images with alt text to correct Section 508 warnings"),(0,n.mdx)("li",{parentName:"ul"},"Changed demo mock background colors to be themable")))),(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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(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:"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)("li",{parentName:"ul"},"Update example to use terra-framework's checked in image")))),(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"},(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"},"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-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-29-2018"},"2.7.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:"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"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated text styling of application name's menu styling.")))),(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"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Truncation and padding of the name with new css rules.")))),(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",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add index file for default main & update default styles.")))))}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},2644: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-name",name:"terra-application-name",version:"3.46.1",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/90788-2df7734ba6252feaa1c6.css b/90788-2df7734ba6252feaa1c6.css new file mode 100644 index 0000000000..8fd8e22e9e --- /dev/null +++ b/90788-2df7734ba6252feaa1c6.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} +.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} +.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%} +.ApplicationMenu-module__clinical-lowlight-theme___Qf5Kk{--terra-application-layout-menu-background-color: #222a2e;--terra-application-layout-menu-header-background-color: #034370;--terra-application-layout-menu-header-background-image: none}.ApplicationMenu-module__orion-fusion-theme___m9Gez{--terra-application-layout-menu-background-color: transparent;--terra-application-layout-menu-header-background-color: #0079be;--terra-application-layout-menu-header-background-image: none}.ApplicationMenu-module__application-menu___Cxvc3{height:100%;position:relative}[dir] .ApplicationMenu-module__application-menu___Cxvc3{background-color:transparent;background-color:var(--terra-application-layout-menu-background-color, transparent)}.ApplicationMenu-module__menu-header___2auo7{position:relative;width:100%}[dir] .ApplicationMenu-module__menu-header___2auo7{background-color:#0079be;background-color:var(--terra-application-layout-menu-header-background-color, #0079be);background-image:var(--terra-application-layout-menu-header-background-image)} +.UserData-module__clinical-lowlight-theme___ZgDMj{--terra-application-layout-user-data-photo-height: 3.571rem;--terra-application-layout-user-data-photo-margin-right: 0.5714rem;--terra-application-layout-user-data-photo-width: 3.571rem;--terra-application-layout-user-data-info-margin-right: 0;--terra-application-layout-user-data-name-font-size: 1.143rem;--terra-application-layout-user-data-name-font-weight: normal;--terra-application-layout-user-data-detail-font-size: 0.8571rem}.UserData-module__orion-fusion-theme___9iihZ{--terra-application-layout-user-data-photo-height: 3.571rem;--terra-application-layout-user-data-photo-margin-right: 0.5714rem;--terra-application-layout-user-data-photo-width: 3.571rem;--terra-application-layout-user-data-info-margin-right: 0;--terra-application-layout-user-data-name-font-size: 1.143rem;--terra-application-layout-user-data-name-font-weight: normal;--terra-application-layout-user-data-detail-font-size: 0.8571rem}.UserData-module__user-data___4MxMt{align-items:center;display:flex;flex:1 1 auto;justify-content:flex-start}.UserData-module__user-data___4MxMt .UserData-module__photo___iTfxG{flex:0 0 auto;height:3.571rem;height:var(--terra-application-layout-user-data-photo-height, 3.571rem);width:3.571rem;width:var(--terra-application-layout-user-data-photo-width, 3.571rem)}[dir=ltr] .UserData-module__user-data___4MxMt .UserData-module__photo___iTfxG{margin-right:0.5714rem;margin-right:var(--terra-application-layout-user-data-photo-margin-right, 0.5714rem)}[dir=rtl] .UserData-module__user-data___4MxMt .UserData-module__photo___iTfxG{margin-left:0.5714rem;margin-left:var(--terra-application-layout-user-data-photo-margin-right, 0.5714rem)}.UserData-module__user-info___cRHeD{flex:1 1 auto;width:100%}[dir=ltr] .UserData-module__user-info___cRHeD{margin-right:var(--terra-application-layout-user-data-info-margin-right)}[dir=rtl] .UserData-module__user-info___cRHeD{margin-left:var(--terra-application-layout-user-data-info-margin-right)}.UserData-module__name___zwzs5{font-size:1.143rem;font-size:var(--terra-application-layout-user-data-name-font-size, 1.143rem);font-weight:var(--terra-application-layout-user-data-name-font-weight);overflow-wrap:break-word;white-space:normal;word-break:break-word;word-wrap:break-word}.UserData-module__detail___xFGuz{font-size:0.8571rem;font-size:var(--terra-application-layout-user-data-detail-font-size, 0.8571rem);overflow-wrap:break-word;white-space:normal;word-break:break-word;word-wrap:break-word} +[dir] .ApplicationContent-module__content-wrapper___z6U8P{padding:15px} +[dir] .ApplicationMenu-module__footer___8A5MI{border-top:1px solid #d3d3d3;padding:10px}[dir] .ApplicationMenu-module__custom-event-button___1Csh5{margin-bottom:5px} +[dir] .ApplicationLayoutDocCommon-module__content-wrapper___TkykM{padding:10px} +[dir=ltr] .ApplicationExtensions-module__extension-button___vczWm{margin-right:5px}[dir=rtl] .ApplicationExtensions-module__extension-button___vczWm{margin-left:5px} +.ApplicationLayoutExampleCommon-module__app-router___jdxpQ{height:100%}.ApplicationLayoutExampleCommon-module__height-for-docs-only___opPG-{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/90788-2df7734ba6252feaa1c6.js b/90788-2df7734ba6252feaa1c6.js new file mode 100644 index 0000000000..0414543182 --- /dev/null +++ b/90788-2df7734ba6252feaa1c6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[90788],{38234:function(e,t,n){n.r(t),n.d(t,{default:function(){return P}});var a=n(58168),o=n(53986),i=n(96540),l=n(36665),r=n(5355),s=n(75450),u=["components"],p={};function c(e){var t=e.components,n=(0,o.A)(e,u);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"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MemoryRouter, withRouter } from 'react-router-dom';\nimport { injectIntl } from 'react-intl';\nimport Image from 'terra-image';\nimport Avatar from 'terra-avatar';\nimport ContentContainer from 'terra-content-container';\nimport classNames from 'classnames/bind';\n\nimport ApplicationLayout, { Utils } from 'terra-application-layout';\nimport ApplicationContent from 'terra-application-layout/lib/terra-dev-site/doc/common/ApplicationContent';\nimport ApplicationMenu from 'terra-application-layout/lib/terra-dev-site/doc/common/ApplicationMenu';\nimport UtilityOption from 'terra-application-layout/lib/terra-dev-site/doc/common/UtilityOption';\nimport ApplicationExtensions from 'terra-application-layout/lib/terra-dev-site/doc/common/ApplicationExtensions';\nimport ProfilePicture from 'terra-application-layout/lib/terra-dev-site/doc/common/henry.jpg';\nimport styles from './ApplicationLayoutExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\n/**\n * The routingConfig API matches that of the NavigationLayout. Routing specifications for the\n * menu and content regions are supported; the header region is not configurable.\n */\nconst routingConfig = {\n menu: {\n '/page_1': {\n path: '/page_1',\n component: {\n default: {\n componentClass: ApplicationMenu,\n props: {\n baseUrl: '/page_1',\n menuName: 'Page 1 Menu',\n includeNestedMenu: true,\n },\n },\n },\n },\n '/page_1/nested': {\n path: '/page_1/nested',\n component: {\n default: {\n componentClass: ApplicationMenu,\n props: {\n baseUrl: '/page_1/nested',\n menuName: 'Nested Menu',\n },\n },\n },\n },\n },\n content: {\n '/page_1': {\n path: '/page_1',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_1',\n contentName: 'Page 1',\n },\n },\n },\n },\n '/page_2': {\n path: '/page_2',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_2',\n contentName: 'Page 2',\n noMenu: true,\n },\n },\n },\n },\n '/page_3': {\n path: '/page_3',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_3',\n contentName: 'Page 3',\n showDummyContent: true,\n },\n },\n },\n },\n '/page_4': {\n path: '/page_4',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_4',\n contentName: 'Page 4',\n showDummyContent: true,\n },\n },\n },\n },\n '/page_5': {\n path: '/page_5',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_5',\n contentName: 'Page 5',\n showDummyContent: true,\n },\n },\n },\n },\n '/page_6': {\n path: '/page_6',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_6',\n contentName: 'Page 6',\n showDummyContent: true,\n },\n },\n },\n },\n '/page_7': {\n path: '/page_7',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_7',\n contentName: 'Page 7',\n showDummyContent: true,\n },\n },\n },\n },\n },\n};\n\n/**\n * The navigationItems will be used to present the ApplicationLayout's navigation controls. The paths provided here must be present in\n * the routingConfig. If no navigation controls are desired, these items can be omitted.\n *\n * With standard rendering, the items will be presented as tabs within the ApplicationLayout's header.\n * With compact rendering, the items will be presented within the layout's menu region within a ApplicationLayout-managed menu.\n */\nconst navigationItems = [{\n path: '/page_1',\n text: 'Page 1',\n}, {\n path: '/page_2',\n text: 'Page 2',\n}, {\n path: '/page_3',\n text: 'Page 3',\n}, {\n path: '/page_4',\n text: 'Page 4',\n}, {\n path: '/page_5',\n text: 'Page 5',\n}, {\n path: '/page_6',\n text: 'Page 6',\n}, {\n path: '/page_7',\n text: 'Page 7',\n}];\n\n/**\n * The indexPath will be given to the NavigationLayout to set up the appropriate redirects. If users attempt to navigate to a path unsupported\n * by the routingConfig, they will be redirected to this route. This path should therefore be present in the routingConfig.\n */\nconst indexPath = '/page_1/item_0';\n\n/**\n * Any component type can be used for the userData photo; however, the Avatar is an appropriate choice.\n */\nconst userAvatar = (\n \n);\n\n/**\n * The userData information will be used to construct the User Information utility menu item that is created by\n * the default utility configuration generated by `getDefaultUtilityItems`.\n */\nconst userData = {\n name: 'Swanson, Henry',\n detail: 'Henry Swanson\\'s my name, and excitement\\'s my game.',\n photo: userAvatar,\n};\n\n/**\n * The data provided for nameConfig will be visible in the ApplicationLayout's header, as well\n * as in any menus at the tiny and small breakpoints.\n */\nconst nameConfig = Object.freeze({\n title: 'Example Application',\n accessory: \"App,\n});\n\nclass ExampleApplication extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n checkboxItemEnabled: false,\n };\n }\n\n render() {\n const { intl, location } = this.props;\n const { checkboxItemEnabled } = this.state;\n\n const 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: 'Additional Item 1 - Sub 1',\n parentKey: 'additional-1',\n }, {\n key: 'additional-sub-2',\n title: 'Additional Item 1 - Sub 2',\n parentKey: 'additional-1',\n }, {\n key: 'checkbox-item',\n title: 'Switch Theme',\n isSelectable: true,\n isSelected: checkboxItemEnabled,\n isReadOnly: false,\n parentKey: Utils.utilityHelpers.defaultKeys.MENU,\n }, {\n key: 'readonly-item',\n title: 'Gender: Male',\n isSelectable: true,\n isReadOnly: true,\n parentKey: Utils.utilityHelpers.defaultKeys.MENU,\n }, {\n key: 'Notifications',\n contentLocation: Utils.utilityHelpers.locations.FOOTER,\n title: 'Notifications',\n parentKey: Utils.utilityHelpers.defaultKeys.MENU,\n }];\n\n /**\n * The data provided for utilityConfig will be visible in the ApplicationLayout's header in the\n * standard rendering mode and within the menus in the compact rendering mode.\n *\n * The ApplicationLayout's Utils export provides a helper function named getDefaultUtilityConfig that will\n * generate the configuration for the standard set of utility options. If the standard configuration is not\n * desirable, an entirely custom configuration can be used instead.\n */\n const utilityConfig = Object.freeze({\n title: 'Swanson, Henry',\n accessory: userAvatar,\n menuItems: Utils.utilityHelpers.getDefaultUtilityItems(intl, userData, customUtilityItems),\n initialSelectedKey: Utils.utilityHelpers.defaultKeys.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 /**\n * For the checkbox item, we maintain its selection state locally and show no disclosure.\n */\n if (itemData.key === 'checkbox-item') {\n this.setState({\n checkboxItemEnabled: !checkboxItemEnabled,\n });\n return;\n }\n\n /**\n * For everything else, we can present a custom modal component for that content.\n */\n disclose({\n preferredType: 'modal',\n size: 'small',\n content: {\n key: itemData.key,\n component: ,\n },\n });\n },\n onBlur: (event, layoutConfig) => {\n const isCompact = Utils.helpers.isSizeCompact(layoutConfig.size);\n if (isCompact) {\n layoutConfig.toggleMenu();\n }\n },\n });\n\n return (\n {`Router Location: ${location.pathname}`}}\n >\n }\n indexPath={indexPath}\n />\n \n );\n }\n}\n\nExampleApplication.propTypes = {\n intl: PropTypes.shape({}),\n location: PropTypes.shape({\n pathname: PropTypes.string,\n }),\n};\n\nconst WrappedApplication = withRouter(injectIntl((ExampleApplication)));\n\nconst AppRouter = () => (\n
    \n
    \n \n \n \n
    \n
    \n);\n\nexport default AppRouter;\n\n")))}c.isMDXComponent=!0;var d=n(201),m=["components"],f={};function h(e){var t=e.components,n=(0,o.A)(e,m);return(0,l.mdx)("wrapper",(0,a.A)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .app-router {\n height: 100%;\n }\n \n .height-for-docs-only {\n height: 500px;\n }\n\n}\n\n")))}h.isMDXComponent=!0;var g=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(d.A,{title:t||"Example Application",description:n,example:i.createElement(s.A,null),exampleCssSrc:i.createElement(h,null),exampleSrc:i.createElement(c,null),isExpanded:a})},y=n(38987),b=["components"],v={};function C(e){var t=e.components,n=(0,o.A)(e,b);return(0,l.mdx)("wrapper",(0,a.A)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MemoryRouter, withRouter } from 'react-router-dom';\nimport { injectIntl } from 'react-intl';\nimport Image from 'terra-image';\nimport Avatar from 'terra-avatar';\nimport ContentContainer from 'terra-content-container';\nimport IconPage1 from 'terra-icon/lib/icon/IconTrash';\nimport IconPage2 from 'terra-icon/lib/icon/IconFolder';\nimport IconPage3 from 'terra-icon/lib/icon/IconSearch';\nimport IconPage4 from 'terra-icon/lib/icon/IconPrinter';\nimport IconPage5 from 'terra-icon/lib/icon/IconAllergy';\nimport IconPage6 from 'terra-icon/lib/icon/IconPadlock';\nimport IconPage7 from 'terra-icon/lib/icon/IconFeatured';\nimport classNames from 'classnames/bind';\n\nimport ApplicationLayout, { Utils } from 'terra-application-layout';\nimport ApplicationContent from 'terra-application-layout/lib/terra-dev-site/doc/common/ApplicationContent';\nimport ApplicationMenu from 'terra-application-layout/lib/terra-dev-site/doc/common/ApplicationMenu';\nimport UtilityOption from 'terra-application-layout/lib/terra-dev-site/doc/common/UtilityOption';\nimport ApplicationExtensions from 'terra-application-layout/lib/terra-dev-site/doc/common/ApplicationExtensions';\nimport ProfilePicture from 'terra-application-layout/lib/terra-dev-site/doc/common/henry.jpg';\nimport styles from './ApplicationLayoutExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\n/**\n * The routingConfig API matches that of the NavigationLayout. Routing specifications for the\n * menu and content regions are supported; the header region is not configurable.\n */\nconst routingConfig = {\n menu: {\n '/page_1': {\n path: '/page_1',\n component: {\n default: {\n componentClass: ApplicationMenu,\n props: {\n baseUrl: '/page_1',\n menuName: 'Page 1 Menu',\n includeNestedMenu: true,\n },\n },\n },\n },\n '/page_1/nested': {\n path: '/page_1/nested',\n component: {\n default: {\n componentClass: ApplicationMenu,\n props: {\n baseUrl: '/page_1/nested',\n menuName: 'Nested Menu',\n },\n },\n },\n },\n },\n content: {\n '/page_1': {\n path: '/page_1',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_1',\n contentName: 'Page 1',\n },\n },\n },\n },\n '/page_2': {\n path: '/page_2',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_2',\n contentName: 'Page 2',\n noMenu: true,\n },\n },\n },\n },\n '/page_3': {\n path: '/page_3',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_3',\n contentName: 'Page 3',\n showDummyContent: true,\n },\n },\n },\n },\n '/page_4': {\n path: '/page_4',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_4',\n contentName: 'Page 4',\n showDummyContent: true,\n },\n },\n },\n },\n '/page_5': {\n path: '/page_5',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_5',\n contentName: 'Page 5',\n showDummyContent: true,\n },\n },\n },\n },\n '/page_6': {\n path: '/page_6',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_6',\n contentName: 'Page 6',\n showDummyContent: true,\n },\n },\n },\n },\n '/page_7': {\n path: '/page_7',\n component: {\n default: {\n componentClass: ApplicationContent,\n props: {\n basePath: '/page_7',\n contentName: 'Page 7',\n showDummyContent: true,\n },\n },\n },\n },\n },\n};\n\n/**\n * The navigationItems will be used to present the ApplicationLayout's navigation controls. The paths provided here must be present in\n * the routingConfig. If no navigation controls are desired, these items can be omitted.\n *\n * With standard rendering, the items will be presented as tabs within the ApplicationLayout's header.\n * With compact rendering, the items will be presented within the layout's menu region within a ApplicationLayout-managed menu.\n */\nconst navigationItems = [{\n path: '/page_1',\n text: 'Page 1',\n icon: ,\n}, {\n path: '/page_2',\n text: 'Page 2',\n icon: ,\n}, {\n path: '/page_3',\n text: 'Page 3',\n icon: ,\n}, {\n path: '/page_4',\n text: 'Page 4',\n icon: ,\n}, {\n path: '/page_5',\n text: 'Page 5',\n icon: ,\n}, {\n path: '/page_6',\n text: 'Page 6',\n icon: ,\n}, {\n path: '/page_7',\n text: 'Page 7',\n icon: ,\n}];\n\n/**\n * The indexPath will be given to the NavigationLayout to set up the appropriate redirects. If users attempt to navigate to a path unsupported\n * by the routingConfig, they will be redirected to this route. This path should therefore be present in the routingConfig.\n */\nconst indexPath = '/page_1';\n\n/**\n * Any component type can be used for the userData photo; however, the Avatar is an appropriate choice.\n */\nconst userAvatar = (\n \n);\n\n/**\n * The userData information will be used to construct the User Information utility menu item that is created by\n * the default utility configuration generated by `getDefaultUtilityItems`.\n */\nconst userData = {\n name: 'Swanson, Henry',\n detail: 'Henry Swanson\\'s my name, and excitement\\'s my game.',\n photo: userAvatar,\n};\n\n/**\n * The data provided for nameConfig will be visible in the ApplicationLayout's header, as well\n * as in any menus at the tiny and small breakpoints.\n */\nconst nameConfig = Object.freeze({\n title: 'Example Application',\n accessory: \"App,\n});\n\nclass ExampleApplication extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n checkboxItemEnabled: false,\n };\n }\n\n render() {\n const { intl, location } = this.props;\n const { checkboxItemEnabled } = this.state;\n\n const 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: 'Additional Item 1 - Sub 1',\n parentKey: 'additional-1',\n }, {\n key: 'additional-sub-2',\n title: 'Additional Item 1 - Sub 2',\n parentKey: 'additional-1',\n }, {\n key: 'checkbox-item',\n title: 'Switch Theme',\n isSelectable: true,\n isSelected: checkboxItemEnabled,\n isReadOnly: false,\n parentKey: Utils.utilityHelpers.defaultKeys.MENU,\n }, {\n key: 'readonly-item',\n title: 'Gender: Male',\n isSelectable: true,\n isReadOnly: true,\n parentKey: Utils.utilityHelpers.defaultKeys.MENU,\n }, {\n key: 'Notifications',\n contentLocation: Utils.utilityHelpers.locations.FOOTER,\n title: 'Notifications',\n parentKey: Utils.utilityHelpers.defaultKeys.MENU,\n }];\n\n /**\n * The data provided for utilityConfig will be visible in the ApplicationLayout's header in the\n * standard rendering mode and within the menus in the compact rendering mode.\n *\n * The ApplicationLayout's Utils export provides a helper function named getDefaultUtilityConfig that will\n * generate the configuration for the standard set of utility options. If the standard configuration is not\n * desirable, an entirely custom configuration can be used instead.\n */\n const utilityConfig = Object.freeze({\n title: 'Swanson, Henry',\n accessory: userAvatar,\n menuItems: Utils.utilityHelpers.getDefaultUtilityItems(intl, userData, customUtilityItems),\n initialSelectedKey: Utils.utilityHelpers.defaultKeys.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 /**\n * For the checkbox item, we maintain its selection state locally and show no disclosure.\n */\n if (itemData.key === 'checkbox-item') {\n this.setState({\n checkboxItemEnabled: !checkboxItemEnabled,\n });\n return;\n }\n\n /**\n * For everything else, we can present a custom modal component for that content.\n */\n disclose({\n preferredType: 'modal',\n size: 'small',\n content: {\n key: itemData.key,\n component: ,\n },\n });\n },\n onBlur: (event, layoutConfig) => {\n const isCompact = Utils.helpers.isSizeCompact(layoutConfig.size);\n if (isCompact) {\n layoutConfig.toggleMenu();\n }\n },\n });\n\n return (\n {`Router Location: ${location.pathname}`}}\n >\n }\n indexPath={indexPath}\n />\n \n );\n }\n}\n\nExampleApplication.propTypes = {\n intl: PropTypes.shape({}),\n location: PropTypes.shape({\n pathname: PropTypes.string,\n }),\n};\n\nconst WrappedApplication = withRouter(injectIntl((ExampleApplication)));\n\nconst AppRouter = () => (\n
    \n
    \n \n \n \n
    \n
    \n);\n\nexport default AppRouter;\n\n")))}C.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(d.A,{title:t||"Example Application With Nav Icons",description:n,example:i.createElement(y.A,null),exampleCssSrc:i.createElement(h,null),exampleSrc:i.createElement(C,null),isExpanded:a})},E=["components"],x={},w="wrapper";function P(e){var t=e.components,n=(0,o.A)(e,E);return(0,l.mdx)(w,(0,a.A)({},x,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)("h2",{id:"examples"},"Examples"),(0,l.mdx)(g,{mdxType:"ExampleApplication"}),(0,l.mdx)(_,{mdxType:"ExampleApplicationWithNavIcons"}))}P.isMDXComponent=!0},5355:function(e,t,n){n.d(t,{E:function(){return i}});var a=n(96540),o=n(55713),i=function(e){var t=e.url;return a.createElement(o.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-layout",name:"terra-application-layout",version:"5.96.1",url:t})}},54028:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(17383)),i=a(n(34579)),l=a(n(28452)),r=a(n(63072)),s=a(n(29511)),u=a(n(96540)),p=a(n(5556)),c=n(12643),d=n(28651),m=a(n(23986)),f=a(n(67967)),h=a(n(54495)),g=a(n(7429));function y(e,t,n){return t=(0,r.default)(t),(0,l.default)(e,b()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function b(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(b=function(){return!!e})()}var v=f.default.bind(g.default),C=(0,c.withDisclosureManager)((function(e){var t=e.disclosureManager;return u.default.createElement(h.default,{fill:!0},u.default.createElement("p",null,"Hello World"),u.default.createElement(m.default,{text:"Close Modal",onClick:t.closeDisclosure}))})),_=u.default.createElement("div",null,u.default.createElement("h2",null,"Single column layout"),u.default.createElement("hr",null),u.default.createElement("p",null,"Single column layouts present the main content in a single, vertical column. This type of layout is perhaps the simplest from this list and is the easiest for users to navigate. Visitors simply scroll down to see more content."),u.default.createElement("p",null,"Despite its simplicity, single column layouts are quite popular among many websites. The mobile revolution also had its impact on the popularity of this type of layout — single column layouts fit mobile screens perfectly."),u.default.createElement("h2",null,"When to use it"),u.default.createElement("hr",null),u.default.createElement("p",null,"This layout finds application in many personal blogs based on minimalistic design principles. This is a common layout for microblogs such as Tumblr."),u.default.createElement("h2",null,"Split screen layout"),u.default.createElement("hr",null),u.default.createElement("p",null,"A split screen (or one screen divided in two) web layout is perfect for a page that has two main pieces of content of equal importance. It allows designers to display both items simultaneously while giving them equal consideration."),u.default.createElement("h2",null,"When to use it"),u.default.createElement("hr",null),u.default.createElement("p",null,"Split screen layouts are perfect when your site offers two drastically different variations of the user journey, such as two different types of instructions as we see in the Dropbox example below."),u.default.createElement("h2",null,"Asymmetrical layout"),u.default.createElement("hr",null),u.default.createElement("p",null,"Asymmetry is the lack of equality between two sides of the layout. Asymmetry is a long-time favorite technique in the art world and has recently become popular among designers when creating website layouts."),u.default.createElement("p",null,"Many people confuse asymmetry with imbalance but, in fact, the goal of asymmetry is to create a balance when it’s either impossible or not desirable to use equal weight for two sections. Using asymmetry makes it possible to create tension and dynamism, and asymmetry facilitates better scanning behavior by focusing a user’s attention on individual objects (focal points)."),u.default.createElement("h2",null,"When to use it"),u.default.createElement("hr",null),u.default.createElement("p",null,"This type of web layout can be used when designers want to create interesting and unexpected layouts, while still providing directional emphasis. Appropriately applied, asymmetry can create active space that guides the eye from one element to another, even across emptiness. Consider how Dropbox clearly shows points of focus in the example below.")),E=function(e){function t(e){var n;return(0,o.default)(this,t),(n=y(this,t,[e])).handleMenuSelection=n.handleMenuSelection.bind(n),n.state={eventState:void 0},n}return(0,s.default)(t,e),(0,i.default)(t,[{key:"componentDidMount",value:function(){document.addEventListener("applicationMenu.itemSelected",this.handleMenuSelection)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("applicationMenu.itemSelected",this.handleMenuSelection)}},{key:"handleMenuSelection",value:function(e){this.setState({eventState:e.detail})}},{key:"render",value:function(){var e,t,n=this.props,a=n.layoutConfig,o=n.disclosureManager,i=n.basePath,l=n.contentName,r=n.noMenu;n.showDummyContent?e=u.default.createElement("div",null,u.default.createElement("h2",null,"Another Page?"),u.default.createElement("hr",null),u.default.createElement("p",null,"These pages are here to demonstrate the responsive functionality of header navigation tabs. The tabs will collapse into a More tab as space is constrained."),_):(t=r?u.default.createElement("div",null,u.default.createElement("h2",null,"No Menu? No Problem!"),u.default.createElement("hr",null),u.default.createElement("p",null,"Components for the menu region are optional. The ApplicationLayout will still render a default menu at tiny and small breakpoints to ensure utilities/navigation items are accessible.")):u.default.createElement("div",null,u.default.createElement("h2",null,"Nested Routing"),u.default.createElement("hr",null),u.default.createElement("p",null,"The content and menu components will remain mounted as long as their associated path continues to match the current router location. Therefore, we can change what the content components render based on the presence of additional path segments."),u.default.createElement("p",null,"For example, the displayed menu component will update the router location when its items are clicked. This content component will be notified of the location change and render the update below."),u.default.createElement("p",null,"Menu item selected:",u.default.createElement(d.Route,{path:"".concat(i,"/*"),render:function(e){var t=e.location;return u.default.createElement("b",null,t.pathname)}})),u.default.createElement("h2",null,"Menu/Content Communication"),u.default.createElement("hr",null),u.default.createElement("p",null,"Additionally, communication can occur through custom events or shared context."),u.default.createElement("p",null,"Event detected:",u.default.createElement("b",null,this.state.eventState))),e=u.default.createElement("div",null,t,u.default.createElement("h2",null,"Layout Control"),u.default.createElement("hr",null),u.default.createElement("p",null,"Content and menu components will receive a prop named",u.default.createElement("b",null,"layoutConfig")," ","which contains APIs for manipulating the layout state. When the layout is tiny or small, the layoutConfig will include a function called `toggleMenu` which will present or dismiss the menu."),u.default.createElement(m.default,{text:"Toggle Menu",isDisabled:!a.toggleMenu,onClick:function(){a.toggleMenu()}}),u.default.createElement("h2",null,"Progressive Disclosure"),u.default.createElement("hr",null),u.default.createElement("p",null,"The ApplicationLayout includes ModalManager support by default. The ApplicationLayout can be wrapped in additional DisclosureManagers to provide additional disclosure capabilities."),u.default.createElement(m.default,{text:"Launch Modal",onClick:function(){o.disclose({preferredType:"modal",size:"medium",content:{key:"MODAL_TEST",component:u.default.createElement(C,null)}})}})));return u.default.createElement(h.default,{fill:!0},u.default.createElement("div",{className:v("content-wrapper")},u.default.createElement("h1",null,l),e))}}])}(u.default.Component);E.propTypes={layoutConfig:p.default.shape({toggleMenu:p.default.func}),disclosureManager:c.disclosureManagerShape,basePath:p.default.string,contentName:p.default.string,noMenu:p.default.bool,showDummyContent:p.default.bool};t.default=(0,c.withDisclosureManager)(E)},61451:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(17383)),i=a(n(34579)),l=a(n(28452)),r=a(n(63072)),s=a(n(29511)),u=a(n(96540)),p=n(12643),c=a(n(23986)),d=a(n(70675)),m=a(n(71576)),f=a(n(61560)),h=a(n(67967)),g=a(n(27424)),y=a(n(25404)),b=n(97787);function v(e,t,n){return t=(0,r.default)(t),(0,l.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.default.bind(g.default),E={disclosureManager:p.disclosureManagerShape,layoutConfig:b.Utils.propTypes.layoutConfigPropType},x=function(e){function t(e){var n;return(0,o.default)(this,t),(n=v(this,t,[e])).discloseExtensionContent=n.discloseExtensionContent.bind(n),n}return(0,s.default)(t,e),(0,i.default)(t,[{key:"discloseExtensionContent",value:function(e){this.props.disclosureManager.disclose({preferredType:"modal",size:"tiny",content:{key:"".concat(e,"-disclosure"),component:u.default.createElement(y.default,{name:e})}})}},{key:"render",value:function(){var e,t,n=this,a=this.props.layoutConfig;return b.Utils.helpers.isSizeCompact(a.size)&&(e={style:{padding:"10px",width:"100%",backgroundColor:"lightgrey"}},t=c.default.Opts.Variants.ACTION),u.default.createElement("div",e,u.default.createElement(c.default,{icon:u.default.createElement(d.default,null),text:"Settings",variant:t,isIconOnly:!0,className:_("extension-button"),onClick:function(){return n.discloseExtensionContent("Settings")}}),u.default.createElement(c.default,{icon:u.default.createElement(m.default,null),text:"Calendar",variant:t,isIconOnly:!0,className:_("extension-button"),onClick:function(){return n.discloseExtensionContent("Calendar")}}),u.default.createElement(c.default,{icon:u.default.createElement(f.default,null),text:"Favorites",variant:t,isIconOnly:!0,className:_("extension-button"),onClick:function(){return n.discloseExtensionContent("Favorites")}}))}}])}(u.default.Component);x.propTypes=E;t.default=(0,p.withDisclosureManager)(x)},22434:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(17383)),i=a(n(34579)),l=a(n(28452)),r=a(n(63072)),s=a(n(29511)),u=a(n(96540)),p=a(n(5556)),c=a(n(54986)),d=a(n(23986)),m=a(n(54495)),f=a(n(67967)),h=a(n(87215)),g=a(n(38734));function y(e,t,n){return t=(0,r.default)(t),(0,l.default)(e,b()?Reflect.construct(t,n||[],(0,r.default)(e).constructor):t.apply(e,n))}function b(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(b=function(){return!!e})()}var v=f.default.bind(h.default),C=function(e){function t(e){var n;(0,o.default)(this,t),n=y(this,t,[e]);for(var a=[],i=0;i<20;i+=1)a.push({text:"Item ".concat(i),path:"".concat(e.baseUrl,"/item_").concat(i)});e.includeNestedMenu&&a.push({text:"Nested Menu",path:"".concat(e.baseUrl,"/nested"),hasSubMenu:!0});var l=a.map((function(e){return{key:e.path,text:e.text,path:e.path,hasSubMenu:e.hasSubMenu}}));return n.state={menuItems:l},n}return(0,s.default)(t,e),(0,i.default)(t,[{key:"render",value:function(){var e=this.props,t=e.menuName,n=e.layoutConfig,a=e.routingStackDelegate,o=this.state.menuItems;return u.default.createElement(m.default,{footer:u.default.createElement("div",{className:v("footer")},u.default.createElement(d.default,{text:"Layouts",isBlock:!0,onClick:function(){var e=document.createEvent("CustomEvent");e.initCustomEvent("applicationMenu.itemSelected",!1,!1,"Layouts"),document.dispatchEvent(e),n&&n.toggleMenu&&n.toggleMenu()},className:v("custom-event-button")}),u.default.createElement(d.default,{text:"Themes",isBlock:!0,onClick:function(){var e=document.createEvent("CustomEvent");e.initCustomEvent("applicationMenu.itemSelected",!1,!1,"Themes"),document.dispatchEvent(e),n&&n.toggleMenu&&n.toggleMenu()}})),fill:!0},u.default.createElement(g.default,{title:t,menuItems:o,routingStackDelegate:a,layoutConfig:n}))}}])}(u.default.Component);C.propTypes={layoutConfig:p.default.shape({toggleMenu:p.default.func,togglePin:p.default.func,menuIsPinned:p.default.bool}),routingStackDelegate:c.default.propType,includeNestedMenu:p.default.bool,menuName:p.default.string,baseUrl:p.default.string};t.default=C},25404:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(96540)),i=a(n(5556)),l=n(12643),r=a(n(54495)),s=a(n(82941)),u=a(n(67967)),p=a(n(16237)),c=u.default.bind(p.default),d={name:i.default.string,disclosureManager:l.disclosureManagerShape},m=function(e){var t=e.name,n=e.disclosureManager;return o.default.createElement(r.default,{fill:!0,header:o.default.createElement(s.default,{title:t.charAt(0).toUpperCase()+t.slice(1),onClose:n.closeDisclosure,onBack:n.goBack,onMaximize:n.maximize,onMinimize:n.minimize})},o.default.createElement("div",{className:c("content-wrapper")},"Content for extension:",t))};m.propTypes=d;t.default=(0,l.withDisclosureManager)(m)},97653:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(96540)),i=a(n(5556)),l=n(12643),r=a(n(54495)),s=a(n(82941)),u=a(n(67967)),p=a(n(16237)),c=u.default.bind(p.default),d={name:i.default.string,disclosureManager:l.disclosureManagerShape},m=function(e){var t=e.name,n=e.disclosureManager;return o.default.createElement(r.default,{fill:!0,header:o.default.createElement(s.default,{title:t.charAt(0).toUpperCase()+t.slice(1),onClose:n.closeDisclosure,onBack:n.goBack,onMaximize:n.maximize,onMinimize:n.minimize})},o.default.createElement("div",{className:c("content-wrapper")},"Content for utility key:",t))};m.propTypes=d;t.default=(0,l.withDisclosureManager)(m)},75450:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var i=a(n(17383)),l=a(n(34579)),r=a(n(28452)),s=a(n(63072)),u=a(n(29511)),p=a(n(96540)),c=a(n(5556)),d=n(28651),m=n(8604),f=a(n(94480)),h=a(n(79441)),g=a(n(54495)),y=a(n(67967)),b=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(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 r=i?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(97787)),v=a(n(54028)),C=a(n(22434)),_=a(n(97653)),E=a(n(61451)),x=a(n(62e3)),w=a(n(46322));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)}function M(e,t,n){return t=(0,s.default)(t),(0,r.default)(e,A()?Reflect.construct(t,n||[],(0,s.default)(e).constructor):t.apply(e,n))}function A(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(A=function(){return!!e})()}var k=y.default.bind(w.default),N={menu:{"/page_1":{path:"/page_1",component:{default:{componentClass:C.default,props:{baseUrl:"/page_1",menuName:"Page 1 Menu",includeNestedMenu:!0}}}},"/page_1/nested":{path:"/page_1/nested",component:{default:{componentClass:C.default,props:{baseUrl:"/page_1/nested",menuName:"Nested Menu"}}}}},content:{"/page_1":{path:"/page_1",component:{default:{componentClass:v.default,props:{basePath:"/page_1",contentName:"Page 1"}}}},"/page_2":{path:"/page_2",component:{default:{componentClass:v.default,props:{basePath:"/page_2",contentName:"Page 2",noMenu:!0}}}},"/page_3":{path:"/page_3",component:{default:{componentClass:v.default,props:{basePath:"/page_3",contentName:"Page 3",showDummyContent:!0}}}},"/page_4":{path:"/page_4",component:{default:{componentClass:v.default,props:{basePath:"/page_4",contentName:"Page 4",showDummyContent:!0}}}},"/page_5":{path:"/page_5",component:{default:{componentClass:v.default,props:{basePath:"/page_5",contentName:"Page 5",showDummyContent:!0}}}},"/page_6":{path:"/page_6",component:{default:{componentClass:v.default,props:{basePath:"/page_6",contentName:"Page 6",showDummyContent:!0}}}},"/page_7":{path:"/page_7",component:{default:{componentClass:v.default,props:{basePath:"/page_7",contentName:"Page 7",showDummyContent:!0}}}}}},I=[{path:"/page_1",text:"Page 1"},{path:"/page_2",text:"Page 2"},{path:"/page_3",text:"Page 3"},{path:"/page_4",text:"Page 4"},{path:"/page_5",text:"Page 5"},{path:"/page_6",text:"Page 6"},{path:"/page_7",text:"Page 7"}],U=p.default.createElement(h.default,{image:x.default,initials:"HS",alt:"Swanson, Henry",key:"user_avatar"}),S={name:"Swanson, Henry",detail:"Henry Swanson's my name, and excitement's my game.",photo:U},T=Object.freeze({title:"Example Application",accessory:p.default.createElement(f.default,{variant:"rounded",src:"https://github.com/cerner/terra-framework/raw/main/terra.png",alt:"App logo",height:"26px",width:"26px"})}),D=function(e){function t(e){var n;return(0,i.default)(this,t),(n=M(this,t,[e])).state={checkboxItemEnabled:!1},n}return(0,u.default)(t,e),(0,l.default)(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.intl,a=t.location,o=this.state.checkboxItemEnabled,i=[{key:"additional-1",title:"Drill-in Item",childKeys:["additional-sub-1","additional-sub-2"],parentKey:b.Utils.utilityHelpers.defaultKeys.MENU},{key:"additional-sub-1",title:"Additional Item 1 - Sub 1",parentKey:"additional-1"},{key:"additional-sub-2",title:"Additional Item 1 - Sub 2",parentKey:"additional-1"},{key:"checkbox-item",title:"Switch Theme",isSelectable:!0,isSelected:o,isReadOnly:!1,parentKey:b.Utils.utilityHelpers.defaultKeys.MENU},{key:"readonly-item",title:"Gender: Male",isSelectable:!0,isReadOnly:!0,parentKey:b.Utils.utilityHelpers.defaultKeys.MENU},{key:"Notifications",contentLocation:b.Utils.utilityHelpers.locations.FOOTER,title:"Notifications",parentKey:b.Utils.utilityHelpers.defaultKeys.MENU}],l=Object.freeze({title:"Swanson, Henry",accessory:U,menuItems:b.Utils.utilityHelpers.getDefaultUtilityItems(n,S,i),initialSelectedKey:b.Utils.utilityHelpers.defaultKeys.MENU,onChange:function(t,n,a){"checkbox-item"!==n.key?a({preferredType:"modal",size:"small",content:{key:n.key,component:p.default.createElement(_.default,{name:n.key})}}):e.setState({checkboxItemEnabled:!o})},onBlur:function(e,t){b.Utils.helpers.isSizeCompact(t.size)&&t.toggleMenu()}});return p.default.createElement(g.default,{fill:!0,header:p.default.createElement("h3",null,"Router Location: ".concat(a.pathname))},p.default.createElement(b.default,{nameConfig:T,utilityConfig:l,routingConfig:N,navigationItems:I,extensions:p.default.createElement(E.default,null),indexPath:"/page_1/item_0"}))}}])}(p.default.Component);D.propTypes={intl:c.default.shape({}),location:c.default.shape({pathname:c.default.string})};var O=(0,d.withRouter)((0,m.injectIntl)(D));t.A=function(){return p.default.createElement("div",{className:k("height-for-docs-only")},p.default.createElement("div",{className:k("app-router")},p.default.createElement(d.MemoryRouter,null,p.default.createElement(O,null))))}},38987:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var i=a(n(17383)),l=a(n(34579)),r=a(n(28452)),s=a(n(63072)),u=a(n(29511)),p=a(n(96540)),c=a(n(5556)),d=n(28651),m=n(8604),f=a(n(94480)),h=a(n(79441)),g=a(n(54495)),y=a(n(31042)),b=a(n(47194)),v=a(n(98814)),C=a(n(38008)),_=a(n(15800)),E=a(n(99906)),x=a(n(69484)),w=a(n(67967)),P=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=S(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 r=i?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(97787)),M=a(n(54028)),A=a(n(22434)),k=a(n(97653)),N=a(n(61451)),I=a(n(62e3)),U=a(n(46322));function S(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(S=function(e){return e?n:t})(e)}function T(e,t,n){return t=(0,s.default)(t),(0,r.default)(e,D()?Reflect.construct(t,n||[],(0,s.default)(e).constructor):t.apply(e,n))}function D(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(D=function(){return!!e})()}var O=w.default.bind(U.default),K={menu:{"/page_1":{path:"/page_1",component:{default:{componentClass:A.default,props:{baseUrl:"/page_1",menuName:"Page 1 Menu",includeNestedMenu:!0}}}},"/page_1/nested":{path:"/page_1/nested",component:{default:{componentClass:A.default,props:{baseUrl:"/page_1/nested",menuName:"Nested Menu"}}}}},content:{"/page_1":{path:"/page_1",component:{default:{componentClass:M.default,props:{basePath:"/page_1",contentName:"Page 1"}}}},"/page_2":{path:"/page_2",component:{default:{componentClass:M.default,props:{basePath:"/page_2",contentName:"Page 2",noMenu:!0}}}},"/page_3":{path:"/page_3",component:{default:{componentClass:M.default,props:{basePath:"/page_3",contentName:"Page 3",showDummyContent:!0}}}},"/page_4":{path:"/page_4",component:{default:{componentClass:M.default,props:{basePath:"/page_4",contentName:"Page 4",showDummyContent:!0}}}},"/page_5":{path:"/page_5",component:{default:{componentClass:M.default,props:{basePath:"/page_5",contentName:"Page 5",showDummyContent:!0}}}},"/page_6":{path:"/page_6",component:{default:{componentClass:M.default,props:{basePath:"/page_6",contentName:"Page 6",showDummyContent:!0}}}},"/page_7":{path:"/page_7",component:{default:{componentClass:M.default,props:{basePath:"/page_7",contentName:"Page 7",showDummyContent:!0}}}}}},R=[{path:"/page_1",text:"Page 1",icon:p.default.createElement(y.default,null)},{path:"/page_2",text:"Page 2",icon:p.default.createElement(b.default,null)},{path:"/page_3",text:"Page 3",icon:p.default.createElement(v.default,null)},{path:"/page_4",text:"Page 4",icon:p.default.createElement(C.default,null)},{path:"/page_5",text:"Page 5",icon:p.default.createElement(_.default,null)},{path:"/page_6",text:"Page 6",icon:p.default.createElement(E.default,null)},{path:"/page_7",text:"Page 7",icon:p.default.createElement(x.default,null)}],H=p.default.createElement(h.default,{image:I.default,initials:"HS",alt:"Swanson, Henry",key:"user_avatar"}),L={name:"Swanson, Henry",detail:"Henry Swanson's my name, and excitement's my game.",photo:H},j=Object.freeze({title:"Example Application",accessory:p.default.createElement(f.default,{variant:"rounded",src:"https://github.com/cerner/terra-framework/raw/main/terra.png",alt:"App logo",height:"26px",width:"26px"})}),z=function(e){function t(e){var n;return(0,i.default)(this,t),(n=T(this,t,[e])).state={checkboxItemEnabled:!1},n}return(0,u.default)(t,e),(0,l.default)(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.intl,a=t.location,o=this.state.checkboxItemEnabled,i=[{key:"additional-1",title:"Drill-in Item",childKeys:["additional-sub-1","additional-sub-2"],parentKey:P.Utils.utilityHelpers.defaultKeys.MENU},{key:"additional-sub-1",title:"Additional Item 1 - Sub 1",parentKey:"additional-1"},{key:"additional-sub-2",title:"Additional Item 1 - Sub 2",parentKey:"additional-1"},{key:"checkbox-item",title:"Switch Theme",isSelectable:!0,isSelected:o,isReadOnly:!1,parentKey:P.Utils.utilityHelpers.defaultKeys.MENU},{key:"readonly-item",title:"Gender: Male",isSelectable:!0,isReadOnly:!0,parentKey:P.Utils.utilityHelpers.defaultKeys.MENU},{key:"Notifications",contentLocation:P.Utils.utilityHelpers.locations.FOOTER,title:"Notifications",parentKey:P.Utils.utilityHelpers.defaultKeys.MENU}],l=Object.freeze({title:"Swanson, Henry",accessory:H,menuItems:P.Utils.utilityHelpers.getDefaultUtilityItems(n,L,i),initialSelectedKey:P.Utils.utilityHelpers.defaultKeys.MENU,onChange:function(t,n,a){"checkbox-item"!==n.key?a({preferredType:"modal",size:"small",content:{key:n.key,component:p.default.createElement(k.default,{name:n.key})}}):e.setState({checkboxItemEnabled:!o})},onBlur:function(e,t){P.Utils.helpers.isSizeCompact(t.size)&&t.toggleMenu()}});return p.default.createElement(g.default,{fill:!0,header:p.default.createElement("h3",null,"Router Location: ".concat(a.pathname))},p.default.createElement(P.default,{nameConfig:j,utilityConfig:l,routingConfig:K,navigationItems:R,extensions:p.default.createElement(N.default,null),indexPath:"/page_1"}))}}])}(p.default.Component);z.propTypes={intl:c.default.shape({}),location:c.default.shape({pathname:c.default.string})};var W=(0,d.withRouter)((0,m.injectIntl)(z));t.A=function(){return p.default.createElement("div",{className:O("height-for-docs-only")},p.default.createElement("div",{className:O("app-router")},p.default.createElement(d.MemoryRouter,null,p.default.createElement(W,null))))}},62e3:function(e,t,n){n.r(t),t.default=n.p+"ea0144ecf9ac925b994dda7065e79fe6.jpg"},7429:function(e,t,n){n.r(t),t.default={"content-wrapper":"ApplicationContent-module__content-wrapper___z6U8P"}},27424:function(e,t,n){n.r(t),t.default={"extension-button":"ApplicationExtensions-module__extension-button___vczWm"}},16237:function(e,t,n){n.r(t),t.default={"content-wrapper":"ApplicationLayoutDocCommon-module__content-wrapper___TkykM"}},87215:function(e,t,n){n.r(t),t.default={footer:"ApplicationMenu-module__footer___8A5MI","custom-event-button":"ApplicationMenu-module__custom-event-button___1Csh5"}},46322:function(e,t,n){n.r(t),t.default={"app-router":"ApplicationLayoutExampleCommon-module__app-router___jdxpQ","height-for-docs-only":"ApplicationLayoutExampleCommon-module__height-for-docs-only___opPG-"}}}]); \ No newline at end of file diff --git a/92144-7451da0d7c09198d7496.css b/92144-7451da0d7c09198d7496.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/92144-7451da0d7c09198d7496.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/92144-7451da0d7c09198d7496.js b/92144-7451da0d7c09198d7496.js new file mode 100644 index 0000000000..f1e8e49306 --- /dev/null +++ b/92144-7451da0d7c09198d7496.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[92144],{55713:function(e,t,a){var n=a(24994);t.A=void 0;var r=n(a(96540)),o=n(a(5556)),l=n(a(67967)),i=n(a(25642)),u=l.default.bind(i.default),c={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},d=function(e){var t=e.src,a=e.name,n=e.url,o=e.version,l=r.default.createElement("a",{className:u("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},r.default.createElement("span",{className:u("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:u("badge-version")},"v".concat(o))),i=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,i)};d.propTypes=c;t.A=d},86159:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(a(96540)),r=c(a(5556)),o=c(a(67967)),l=c(a(23695)),i=c(a(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||(r[a]=e[a]);return r}(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}var m=o.default.bind(i.default),f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},_={children:r.default.string},g=function(e){var t=e.children,a=s(e,u),r=n.default.useContext(l.default),i=(0,o.default)(m(["button",r.className]),a.className);return n.default.createElement("button",d({},a,{type:"button",className:i,onBlur:f,onMouseDown:p,"data-focus-styles-enabled":!0}),t)};g.propTypes=_;t.default=g},20999:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),r=u(a(5556)),o=u(a(67967)),l=u(a(23695)),i=u(a(17269));function u(e){return e&&e.__esModule?e:{default:e}}var c=o.default.bind(i.default),d={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,a=e.variant,r=e.children,o=n.default.useContext(l.default);return n.default.createElement("div",{className:c("notice",a,o.className)},n.default.createElement("div",{className:c("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:c("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:c("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:c("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:c("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:c("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(r,(function(e){return"string"==typeof e?n.default.createElement("p",null,e):e}))))};s.propTypes=d,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=d(a(96540)),r=d(a(5556)),o=d(a(46942)),l=d(a(67967)),i=d(a(23695)),u=d(a(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||(r[a]=e[a]);return r}(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}var f=l.default.bind(u.default),p={title:r.default.string},_=function(e){var t=e.title,a=m(e,c),r=n.default.useContext(i.default),l=(0,o.default)(f(["placeholder",r.className]),a.className),u=f(["inner"]);return n.default.createElement("div",s({},a,{className:l}),n.default.createElement("div",{className:u},n.default.createElement("p",{className:f("title")},t)))};_.propTypes=p,_.defaultProps={title:""};t.default=_},74647:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var n=l(a(20999)),r=l(a(18778)),o=l(a(86159));function l(e){return e&&e.__esModule?e:{default:e}}},92144:function(e,t,a){a.r(t),a.d(t,{default:function(){return s}});var n=a(58168),r=a(53986),o=(a(96540),a(36665)),l=a(15226),i=a(74647),u=["components"],c={},d="wrapper";function s(e){var t=e.components,a=(0,r.A)(e,u);return(0,o.mdx)(d,(0,n.A)({},c,a,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(l.E,{mdxType:"Badge"}),(0,o.mdx)("p",null,(0,o.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/main/packages/terra-dialog-modal#readme"},(0,o.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,o.mdx)("h1",{id:"terra-dialog-modal-upgrade-guide"},"Terra Dialog Modal Upgrade Guide"),(0,o.mdx)(i.Notice,{variant:"deprecation",mdxType:"Notice"},(0,o.mdx)("p",null,"The terra-dialog-modal has been deprecated and is no longer recommended for use. Use ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/application/terra-application/components/modal-manager"},"ModalManager")," from ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/application/terra-application/application"},"terra-application")," for an alternative modal implementation. The terra-dialog-modal package has been deprecated because duplicates functionality found in the modal manager package.")),(0,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:"added"},"Added"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"--terra-dialog-modal-box-shadow")))}s.isMDXComponent=!0},15226: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-dialog-modal",name:"terra-dialog-modal",version:"3.114.1",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"}},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"}},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/9273-9a563a0ad869a7b65693.css b/9273-9a563a0ad869a7b65693.css new file mode 100644 index 0000000000..8d3481af46 --- /dev/null +++ b/9273-9a563a0ad869a7b65693.css @@ -0,0 +1,2 @@ +.Textarea-module__clinical-lowlight-theme___Nmtf4{--terra-form-textarea-background-color: #222a2e;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: auto;--terra-form-textarea-border-color: #181b1d;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #b2b5b6;--terra-form-textarea-font-size: 1.143rem;--terra-form-textarea-line-height: 1.25;--terra-form-textarea-padding-bottom: 0.286rem;--terra-form-textarea-padding-left: 0.286rem;--terra-form-textarea-padding-right: 0.286rem;--terra-form-textarea-padding-top: 0.286rem;--terra-form-textarea-hover-background-color: #222a2e;--terra-form-textarea-hover-border-color: #181b1d;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #b2b5b6;--terra-form-textarea-focus-background-size: auto;--terra-form-textarea-focus-border-color: #181b1d;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #222a2e;--terra-form-textarea-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-focus-color: #b2b5b6;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0.2s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-disabled-background-color: #1d2529;--terra-form-textarea-disabled-border-color: #24282b;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #404344;--terra-form-textarea-disabled-opacity: 0.25;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #222a2e;--terra-form-textarea-error-border-color: #181b1d;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #222a2e;--terra-form-textarea-error-hover-border-color: #181b1d;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #b2b5b6;--terra-form-textarea-error-focus-background-size: auto;--terra-form-textarea-error-focus-background-color: #222a2e;--terra-form-textarea-error-focus-border-color: #181b1d;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-error-focus-color: #b2b5b6;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-disabled-background-color: #1d2529;--terra-form-textarea-error-disabled-border-color: #24282b;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #404344;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #464232;--terra-form-textarea-incomplete-hover-background-color: #464232;--terra-form-textarea-incomplete-disabled-background-color: #464232;--terra-form-textarea-incomplete-focus-background-color: #464232}.Textarea-module__orion-fusion-theme___MFmVe{--terra-form-textarea-background-color: #fff;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: 0 0;--terra-form-textarea-border-color: #dedfe0;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #1c1f21;--terra-form-textarea-font-size: 1rem;--terra-form-textarea-line-height: 1.416667;--terra-form-textarea-padding-bottom: 0.25rem;--terra-form-textarea-padding-left: 0.25rem;--terra-form-textarea-padding-right: 0.25rem;--terra-form-textarea-padding-top: 0.25rem;--terra-form-textarea-hover-background-color: #fff;--terra-form-textarea-hover-border-color: #dedfe0;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #1c1f21;--terra-form-textarea-focus-background-size: 0 0;--terra-form-textarea-focus-border-color: #4cb2e9;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #fff;--terra-form-textarea-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-color: #1c1f21;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-disabled-background-color: #f4f4f4;--terra-form-textarea-disabled-border-color: #b2b5b6;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #9b9fa1;--terra-form-textarea-disabled-opacity: 1;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #fff;--terra-form-textarea-error-border-color: #dedfe0;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: none;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #fff;--terra-form-textarea-error-hover-border-color: #dedfe0;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #1c1f21;--terra-form-textarea-error-focus-background-size: 0 0;--terra-form-textarea-error-focus-background-color: #fff;--terra-form-textarea-error-focus-border-color: #dedfe0;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-color: #1c1f21;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-disabled-background-color: #f4f4f4;--terra-form-textarea-error-disabled-border-color: #b2b5b6;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #9b9fa1;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #fefd9a;--terra-form-textarea-incomplete-hover-background-color: #fefd9a;--terra-form-textarea-incomplete-focus-background-color: #fefd9a;--terra-form-textarea-incomplete-disabled-background-color: #f4f4f4}.Textarea-module__textarea___1EN-n{color:#000;color:var(--terra-form-textarea-color, #000);font-family:inherit;font-size:1.143rem;font-size:var(--terra-form-textarea-font-size, 1.143rem);line-height:1.25;line-height:var(--terra-form-textarea-line-height, 1.25);max-width:100%;opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);width:100%}[dir] .Textarea-module__textarea___1EN-n{background-color:#fff;background-color:var(--terra-form-textarea-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-background-image, none);background-repeat:no-repeat;background-size:0 0;background-size:var(--terra-form-textarea-background-size, 0 0);border-color:#dedfe0;border-color:var(--terra-form-textarea-border-color, #dedfe0);border-radius:3px;border-radius:var(--terra-form-textarea-border-radius, 3px);border-style:solid;border-style:var(--terra-form-textarea-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-border-width, 1px);cursor:auto;padding-bottom:0.286rem;padding-bottom:var(--terra-form-textarea-padding-bottom, 0.286rem);padding-top:0.286rem;padding-top:var(--terra-form-textarea-padding-top, 0.286rem);transition-duration:0.2s;transition-duration:var(--terra-form-textarea-focus-transition-duration, 0.2s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-textarea-focus-transition-timing-function, ease)}[dir=ltr] .Textarea-module__textarea___1EN-n{background-position:0 100%;padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-left, 0.286rem);padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-right, 0.286rem)}[dir=rtl] .Textarea-module__textarea___1EN-n{background-position:100% 100%;padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-left, 0.286rem);padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-right, 0.286rem)}.Textarea-module__textarea___1EN-n:hover{color:var(--terra-form-textarea-hover-color)}[dir] .Textarea-module__textarea___1EN-n:hover{background-color:var(--terra-form-textarea-hover-background-color);border-color:#dedfe0;border-color:var(--terra-form-textarea-hover-border-color, #dedfe0);border-style:solid;border-style:var(--terra-form-textarea-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-hover-border-width, 1px)}[dir] .Textarea-module__textarea___1EN-n[required]{box-shadow:unset}.Textarea-module__textarea___1EN-n[disabled]{color:#1c1f21;color:var(--terra-form-textarea-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-disabled-opacity, 0.25);pointer-events:none;resize:none}[dir] .Textarea-module__textarea___1EN-n[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#868a8c;border-color:var(--terra-form-textarea-disabled-border-color, #868a8c);border-style:solid;border-style:var(--terra-form-textarea-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-disabled-border-width, 1px);cursor:default}.Textarea-module__textarea___1EN-n:focus{color:#000;color:var(--terra-form-textarea-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);outline:none}[dir] .Textarea-module__textarea___1EN-n:focus{background-color:var(--terra-form-textarea-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-focus-background-size, 0 0);border-color:#4cb2e9;border-color:var(--terra-form-textarea-focus-border-color, #4cb2e9);border-style:solid;border-style:var(--terra-form-textarea-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-focus-border-width, 1px);box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-box-shadow, 0 0 8px #a6d9f4)}[dir=ltr] .Textarea-module__textarea___1EN-n:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-ltr-box-shadow, 0 0 8px #a6d9f4)}[dir=rtl] .Textarea-module__textarea___1EN-n:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-rtl-box-shadow, 0 0 8px #a6d9f4)}.Textarea-module__full-size___\+I8BZ{height:100%;resize:none;width:100%}.Textarea-module__no-resize___cBMRC{resize:none}.Textarea-module__resizable___SfQzJ{box-sizing:padding-box;overflow:hidden}.Textarea-module__form-error___68kuD{opacity:1;opacity:var(--terra-form-textarea-error-opacity, 1)}[dir] .Textarea-module__form-error___68kuD{background-color:#fff;background-color:var(--terra-form-textarea-error-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-error-background-image, none);border-color:#e50000;border-color:var(--terra-form-textarea-error-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___68kuD:hover{color:var(--terra-form-textarea-error-hover-color)}[dir] .Textarea-module__form-error___68kuD:hover{background-color:var(--terra-form-textarea-error-hover-background-color);border-color:#e50000;border-color:var(--terra-form-textarea-error-hover-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-hover-border-width, 1px)}.Textarea-module__form-error___68kuD[disabled]{color:#1c1f21;color:var(--terra-form-textarea-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-error-disabled-opacity, 0.25)}[dir] .Textarea-module__form-error___68kuD[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-error-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#e50000;border-color:var(--terra-form-textarea-error-disabled-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-disabled-border-width, 1px)}[dir] .Textarea-module__form-error___68kuD[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___68kuD:focus{color:#000;color:var(--terra-form-textarea-error-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-error-focus-opacity, 1)}[dir] .Textarea-module__form-error___68kuD:focus{background-color:var(--terra-form-textarea-error-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-error-focus-background-size, 0 0);border-color:#e50000;border-color:var(--terra-form-textarea-error-focus-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-focus-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Textarea-module__form-error___68kuD:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Textarea-module__form-error___68kuD:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Textarea-module__form-incomplete___xpoV4{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___xpoV4:hover{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-hover-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___xpoV4[disabled]{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-disabled-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___xpoV4:focus{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-focus-background-color, #ffc)} +.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/9273-9a563a0ad869a7b65693.js b/9273-9a563a0ad869a7b65693.js new file mode 100644 index 0000000000..ef500a061e --- /dev/null +++ b/9273-9a563a0ad869a7b65693.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[9273],{99223:function(e,t,n){n.r(t),n.d(t,{default:function(){return R}});var r=n(58168),a=n(53986),i=n(96540),u=n(36665),o=n(50232),l=n(17921),d=n(36296),s=["components"],c={};function m(e){var t=e.components,n=(0,a.A)(e,s);return(0,u.mdx)("wrapper",(0,r.A)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,u.mdx)("pre",null,(0,u.mdx)("code",{parentName:"pre",className:"language-jsx"},'/* eslint-disable class-methods-use-this */\n\nimport React from \'react\';\nimport { Form, Field } from \'react-final-form\';\nimport Radio from \'terra-form-radio\';\nimport RadioField from \'terra-form-radio/lib/RadioField\';\nimport Button from \'terra-button\';\nimport Spacer from \'terra-spacer\';\n\nconst required = value => (value && value.length > 0 ? undefined : \'Required\');\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit, errors, submitFailed }) {\n return (\n \n \n (\n \n )}\n />\n (\n \n )}\n />\n (\n \n )}\n />\n \n