From b8891e95667449a084538a19f2fe437587d4c6e3 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Wed, 8 May 2024 11:16:37 +0000 Subject: [PATCH] chore(docs): Regenerate docs 00a1a33801b7b16e8f7f583c2829229482db07fc --- 1211-da3cfa1f9b5fda3bee39.css | 1 + 1211-da3cfa1f9b5fda3bee39.js | 1 + 140-d19c1a1934eee83c0cca.js | 1 + 1438-863fdd5805fa808832ad.css | 1 + 1438-863fdd5805fa808832ad.js | 1 + 14677-6d31d15f7a6bcf84f524.css | 1 + 14677-6d31d15f7a6bcf84f524.js | 1 + 14831-2dda484be0aa84ea6af2.css | 1 + 14831-2dda484be0aa84ea6af2.js | 1 + 22521-1ee5eea579bfd78672e3.css | 5 + 22521-1ee5eea579bfd78672e3.js | 1 + 23528-38fdc91726b9e090dd58.css | 1 + 23528-38fdc91726b9e090dd58.js | 1 + 23683-200d147ef34fe3b19daf.js | 1 + 25102-61673735072c8f449dae.css | 1 + 25102-61673735072c8f449dae.js | 1 + 26942-f9c71472eefdf05de061.css | 1 + 26942-f9c71472eefdf05de061.js | 1 + 27494-a459e6e9dcc72a4b708c.css | 6 ++ 27494-a459e6e9dcc72a4b708c.js | 1 + 27521-62d908c6e95a413787fa.css | 3 + 27521-62d908c6e95a413787fa.js | 1 + 28651-a860d4279b5d46413c05.css | 5 + 28651-a860d4279b5d46413c05.js | 1 + 28728-dc9ebef667685f50434f.css | 1 + 28728-dc9ebef667685f50434f.js | 1 + 28902-a9593f6778ddc7b35bdf.css | 2 + 28902-a9593f6778ddc7b35bdf.js | 1 + 30699-741046206382ddb94e6d.css | 1 + 30699-741046206382ddb94e6d.js | 1 + 31240-34e6f9e8e21387bf79e3.css | 1 + 31240-34e6f9e8e21387bf79e3.js | 1 + 31382-bb785e1a11e6535f6a67.css | 1 + 31382-bb785e1a11e6535f6a67.js | 1 + 32249-15f147a8209248fed6a9.css | 2 + 32249-15f147a8209248fed6a9.js | 1 + 32397-f28307e98e19d6371681.css | 1 + 32397-f28307e98e19d6371681.js | 1 + 33637-6b7716208482b678678e.css | 2 + 33637-6b7716208482b678678e.js | 1 + 34683-66a2836cdd1505d10598.css | 1 + 34683-66a2836cdd1505d10598.js | 1 + 36022-f5af849ea9f1ed7c1a91.css | 1 + 36022-f5af849ea9f1ed7c1a91.js | 1 + 36677-408bb5a8bf27b8e4e4cc.css | 1 + 36677-408bb5a8bf27b8e4e4cc.js | 1 + 371-c4ba5692df7f77f7f973.css | 2 + 371-c4ba5692df7f77f7f973.js | 1 + 41484-1d561aed657bdee23065.css | 1 + 41484-1d561aed657bdee23065.js | 1 + 43912-4c08715cebc4b249916a.css | 7 ++ 43912-4c08715cebc4b249916a.js | 1 + 44248-13f7b20fae6bec101fc5.css | 1 + 44248-13f7b20fae6bec101fc5.js | 1 + 44601-78f5577c522c3e032175.css | 4 + 44601-78f5577c522c3e032175.js | 1 + 45186-ae502ba3f3dc23bc44cf.css | 2 + 45186-ae502ba3f3dc23bc44cf.js | 1 + 46712-02cbb1ef05c9f00fdf1b.css | 1 + 46712-02cbb1ef05c9f00fdf1b.js | 1 + 49238-9c9beaeb091c54e53167.css | 1 + 49238-9c9beaeb091c54e53167.js | 1 + 50205-1c328ada41da52e048db.css | 1 + 50205-1c328ada41da52e048db.js | 1 + 5162-8c6b3da4de0ba760a8a7.css | 1 + 5162-8c6b3da4de0ba760a8a7.js | 1 + 52895-8f1e633f725cfb7841a7.css | 1 + 52895-8f1e633f725cfb7841a7.js | 1 + 53003-52b4e63805150175813e.css | 1 + 53003-52b4e63805150175813e.js | 1 + 54504-d4cac6af6a8dd3a71cd1.css | 1 + 54504-d4cac6af6a8dd3a71cd1.js | 1 + 55993-7162256217c0bbed77ce.js | 1 + 57947-f738717df75e47d7bc1b.css | 2 + 57947-f738717df75e47d7bc1b.js | 1 + 59359-717092e18f1c29b93013.css | 1 + 59359-717092e18f1c29b93013.js | 1 + 60232-ecef6c04956a7ff7d650.css | 1 + 60232-ecef6c04956a7ff7d650.js | 1 + 60336-f93af6aba5e790079ec2.css | 1 + 60336-f93af6aba5e790079ec2.js | 1 + 60982-8fa01f9d94b45f02e00f.css | 1 + 60982-8fa01f9d94b45f02e00f.js | 1 + 6330-190d803d756f16e1501c.css | 5 + 6330-190d803d756f16e1501c.js | 1 + 63965-e309626c6539dd87714d.css | 8 ++ 63965-e309626c6539dd87714d.js | 1 + 64111-54be2a0b336a9bffa6f6.css | 1 + 64111-54be2a0b336a9bffa6f6.js | 1 + 65350-a15c9e9a8ac7cd50596b.css | 1 + 65350-a15c9e9a8ac7cd50596b.js | 1 + 67633-eb3c5f00aca7268adc28.css | 1 + 67633-eb3c5f00aca7268adc28.js | 1 + 70453-ef457b053d01f1d2e360.css | 1 + 70453-ef457b053d01f1d2e360.js | 1 + 72011-874ea3608817079a8fbc.css | 6 ++ 72011-874ea3608817079a8fbc.js | 1 + 72572-c3d58e86b79439c7bd2b.css | 5 + 72572-c3d58e86b79439c7bd2b.js | 1 + 74102-b28c832a6302820904e3.css | 1 + 74102-b28c832a6302820904e3.js | 1 + 74685-10a34bf24b62bcd58d5e.css | 2 + 74685-10a34bf24b62bcd58d5e.js | 1 + 75333-00fc8212b1982a37715e.css | 1 + 75333-00fc8212b1982a37715e.js | 1 + 75808-683b9782c91183942491.css | 1 + 75808-683b9782c91183942491.js | 1 + 76497-cd4e9407805fd816f45d.css | 2 + 76497-cd4e9407805fd816f45d.js | 1 + 79966-9ac3a59a0a8454d0558b.css | 2 + 79966-9ac3a59a0a8454d0558b.js | 1 + 81014-3147ee1eebeff8f68d6d.css | 1 + 81014-3147ee1eebeff8f68d6d.js | 1 + 81258-370a42dd86ccd3dd4da1.css | 1 + 81258-370a42dd86ccd3dd4da1.js | 1 + 81836-6b4f2344ec3f5f0a17dc.css | 2 + 81836-6b4f2344ec3f5f0a17dc.js | 1 + 82266-44522a05f84ff2e985ac.css | 1 + 82266-44522a05f84ff2e985ac.js | 1 + 84565-915449441bb37bc08d43.css | 1 + 84565-915449441bb37bc08d43.js | 1 + 8937-cd4d392803a99c83b531.css | 1 + 8937-cd4d392803a99c83b531.js | 1 + 90788-df244a89de815b8a257b.css | 12 +++ 90788-df244a89de815b8a257b.js | 1 + 92144-d4b96897c8e7b7df6591.css | 1 + 92144-d4b96897c8e7b7df6591.js | 1 + 9273-5be1ca0a9854eb5aee87.css | 2 + 9273-5be1ca0a9854eb5aee87.js | 1 + 93304-c9e1e7b1b72eb8ae96e4.css | 2 + 93304-c9e1e7b1b72eb8ae96e4.js | 1 + 97159-36b7c1d983fcc483b0c2.css | 1 + 97159-36b7c1d983fcc483b0c2.js | 1 + index-127132f25747a3b76e5e.css | 107 ++++++++++++++++++++++ index-127132f25747a3b76e5e.js | 2 + index-127132f25747a3b76e5e.js.LICENSE.txt | 69 ++++++++++++++ index.html | 2 +- 137 files changed, 379 insertions(+), 1 deletion(-) create mode 100644 1211-da3cfa1f9b5fda3bee39.css create mode 100644 1211-da3cfa1f9b5fda3bee39.js create mode 100644 140-d19c1a1934eee83c0cca.js create mode 100644 1438-863fdd5805fa808832ad.css create mode 100644 1438-863fdd5805fa808832ad.js create mode 100644 14677-6d31d15f7a6bcf84f524.css create mode 100644 14677-6d31d15f7a6bcf84f524.js create mode 100644 14831-2dda484be0aa84ea6af2.css create mode 100644 14831-2dda484be0aa84ea6af2.js create mode 100644 22521-1ee5eea579bfd78672e3.css create mode 100644 22521-1ee5eea579bfd78672e3.js create mode 100644 23528-38fdc91726b9e090dd58.css create mode 100644 23528-38fdc91726b9e090dd58.js create mode 100644 23683-200d147ef34fe3b19daf.js create mode 100644 25102-61673735072c8f449dae.css create mode 100644 25102-61673735072c8f449dae.js create mode 100644 26942-f9c71472eefdf05de061.css create mode 100644 26942-f9c71472eefdf05de061.js create mode 100644 27494-a459e6e9dcc72a4b708c.css create mode 100644 27494-a459e6e9dcc72a4b708c.js create mode 100644 27521-62d908c6e95a413787fa.css create mode 100644 27521-62d908c6e95a413787fa.js create mode 100644 28651-a860d4279b5d46413c05.css create mode 100644 28651-a860d4279b5d46413c05.js create mode 100644 28728-dc9ebef667685f50434f.css create mode 100644 28728-dc9ebef667685f50434f.js create mode 100644 28902-a9593f6778ddc7b35bdf.css create mode 100644 28902-a9593f6778ddc7b35bdf.js create mode 100644 30699-741046206382ddb94e6d.css create mode 100644 30699-741046206382ddb94e6d.js create mode 100644 31240-34e6f9e8e21387bf79e3.css create mode 100644 31240-34e6f9e8e21387bf79e3.js create mode 100644 31382-bb785e1a11e6535f6a67.css create mode 100644 31382-bb785e1a11e6535f6a67.js create mode 100644 32249-15f147a8209248fed6a9.css create mode 100644 32249-15f147a8209248fed6a9.js create mode 100644 32397-f28307e98e19d6371681.css create mode 100644 32397-f28307e98e19d6371681.js create mode 100644 33637-6b7716208482b678678e.css create mode 100644 33637-6b7716208482b678678e.js create mode 100644 34683-66a2836cdd1505d10598.css create mode 100644 34683-66a2836cdd1505d10598.js create mode 100644 36022-f5af849ea9f1ed7c1a91.css create mode 100644 36022-f5af849ea9f1ed7c1a91.js create mode 100644 36677-408bb5a8bf27b8e4e4cc.css create mode 100644 36677-408bb5a8bf27b8e4e4cc.js create mode 100644 371-c4ba5692df7f77f7f973.css create mode 100644 371-c4ba5692df7f77f7f973.js create mode 100644 41484-1d561aed657bdee23065.css create mode 100644 41484-1d561aed657bdee23065.js create mode 100644 43912-4c08715cebc4b249916a.css create mode 100644 43912-4c08715cebc4b249916a.js create mode 100644 44248-13f7b20fae6bec101fc5.css create mode 100644 44248-13f7b20fae6bec101fc5.js create mode 100644 44601-78f5577c522c3e032175.css create mode 100644 44601-78f5577c522c3e032175.js create mode 100644 45186-ae502ba3f3dc23bc44cf.css create mode 100644 45186-ae502ba3f3dc23bc44cf.js create mode 100644 46712-02cbb1ef05c9f00fdf1b.css create mode 100644 46712-02cbb1ef05c9f00fdf1b.js create mode 100644 49238-9c9beaeb091c54e53167.css create mode 100644 49238-9c9beaeb091c54e53167.js create mode 100644 50205-1c328ada41da52e048db.css create mode 100644 50205-1c328ada41da52e048db.js create mode 100644 5162-8c6b3da4de0ba760a8a7.css create mode 100644 5162-8c6b3da4de0ba760a8a7.js create mode 100644 52895-8f1e633f725cfb7841a7.css create mode 100644 52895-8f1e633f725cfb7841a7.js create mode 100644 53003-52b4e63805150175813e.css create mode 100644 53003-52b4e63805150175813e.js create mode 100644 54504-d4cac6af6a8dd3a71cd1.css create mode 100644 54504-d4cac6af6a8dd3a71cd1.js create mode 100644 55993-7162256217c0bbed77ce.js create mode 100644 57947-f738717df75e47d7bc1b.css create mode 100644 57947-f738717df75e47d7bc1b.js create mode 100644 59359-717092e18f1c29b93013.css create mode 100644 59359-717092e18f1c29b93013.js create mode 100644 60232-ecef6c04956a7ff7d650.css create mode 100644 60232-ecef6c04956a7ff7d650.js create mode 100644 60336-f93af6aba5e790079ec2.css create mode 100644 60336-f93af6aba5e790079ec2.js create mode 100644 60982-8fa01f9d94b45f02e00f.css create mode 100644 60982-8fa01f9d94b45f02e00f.js create mode 100644 6330-190d803d756f16e1501c.css create mode 100644 6330-190d803d756f16e1501c.js create mode 100644 63965-e309626c6539dd87714d.css create mode 100644 63965-e309626c6539dd87714d.js create mode 100644 64111-54be2a0b336a9bffa6f6.css create mode 100644 64111-54be2a0b336a9bffa6f6.js create mode 100644 65350-a15c9e9a8ac7cd50596b.css create mode 100644 65350-a15c9e9a8ac7cd50596b.js create mode 100644 67633-eb3c5f00aca7268adc28.css create mode 100644 67633-eb3c5f00aca7268adc28.js create mode 100644 70453-ef457b053d01f1d2e360.css create mode 100644 70453-ef457b053d01f1d2e360.js create mode 100644 72011-874ea3608817079a8fbc.css create mode 100644 72011-874ea3608817079a8fbc.js create mode 100644 72572-c3d58e86b79439c7bd2b.css create mode 100644 72572-c3d58e86b79439c7bd2b.js create mode 100644 74102-b28c832a6302820904e3.css create mode 100644 74102-b28c832a6302820904e3.js create mode 100644 74685-10a34bf24b62bcd58d5e.css create mode 100644 74685-10a34bf24b62bcd58d5e.js create mode 100644 75333-00fc8212b1982a37715e.css create mode 100644 75333-00fc8212b1982a37715e.js create mode 100644 75808-683b9782c91183942491.css create mode 100644 75808-683b9782c91183942491.js create mode 100644 76497-cd4e9407805fd816f45d.css create mode 100644 76497-cd4e9407805fd816f45d.js create mode 100644 79966-9ac3a59a0a8454d0558b.css create mode 100644 79966-9ac3a59a0a8454d0558b.js create mode 100644 81014-3147ee1eebeff8f68d6d.css create mode 100644 81014-3147ee1eebeff8f68d6d.js create mode 100644 81258-370a42dd86ccd3dd4da1.css create mode 100644 81258-370a42dd86ccd3dd4da1.js create mode 100644 81836-6b4f2344ec3f5f0a17dc.css create mode 100644 81836-6b4f2344ec3f5f0a17dc.js create mode 100644 82266-44522a05f84ff2e985ac.css create mode 100644 82266-44522a05f84ff2e985ac.js create mode 100644 84565-915449441bb37bc08d43.css create mode 100644 84565-915449441bb37bc08d43.js create mode 100644 8937-cd4d392803a99c83b531.css create mode 100644 8937-cd4d392803a99c83b531.js create mode 100644 90788-df244a89de815b8a257b.css create mode 100644 90788-df244a89de815b8a257b.js create mode 100644 92144-d4b96897c8e7b7df6591.css create mode 100644 92144-d4b96897c8e7b7df6591.js create mode 100644 9273-5be1ca0a9854eb5aee87.css create mode 100644 9273-5be1ca0a9854eb5aee87.js create mode 100644 93304-c9e1e7b1b72eb8ae96e4.css create mode 100644 93304-c9e1e7b1b72eb8ae96e4.js create mode 100644 97159-36b7c1d983fcc483b0c2.css create mode 100644 97159-36b7c1d983fcc483b0c2.js create mode 100644 index-127132f25747a3b76e5e.css create mode 100644 index-127132f25747a3b76e5e.js create mode 100644 index-127132f25747a3b76e5e.js.LICENSE.txt diff --git a/1211-da3cfa1f9b5fda3bee39.css b/1211-da3cfa1f9b5fda3bee39.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/1211-da3cfa1f9b5fda3bee39.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-da3cfa1f9b5fda3bee39.js b/1211-da3cfa1f9b5fda3bee39.js new file mode 100644 index 00000000000..d3418ae6d2f --- /dev/null +++ b/1211-da3cfa1f9b5fda3bee39.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:"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.92.0",url:n})}},25642:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,n,a){function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(d[a]=e[a]);return d}(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/140-d19c1a1934eee83c0cca.js b/140-d19c1a1934eee83c0cca.js new file mode 100644 index 00000000000..1d279aa5268 --- /dev/null +++ b/140-d19c1a1934eee83c0cca.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 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.92.0",url:t})}},86668:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var r=a(n(85715)),i=c(n(96540)),l=a(n(5556)),p=a(n(67967)),m=c(n(95447)),s=a(n(20333));function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function c(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}var u=p.default.bind(s.default),h="Descriptive Notification Prompt Title",g="A Notification Prompt usually has an introductory warning instructing the user that there are unsaved changes or that there is a similar situation that warrants capturing the user's attention and requires that they take action before continuing.\n\nIt is good practice to include details about the originating source (page name, side-panel title, modal header title, etc.) and location description (form name, title from the section of the page, general position, etc.) to provide the user a contextual reference as to where they have an area needing attention: e.g. where data is about to be lost, the window about to be closed, the section about to be removed. Following the initial details, it is helpful to include a detailed description educating the user about any danger or caution as to what will happen to the current items about to be lost (form data, page content, etc.) if the user chooses each of the two actions provided in the notification prompt message.",f="Descriptive Reject Button Action",x="Descriptive Accept Button Action",v="acceptFirst",N=function(e){var t=e.title,n=e.ariaLabel,a=(0,i.useState)(""),o=(0,r.default)(a,2),l=o[0],p=o[1],s=(0,i.useRef)({value:""});return i.default.createElement("div",{className:u("input-content-wrapper")},l&&l.length?i.default.createElement(m.default,{description:t,metaData:s.current}):null,i.default.createElement("div",{className:u("content-wrapper")},i.default.createElement("span",{className:u("title")},t),l&&l.length?i.default.createElement("span",{className:u("prompt-text-wrapper")},"(Unsaved value is present and NavigationPrompt is rendered)"):null),i.default.createElement("input",{type:"text",className:u("input-text-box"),"aria-label":n,onChange:function(e){s.current={value:e.target.value},p(e.target.value)}}))};N.propTypes={title:l.default.string,ariaLabel:l.default.string};var b=function(e){var t=e.title,n=(0,i.useState)(Date.now()),a=(0,r.default)(n,2),o=a[0],l=a[1],p=(0,i.useRef)();return i.default.createElement("div",{className:u("form-content-wrapper")},i.default.createElement(m.NavigationPromptCheckpoint,{ref:p},i.default.createElement(i.default.Fragment,{key:o},i.default.createElement("h3",null,t),i.default.createElement("p",null,"The Form renders a NavigationPromptCheckpoint around its child Input components. If NavigationPrompts are rendered by any child components, the Form will resolve those prompts before resetting the Input values."),i.default.createElement("p",null,"Last Updated:"," ",new Date(o).toLocaleString()),i.default.createElement(N,{title:"Text Input A",ariaLabel:"Text Input A"}),i.default.createElement(N,{title:"Text Input B",ariaLabel:"Text Input B"}),i.default.createElement("br",null),i.default.createElement("button",{type:"button",onClick:function(){p.current.resolvePrompts({title:h,startMessage:g,rejectButtonText:f,acceptButtonText:x,buttonOrder:v}).then((function(){l(Date.now())})).catch((function(){}))}},"Reset"),i.default.createElement("button",{type:"button",onClick:function(){l(Date.now())}},"Submit"))))};b.propTypes={title:l.default.string};var y=function(){var e=(0,i.useState)("Form 1"),t=(0,r.default)(e,2),n=t[0],a=t[1],o=(0,i.useRef)();function l(e){o.current.resolvePrompts({title:h,startMessage:g,rejectButtonText:f,acceptButtonText:x,buttonOrder:v}).then((function(){a(e)})).catch((function(){}))}return i.default.createElement("div",null,i.default.createElement("h2",null,"Form Switcher"),i.default.createElement("p",null,"The FormSwitcher is an example component that uses the NavigationPrompt and NavigationPromptCheckpoint. If NavigationPrompts are rendered by any child components, the FormSwitcher will resolve those prompts before rendering a different Form."),i.default.createElement("button",{type:"button",disabled:"Form 1"===n,onClick:l.bind(null,"Form 1")},"Switch to Form 1"),i.default.createElement("button",{type:"button",disabled:"Form 2"===n,onClick:l.bind(null,"Form 2")},"Switch to Form 2"),i.default.createElement("br",null),i.default.createElement("br",null),i.default.createElement(m.NavigationPromptCheckpoint,{ref:o},i.default.createElement(b,{title:n,key:n})))};t.A=function(){var e=(0,i.useState)([]),t=(0,r.default)(e,2),n=t[0],a=t[1];return i.default.createElement("div",{className:u("example-content-wrapper")},i.default.createElement("span",{className:u("title")},"Registered Prompts: "),n.length?i.default.createElement("span",null,n.map((function(e){return"".concat(e.description," (").concat(e.metaData.value,")")})).join(", ")):null,i.default.createElement("br",null),i.default.createElement("hr",null),i.default.createElement(m.NavigationPromptCheckpoint,{onPromptChange:function(e){a(e)}},i.default.createElement(y,null)))}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},20333:function(e,t,n){n.r(t),t.default={"form-content-wrapper":"NavigationPromptExample-module__form-content-wrapper___QUryn","example-content-wrapper":"NavigationPromptExample-module__example-content-wrapper___LQJst",title:"NavigationPromptExample-module__title___sRSpM","input-text-box":"NavigationPromptExample-module__input-text-box___iqWvw","prompt-text-wrapper":"NavigationPromptExample-module__prompt-text-wrapper___GrB-V","input-content-wrapper":"NavigationPromptExample-module__input-content-wrapper___hNDwO","content-wrapper":"NavigationPromptExample-module__content-wrapper___y-P3c"}},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(96540)),o=r(n(25365));function r(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(d[l]=e[l]);return d}(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-200d147ef34fe3b19daf.js b/23683-200d147ef34fe3b19daf.js new file mode 100644 index 00000000000..193705f2e34 --- /dev/null +++ b/23683-200d147ef34fe3b19daf.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.19.0",url:t})}},6929:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(96540)),a=l(n(5556)),i=n(8604),o=l(n(26714)),c={items:a.default.arrayOf(a.default.shape({key:a.default.string,text:a.default.string,title:a.default.string,href:a.default.string,onClick:a.default.func})),intl:a.default.shape({formatMessage:a.default.func}).isRequired},d=function(e){var t=e.items,n=e.intl,l=t.slice(0,t.length-1),a=t[t.length-1];return r.default.createElement("nav",{"aria-label":"".concat(n.formatMessage({id:"Terra.file-path.ariaLabel"}),", ").concat(n.formatMessage({id:"Terra.file-path.ariaLabel-current-location"})," ").concat(a.text)},r.default.createElement(o.default,{isReversedChildrenOrder:!0,useHorizontalIcon:!0,isStartAligned:!0,menuIconText:n.formatMessage({id:"Terra.file-path.icon.text"})},l.map((function(e){return[r.default.createElement(o.default.Hyperlink,{key:e.key,text:e.text,title:e.title,href:e.href,onClick:e.onClick}),r.default.createElement(o.default.Divider,{useChevronRightIcon:!0,key:"divider-".concat(e.key)})]})).flat(),r.default.createElement(o.default.Item,{isTextOnly:!0,text:a.text,key:a.key})))};d.propTypes=c;t.default=(0,i.injectIntl)(d)},93865:function(e,t,n){var l=n(24994);t.A=void 0;var r=l(n(96540)),a=l(n(6929)),i=[{key:"home",text:"Home",href:"https://oracle.com"},{key:"level-1",text:"Level 1",href:"https://oracle.com"},{key:"level-2",text:"Level 2",href:"https://oracle.com"},{key:"level-3",text:"Level 3",href:"https://oracle.com"},{key:"level-4",text:"Level 4",href:"https://oracle.com"},{key:"level-5",text:"Level 5",href:"https://oracle.com"},{key:"level-6",text:"Level 6",href:"https://oracle.com"},{key:"level-7",text:"Level 7",href:"https://oracle.com"},{key:"level-8",text:"Level 8",href:"https://oracle.com"},{key:"level-9",text:"Level 9",href:"https://oracle.com"},{key:"level-10",text:"Level 10",href:"https://oracle.com"},{key:"level-11",text:"Level 11",href:"https://oracle.com"},{key:"level-12",text:"Level 12",href:"https://oracle.com"}];t.A=function(){return r.default.createElement(a.default,{items:i})}},42671:function(e,t,n){var l=n(24994),r=n(73738);t.A=void 0;var a=l(n(85715)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(l,i,o):l[i]=e[i]}return l.default=e,n&&n.set(e,l),l}(n(96540)),o=l(n(6929));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}t.A=function(){var e=(0,i.useState)("Nothing"),t=(0,a.default)(e,2),n=t[0],l=t[1],r=function(e){return function(){l(e)}},c=[{key:"home",text:"Home",onClick:r("Home")},{key:"level-1",text:"Level 1",onClick:r("Level 1")},{key:"level-2",text:"Level 2",onClick:r("Level 2")},{key:"level-3",text:"Level 3",onClick:r("Level 3")},{key:"level-4",text:"Level 4",onClick:r("Level 4")},{key:"level-5",text:"Level 5",onClick:r("Level 5")},{key:"level-6",text:"Level 6",onClick:r("Level 6")},{key:"level-7",text:"Level 7",onClick:r("Level 7")},{key:"level-8",text:"Level 8",onClick:r("Level 8")},{key:"level-9",text:"Level 9",onClick:r("Level 9")},{key:"level-10",text:"Level 10",onClick:r("Level 10")},{key:"level-11",text:"Level 11",onClick:r("Level 11")},{key:"level-12",text:"Level 12",onClick:r("Level 12")}];return i.default.createElement(i.default.Fragment,null,i.default.createElement(o.default,{items:c}),i.default.createElement("h1",{style:{textAlign:"right"}},"".concat(n," clicked!")))}}}]); \ No newline at end of file diff --git a/25102-61673735072c8f449dae.css b/25102-61673735072c8f449dae.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/25102-61673735072c8f449dae.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-61673735072c8f449dae.js b/25102-61673735072c8f449dae.js new file mode 100644 index 00000000000..5b50497a522 --- /dev/null +++ b/25102-61673735072c8f449dae.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.56.0",url:a})}},25642:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,a,n){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[n]=e[n]);return r}(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/26942-f9c71472eefdf05de061.css b/26942-f9c71472eefdf05de061.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/26942-f9c71472eefdf05de061.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-f9c71472eefdf05de061.js b/26942-f9c71472eefdf05de061.js new file mode 100644 index 00000000000..4d85c109ee8 --- /dev/null +++ b/26942-f9c71472eefdf05de061.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.48.0",url:a})}},25642:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,a,n){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(i[n]=e[n]);return i}(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/27494-a459e6e9dcc72a4b708c.css b/27494-a459e6e9dcc72a4b708c.css new file mode 100644 index 00000000000..561d08416e2 --- /dev/null +++ b/27494-a459e6e9dcc72a4b708c.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-a459e6e9dcc72a4b708c.js b/27494-a459e6e9dcc72a4b708c.js new file mode 100644 index 00000000000..104be10d57c --- /dev/null +++ b/27494-a459e6e9dcc72a4b708c.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.4.0",url:t})}},36605:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]); \ No newline at end of file diff --git a/27521-62d908c6e95a413787fa.css b/27521-62d908c6e95a413787fa.css new file mode 100644 index 00000000000..acb29a6bcfb --- /dev/null +++ b/27521-62d908c6e95a413787fa.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-62d908c6e95a413787fa.js b/27521-62d908c6e95a413787fa.js new file mode 100644 index 00000000000..23b763dbf4b --- /dev/null +++ b/27521-62d908c6e95a413787fa.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.84.0",url:t})}},38654:function(e,t,n){var a=n(24994),i=n(73738);t.A=void 0;var o=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var r=o?Object.getOwnPropertyDescriptor(e,l):null;r&&(r.get||r.set)?Object.defineProperty(a,l,r):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),r=a(n(98814)),c=a(n(26177)),m=a(n(86952)),p=a(n(94685)),u=n(74647),s=a(n(7395)),d=a(n(66883));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var g={title:"Test Title"},y={name:"Test Name",initials:"TN"},x=[{icon:l.default.createElement(r.default,null),key:"item-a",text:"Item A",metaData:{test:"a"}},{icon:l.default.createElement(c.default,null),key:"item-b",text:"Item B",metaData:{test:"b"}},{icon:l.default.createElement(m.default,null),key:"item-c",text:"Item C",metaData:{test:"c"}},{icon:l.default.createElement(p.default,null),key:"item-d",text:"Item D",metaData:{test:"d"}}],v=[{key:"/page_1",text:"Page 1",metaData:{display:"Page 1"}},{key:"/page_2",text:"Page 2",metaData:{display:"Page 2"}},{key:"/page_3",text:"Page 3",metaData:{display:"Page 3"}},{key:"/page_4",text:"Page 4",metaData:{display:"Page 4"}},{key:"/page_5",text:"Page 5",metaData:{display:"Page 5"}},{key:"/page_6",text:"Page 6",metaData:{display:"Page 6"}},{key:"/page_7",text:"Page 7",metaData:{display:"Page 7"}},{key:"/page_8",text:"Page 8",metaData:{display:"Page 8"}}],I=[{icon:l.default.createElement(r.default,null),key:"item-a",text:"Item A",metaData:{test:"a"}},{icon:l.default.createElement(c.default,null),key:"item-b",text:"Item B",metaData:{test:"b"}},{icon:l.default.createElement(m.default,null),key:"item-c",text:"Item C",metaData:{test:"c"}},{icon:l.default.createElement(p.default,null),key:"item-d",text:"Item D",metaData:{test:"d"}}],P=function(e){var t=e.onAction,n=(0,l.useState)(v[0].key),a=(0,o.default)(n,2),i=a[0],r=a[1];return l.default.createElement(d.default,{titleConfig:g,userConfig:y,extensionItems:x,onSelectExtensionItem:t,navigationItems:v,activeNavigationItemKey:i,onSelectNavigationItem:function(e){return r(e)},utilityItems:I,onSelectUtilityItem:t,onSelectSettings:function(){return t("settings")},onSelectHelp:function(){return t("help")},onSelectLogout:function(){return t("logout")},id:"example-application"},l.default.createElement(u.Placeholder,{title:i}))};t.A=function(){return l.default.createElement(s.default,null,l.default.createElement(P,null))}},7395:function(e,t,n){var a=n(24994),i=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var r=o?Object.getOwnPropertyDescriptor(e,l):null;r&&(r.get||r.set)?Object.defineProperty(a,l,r):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),r=a(n(67967)),c=a(n(92848));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var p=r.default.bind(c.default);t.default=function(e){var t=e.children,n=(0,l.useState)(null),a=(0,o.default)(n,2),i=a[0],r=a[1];function c(e){r("Current Action: ".concat(e))}return l.default.createElement("div",null,i,l.default.createElement("div",{className:p("wrapper")},l.default.Children.map(t,(function(e){return l.default.cloneElement(e,{onAction:c})}))))}},92848:function(e,t,n){n.r(t),t.default={wrapper:"ExampleWrapper-module__wrapper___PZadA"}}}]); \ No newline at end of file diff --git a/28651-a860d4279b5d46413c05.css b/28651-a860d4279b5d46413c05.css new file mode 100644 index 00000000000..7e5d65c6089 --- /dev/null +++ b/28651-a860d4279b5d46413c05.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-a860d4279b5d46413c05.js b/28651-a860d4279b5d46413c05.js new file mode 100644 index 00000000000..9908a3cf598 --- /dev/null +++ b/28651-a860d4279b5d46413c05.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&&Object.prototype.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.92.0",url:t})}},88734:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var r=a(n(85715)),i=m(n(96540)),l=a(n(5556)),u=m(n(95447));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function m(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}var p=function(e){var t=e.title,n=e.ariaLabel,a=(0,i.useState)(""),o=(0,r.default)(a,2),l=o[0],c=o[1];return i.default.createElement("div",null,i.default.createElement("p",null,t),l.length?i.default.createElement(u.default,{description:t}):void 0,i.default.createElement("input",{type:"text","aria-label":n,onChange:function(e){c(e.target.value)},value:l}),i.default.createElement("button",{type:"button",onClick:function(){c("")}},"Submit"))};p.propTypes={title:l.default.string,ariaLabel:l.default.string};t.A=function(){var e=(0,i.useState)("Form 1"),t=(0,r.default)(e,2),n=t[0],a=t[1],o=(0,i.useRef)();function l(e){o.current.resolvePrompts({title:"Descriptive Notification Prompt Title",startMessage:"Descriptive Notification Prompt Message",rejectButtonText:"Descriptive Reject Button Action",acceptButtonText:"Descriptive Accept Button Action",buttonOrder:"acceptFirst"}).then((function(){a(e)})).catch((function(){}))}return i.default.createElement("div",null,i.default.createElement("h2",null,"Form Switcher"),i.default.createElement("p",null,"The user will be prompted with the provided messaging when Forms are switched with unsaved changes present."),i.default.createElement("button",{type:"button",disabled:"Form 1"===n,onClick:l.bind(null,"Form 1")},"Switch to Form 1"),i.default.createElement("button",{type:"button",disabled:"Form 2"===n,onClick:l.bind(null,"Form 2")},"Switch to Form 2"),i.default.createElement(u.NavigationPromptCheckpoint,{ref:o},i.default.createElement(p,{title:n,key:n,ariaLabel:n})))}},25642:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(96540)),o=r(n(25365));function r(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var 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/34683-66a2836cdd1505d10598.css b/34683-66a2836cdd1505d10598.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/34683-66a2836cdd1505d10598.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-66a2836cdd1505d10598.js b/34683-66a2836cdd1505d10598.js new file mode 100644 index 00000000000..5e28faad34d --- /dev/null +++ b/34683-66a2836cdd1505d10598.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:"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.110.0",url:m})}},25642:function(e,m,n){n.r(m),m.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,m,n){function l(){return l=Object.assign?Object.assign.bind():function(e){for(var m=1;m=0||(d[n]=e[n]);return d}(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/36022-f5af849ea9f1ed7c1a91.css b/36022-f5af849ea9f1ed7c1a91.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/36022-f5af849ea9f1ed7c1a91.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-f5af849ea9f1ed7c1a91.js b/36022-f5af849ea9f1ed7c1a91.js new file mode 100644 index 00000000000..443d8c8a12d --- /dev/null +++ b/36022-f5af849ea9f1ed7c1a91.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.108.0",url:t})}},25642:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,t,n){function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}n.d(t,{A:function(){return r}})}}]); \ No newline at end of file diff --git a/36677-408bb5a8bf27b8e4e4cc.css b/36677-408bb5a8bf27b8e4e4cc.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/36677-408bb5a8bf27b8e4e4cc.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-408bb5a8bf27b8e4e4cc.js b/36677-408bb5a8bf27b8e4e4cc.js new file mode 100644 index 00000000000..bcd3ea78d9b --- /dev/null +++ b/36677-408bb5a8bf27b8e4e4cc.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:"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.93.0",url:a})}},25642:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}l.d(a,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/371-c4ba5692df7f77f7f973.css b/371-c4ba5692df7f77f7f973.css new file mode 100644 index 00000000000..084ca0c8705 --- /dev/null +++ b/371-c4ba5692df7f77f7f973.css @@ -0,0 +1,2 @@ +.SlidePanel-module__clinical-lowlight-theme___NdNQF{--terra-slide-panel-panel-background-color: #222a2e;--terra-slide-panel-main-background-color: #222a2e;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 5px #181b1d;--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 5px #181b1d;--terra-slide-panel-main-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-border-right-color: #181b1d;--terra-slide-panel-panel-squish-border-left-color: #181b1d;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6}.SlidePanel-module__orion-fusion-theme___aBPYu{--terra-slide-panel-main-background-color: #fff;--terra-slide-panel-panel-background-color: #fff;--terra-slide-panel-main-squish-background-color: #fff;--terra-slide-panel-panel-squish-background-color: #fff;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6;--terra-slide-panel-panel-squish-border-right-color: #d3d4d5;--terra-slide-panel-panel-squish-border-left-color: #d3d4d5}.SlidePanel-module__slide-panel___5vKEK{overflow:hidden;position:relative}.SlidePanel-module__main___Jq40y,.SlidePanel-module__panel___N9gHx{box-sizing:border-box;height:100%;outline:none;-webkit-overflow-scrolling:touch;overflow-y:auto;width:100%}.SlidePanel-module__main___Jq40y{position:relative;z-index:0}[dir] .SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-background-color, #fff)}.SlidePanel-module__panel___N9gHx{position:absolute;z-index:500}[dir] .SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-background-color, #fff)}.SlidePanel-module__slide-panel___5vKEK .SlidePanel-module__slide-panel___5vKEK>.SlidePanel-module__panel___N9gHx{z-index:499}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:right}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:left}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(-100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(100%, 0, 0)}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:left}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:right}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{right:0;transform:translate3d(100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{left:0;transform:translate3d(-100%, 0, 0)}[dir] .SlidePanel-module__is-open___SU3q3>.SlidePanel-module__panel___N9gHx{transform:translate3d(0, 0, 0)}@media all and (min-width: 768px){[data-slide-panel-panel-size=small]>.SlidePanel-module__panel___N9gHx{width:320px;width:var(--terra-slide-panel-panel-small-width, 320px)}[data-slide-panel-panel-size=large]>.SlidePanel-module__panel___N9gHx{width:calc(100%*0.6);width:calc(100%*var(--terra-slide-panel-panel-width-large-scalar, 0.6))}}@media(max-width: 767px),print{.SlidePanel-module__is-open___SU3q3>.SlidePanel-module__main___Jq40y{visibility:hidden}}@media(min-width: 768px),print{[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}}@media(min-width: 768px),print{[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-squish-background-color, #fff)}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=small]>.SlidePanel-module__main___Jq40y{width:calc(100% - 320px);width:calc(100% - var(--terra-slide-panel-panel-squish-width-small, 320px))}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=large]>.SlidePanel-module__main___Jq40y{width:calc(100%*(1 - 0.6));width:calc(100%*(1 - var(--terra-slide-panel-panel-squish-width-large-scalar, 0.6)))}[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-squish-background-color, #fff)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}}.SlidePanel-module__is-fullscreen___0BQTN[data-slide-panel-panel-size]>.SlidePanel-module__panel___N9gHx{width:100%}.SlidePanel-module__fill___vHC0f{height:100%;width:100%}.SlidePanel-module__panel___N9gHx[aria-hidden=true]{visibility:hidden}.SlidePanel-module__main___Jq40y[aria-hidden=true]{visibility:hidden} +.SlidePanelManager-module__example-wrapper___O3eL3{height:35rem}[dir] .SlidePanelManager-module__example-wrapper___O3eL3{border:1px solid #d3d3d3}[dir] .SlidePanelManager-module__content-wrapper___ztw-M{padding:.7rem}[dir] .SlidePanelManager-module__disclosure-accessory___MW01K{background-color:#add8e6;padding:1rem}.SlidePanelManager-module__form-select___YyZ10{max-width:300px}[dir=ltr] .SlidePanelManager-module__form-select___YyZ10{margin-left:1rem}[dir=rtl] .SlidePanelManager-module__form-select___YyZ10{margin-right:1rem} diff --git a/371-c4ba5692df7f77f7f973.js b/371-c4ba5692df7f77f7f973.js new file mode 100644 index 00000000000..268a2d9a61b --- /dev/null +++ b/371-c4ba5692df7f77f7f973.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[371],{201:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var r=a(n(85715)),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=h(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.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)),i=a(n(5556)),o=a(n(67967)),d=n(92912),c=a(n(49558)),u=a(n(53665)),p=n(25966),m=a(n(89986));function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(h=function(e){return e?n:t})(e)}var f=o.default.bind(m.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},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,i=e.description,o=e.isExpanded,m=(0,s.useState)(o),h=(0,r.default)(m,2),g=h[0],y=h[1],x=(0,s.useState)(!1),C=(0,r.default)(x,2),E=C[0],S=C[1],T=s.default.useContext(d.ThemeContext),D=void 0!==a,k=function(){S(!E),g&&y(!g)},_=function(){y(!g),E&&S(!E)},N=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return s.default.createElement("div",{className:f("template",T.className)},s.default.createElement("div",{className:f("header")},l&&s.default.createElement("h2",{className:f("title")},l)),s.default.createElement("div",{className:f("content")},i&&s.default.createElement("div",{className:f("description")},i),t),s.default.createElement("div",{className:f("footer")},n?s.default.createElement("div",{className:f("button-container")},D&&s.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":E}),onClick:k,onKeyDown:function(e){return N(e,k)},onBlur:v,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},s.default.createElement(c.default,{className:f("chevron")}),s.default.createElement("span",null,"CSS"),s.default.createElement(u.default,{className:f("chevron")})),s.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":g}),onClick:_,onKeyDown:function(e){return N(e,_)},onBlur:v,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},s.default.createElement(c.default,{className:f("chevron")}),s.default.createElement("span",null,"Code"),s.default.createElement(u.default,{className:f("chevron")}))):null,s.default.createElement("div",null,E&&s.default.createElement("div",{className:f("css")},a),g&&s.default.createElement("div",{className:f("code")},n))))};y.propTypes=g,y.defaultProps={isExpanded:!1};t.A=y},81730:function(e,t,n){n.r(t),n.d(t,{default:function(){return O}});var a=n(58168),l=n(53986),r=n(96540),s=n(36665),i=n(63530),o=n(12883),d=["components"],c={},u="wrapper";function p(e){var t=e.components,n=(0,l.A)(e,d);return(0,s.mdx)(u,(0,a.A)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,s.mdx)(o.Ay,{mdxType:"PropsTable"},(0,s.mdx)(o.fI,{key:"ROW1",mdxType:"Row"},(0,s.mdx)(o.dt,{mdxType:"PropNameCell"},"children"),(0,s.mdx)(o.$d,{mdxType:"TypeCell"},(0,s.mdx)("pre",null,(0,s.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,s.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,s.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,s.mdx)("p",null,"none")),(0,s.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,s.mdx)("p",null,"The components to be rendered in the body of the SlidePanelManager. These components will receive the\ndisclosure capabilities through the DisclosureManger's context API."))),(0,s.mdx)(o.fI,{key:"ROW2",mdxType:"Row"},(0,s.mdx)(o.dt,{mdxType:"PropNameCell"},"level"),(0,s.mdx)(o.$d,{mdxType:"TypeCell"},(0,s.mdx)("pre",null,(0,s.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,s.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,s.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,s.mdx)("pre",null,(0,s.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,s.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,s.mdx)("p",null,"Sets the heading level of the disclosed panel. One of ",(0,s.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,s.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,s.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,s.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,s.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,s.mdx)("inlineCode",{parentName:"p"},"6"),". This helps screen readers to announce appropriate heading levels.\nChanging 'level' will not visually change the style of the content."))),(0,s.mdx)(o.fI,{key:"ROW3",mdxType:"Row"},(0,s.mdx)(o.dt,{mdxType:"PropNameCell"},"panelBehavior"),(0,s.mdx)(o.$d,{mdxType:"TypeCell"},(0,s.mdx)("pre",null,(0,s.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'overlay'\n 'squish'\n],\n"))),(0,s.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,s.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,s.mdx)("pre",null,(0,s.mdx)("code",{parentName:"pre",className:"language-javascript"},"'overlay'\n"))),(0,s.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,s.mdx)("p",null,"The desired panel behavior. Either 'squish' or 'overlay'."))),(0,s.mdx)(o.fI,{key:"ROW4",mdxType:"Row"},(0,s.mdx)(o.dt,{mdxType:"PropNameCell"},"disclosureAccessory"),(0,s.mdx)(o.$d,{mdxType:"TypeCell"},(0,s.mdx)("pre",null,(0,s.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,s.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,s.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,s.mdx)("p",null,"none")),(0,s.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,s.mdx)("p",null,"The component to render within the panel above the disclosed content."))),(0,s.mdx)(o.fI,{key:"ROW5",mdxType:"Row"},(0,s.mdx)(o.dt,{mdxType:"PropNameCell"},"panelAriaLabel"),(0,s.mdx)(o.$d,{mdxType:"TypeCell"},(0,s.mdx)("pre",null,(0,s.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,s.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,s.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,s.mdx)("p",null,"none")),(0,s.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,s.mdx)("p",null,"The aria label for the panel region. This should be provided if the header does not contain a title\nto make the panel more accessible to assistive technologies."))),(0,s.mdx)(o.fI,{key:"ROW6",mdxType:"Row"},(0,s.mdx)(o.dt,{mdxType:"PropNameCell"},"mainAriaLabel"),(0,s.mdx)(o.$d,{mdxType:"TypeCell"},(0,s.mdx)("pre",null,(0,s.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,s.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,s.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,s.mdx)("p",null,"none")),(0,s.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,s.mdx)("p",null,"The aria label for the main region.")))))}p.isMDXComponent=!0;var m=n(75326),h=["components"],f={};function g(e){var t=e.components,n=(0,l.A)(e,h);return(0,s.mdx)("wrapper",(0,a.A)({},f,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 \"overlay\" */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport ActionHeader from 'terra-action-header';\nimport CollapsibleMenuView from 'terra-collapsible-menu-view';\nimport ContentContainer from 'terra-content-container';\nimport {\n availableDisclosureHeights, availableDisclosureWidths, DisclosureManagerHeaderAdapter, DisclosureManagerContext,\n} from 'terra-disclosure-manager';\nimport NativeSelect from 'terra-form-select/lib/native-select/NativeSelect';\n\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport styles from './SlidePanelManager.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DisclosureComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.checkLockState = this.checkLockState.bind(this);\n\n this.state = {\n text: undefined,\n };\n }\n\n componentDidMount() {\n const disclosureManager = this.context;\n\n if (disclosureManager && disclosureManager.registerDismissCheck) {\n disclosureManager.registerDismissCheck(this.checkLockState);\n }\n }\n\n checkLockState() {\n if (this.state.text && this.state.text.length) {\n return new Promise((resolve, reject) => {\n // eslint-disable-next-line no-restricted-globals\n if (!confirm(`${this.props.name} has unsaved changes that will be lost. Do you wish to continue?`)) { // eslint-disable-line no-alert\n reject();\n return;\n }\n\n resolve();\n });\n }\n\n return Promise.resolve();\n }\n\n render() {\n const { name, disclosureType } = this.props;\n const disclosureManager = this.context;\n\n return (\n \n \n {\n this.setState({\n selectedHeaderAction: 'Button 1',\n });\n }}\n />\n {\n this.setState({\n selectedHeaderAction: 'Button 2',\n });\n }}\n />\n \n )}\n />\n
\n

{name}

\n

The disclosed component can disclose content within the same panel.

\n

It can also render a header (like above) that implements the various DisclosureManager control functions.

\n {\n 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 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"],y={};function x(e){var t=e.components,n=(0,l.A)(e,b);return(0,s.mdx)("wrapper",(0,a.A)({},y,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")))}x.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(x,null),exampleSrc:r.createElement(g,null),isExpanded:a})},E=n(84313),S=["components"],T={};function D(e){var t=e.components,n=(0,l.A)(e,S);return(0,s.mdx)("wrapper",(0,a.A)({},T,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")))}D.isMDXComponent=!0;var k=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(x,null),exampleSrc:r.createElement(D,null),isExpanded:a})},_=n(69602),N=["components"],M={};function P(e){var t=e.components,n=(0,l.A)(e,N);return(0,s.mdx)("wrapper",(0,a.A)({},M,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")))}P.isMDXComponent=!0;var w=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(x,null),exampleSrc:r.createElement(P,null),isExpanded:a})},A=["components"],H={},B="wrapper";function O(e){var t=e.components,n=(0,l.A)(e,A);return(0,s.mdx)(B,(0,a.A)({},H,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)(k,{title:"Squish Example",mdxType:"SlidePanelManagerSquishExample"}),(0,s.mdx)(w,{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.104.0",url:t})}},69602:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(43693)),r=a(n(17383)),s=a(n(34579)),i=a(n(28452)),o=a(n(63072)),d=a(n(29511)),c=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 y(e,t,n){return t=(0,o.default)(t),(0,i.default)(e,x()?Reflect.construct(t,n||[],(0,o.default)(e).constructor):t.apply(e,n))}function x(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(x=function(){return!!e})()}var C=p.default.bind(b.default),E=function(e){function t(e){var n;return(0,r.default)(this,t),(n=y(this,t,[e])).checkLockState=n.checkLockState.bind(n),n.state={text:void 0},n}return(0,d.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 c.default.createElement(f.default,{fill:!0},c.default.createElement(g.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:c.default.createElement(h.default,null,c.default.createElement(h.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),c.default.createElement(h.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),c.default.createElement("div",{className:C("content-wrapper")},c.default.createElement("h3",null,a),c.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),c.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),c.default.createElement("button",{type:"button",onClick:function(){r.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),c.default.createElement("button",{type:"button",onClick:function(){r.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:c.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),c.default.createElement("br",null),c.default.createElement("br",null),c.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."),c.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?c.default.createElement("p",null,"Component has unsaved changes!"):null,c.default.createElement("br",null),c.default.createElement("br",null),c.default.createElement("p",null,"Selected Header Action:"," ",c.default.createElement("b",null,this.state.selectedHeaderAction))))}}])}(c.default.Component);E.contextType=g.DisclosureManagerContext,E.propTypes={name:u.default.string,disclosureType:u.default.string},E.defaultProps={name:"Disclosure Component"};var S=Object.keys(g.availableDisclosureHeights),T=Object.keys(g.availableDisclosureWidths),D=function(e){return e.map((function(e,t){var n=t;return c.default.createElement("option",{key:n,value:e},e)}))},k=function(e){function t(e){var n;return(0,r.default)(this,t),(n=y(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:S[0],disclosureWidth:T[0]},n}return(0,d.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 c.default.createElement("button",{type:"button",onClick:function(){t.disclose({preferredType:"panel",size:e,content:{key:"Content-Disclosure-".concat(e),component:c.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 c.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:c.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},n)}},{key:"renderForm",value:function(){return c.default.createElement("form",null,c.default.createElement("label",{htmlFor:this.getId("disclosureHeightSquish")},"Pop Content Height"),c.default.createElement("select",{id:this.getId("disclosureHeightSquish"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},D(S)),c.default.createElement("br",null),c.default.createElement("br",null),c.default.createElement("label",{htmlFor:this.getId("disclosureWidthSquish")},"Pop Content Width"),c.default.createElement("select",{id:this.getId("disclosureWidthSquish"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},D(T)),c.default.createElement("br",null),c.default.createElement("br",null))}},{key:"render",value:function(){return c.default.createElement(f.default,{header:c.default.createElement(m.default,{text:"SlidePanelManager Child Component"})},c.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"),c.default.createElement("br",null),c.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),c.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.")),c.default.createElement("div",{className:C("content-wrapper")},this.renderForm(),this.renderFormButton()))}}])}(c.default.Component);k.contextType=g.DisclosureManagerContext;t.A=function(){return c.default.createElement("div",{className:C("example-wrapper")},c.default.createElement(v.default,{panelBehavior:"squish",disclosureAccessory:c.default.createElement("div",{className:C("disclosure-accessory")},"Disclosure Accessory")},c.default.createElement(k,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)),d=a(n(28452)),c=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),y=a(n(80765)),x=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 S(e,t,n){return t=(0,c.default)(t),(0,d.default)(e,T()?Reflect.construct(t,n||[],(0,c.default)(e).constructor):t.apply(e,n))}function T(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(T=function(){return!!e})()}var D=h.default.bind(C.default),k=function(e){function t(e){var n;return(0,i.default)(this,t),(n=S(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:D("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);k.contextType=b.DisclosureManagerContext,k.propTypes={name:m.default.string,disclosureType:m.default.string},k.defaultProps={name:"Disclosure Component"};var _=Object.keys(b.availableDisclosureHeights),N=Object.keys(b.availableDisclosureWidths),M=function(e){return e.map((function(e,t){var n=t;return p.default.createElement("option",{key:n,value:e},e)}))},P=function(e){function t(e){var n;return(0,i.default)(this,t),(n=S(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:N[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(k,{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(k,{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},M(_)),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},M(N)),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:D("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:D("content-wrapper")},this.renderForm(),this.renderFormButton()))}}])}(p.default.Component);P.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:D("example-wrapper")},p.default.createElement(x.default,{level:0===n?void 0:n},p.default.createElement(P,null),p.default.createElement("br",null),p.default.createElement("div",{id:"headingLevel",className:D("form-select")},"Select panel heading level:"),p.default.createElement(y.default,{ariaLabel:"Panel heading level",className:D("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)),d=a(n(28452)),c=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),y=a(n(80765)),x=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 S(e,t,n){return t=(0,c.default)(t),(0,d.default)(e,T()?Reflect.construct(t,n||[],(0,c.default)(e).constructor):t.apply(e,n))}function T(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(T=function(){return!!e})()}var D=h.default.bind(C.default),k=function(e){function t(e){var n;return(0,i.default)(this,t),(n=S(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:D("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);k.contextType=b.DisclosureManagerContext,k.propTypes={name:m.default.string,disclosureType:m.default.string},k.defaultProps={name:"Disclosure Component"};var _=Object.keys(b.availableDisclosureHeights),N=Object.keys(b.availableDisclosureWidths),M=function(e){return e.map((function(e,t){var n=t;return p.default.createElement("option",{key:n,value:e},e)}))},P=function(e){function t(e){var n;return(0,i.default)(this,t),(n=S(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:N[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(k,{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(k,{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},M(_)),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},M(N)),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:D("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:D("content-wrapper")},this.renderForm(),this.renderFormButton()))}}])}(p.default.Component);P.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:D("example-wrapper")},p.default.createElement(x.default,{level:0===n?void 0:n},p.default.createElement(P,null),p.default.createElement("br",null),p.default.createElement("div",{id:"headingLevel",className:D("form-select")},"Select panel heading level:"),p.default.createElement(y.default,{ariaLabel:"Panel heading level",className:D("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})))}},6844:function(e,t,n){var a=n(24994),l=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.disclosureType=t.default=void 0;var r=a(n(94634)),s=a(n(91847)),i=a(n(17383)),o=a(n(34579)),d=a(n(28452)),c=a(n(63072)),u=a(n(29511)),p=a(n(43693)),m=a(n(96540)),h=a(n(5556)),f=a(n(82941)),g=a(n(54495)),v=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=C(t);if(n&&n.has(e))return n.get(e);var 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(12643)),b=a(n(11191)),y=a(n(81489)),x=["children","level","disclosureAccessory","withDisclosureContainer","mainAriaLabel","panelAriaLabel"];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 E(e,t,n){return t=(0,c.default)(t),(0,d.default)(e,S()?Reflect.construct(t,n||[],(0,c.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 T=t.disclosureType="panel",D={children:h.default.node,level:h.default.oneOf([1,2,3,4,5,6]),panelBehavior:h.default.oneOf(["overlay","squish"]),disclosureAccessory:h.default.element,withDisclosureContainer:h.default.func,panelAriaLabel:h.default.string,mainAriaLabel:h.default.string},k=(0,p.default)((0,p.default)((0,p.default)((0,p.default)((0,p.default)({},v.availableDisclosureSizes.TINY,"small"),v.availableDisclosureSizes.SMALL,"small"),v.availableDisclosureSizes.MEDIUM,"large"),v.availableDisclosureSizes.LARGE,"large"),v.availableDisclosureSizes.HUGE,"large"),_=function(e){function t(e){var n;return(0,i.default)(this,t),(n=E(this,t,[e])).renderSlidePanel=n.renderSlidePanel.bind(n),n.setSlidePanel=n.setSlidePanel.bind(n),n}return(0,u.default)(t,e),(0,o.default)(t,[{key:"setSlidePanel",value:function(e){this.slidePanel=e}},{key:"renderSlidePanel",value:function(e){var t,n,a,l,i=this.props,o=(i.children,i.level),d=i.disclosureAccessory,c=(i.withDisclosureContainer,i.mainAriaLabel),u=i.panelAriaLabel,p=(0,s.default)(i,x);(e.disclosure.size===v.availableDisclosureSizes.FULLSCREEN||e.disclosure.isMaximized)&&(n=!0),a=e.disclosure.dimensions?(l=e.disclosure.dimensions).width>480||l.height>600?"large":"small":k[e.disclosure.size];var h=null!=e&&null!==(t=e.disclosure)&&void 0!==t&&null!==(t=t.typeConfig)&&void 0!==t&&t.panelBehavior?e.disclosure.typeConfig.panelBehavior:p.panelBehavior,C=e.disclosureComponentKeys[e.disclosureComponentKeys.length-1],E=(e.disclosureComponentData[C]||{}).headerAdapterData;return m.default.createElement(y.default,(0,r.default)({},p,{fill:!0,panelBehavior:h,isFullscreen:n,panelSize:a,isOpen:e.disclosure.isOpen,setSlidePanelRef:this.setSlidePanel,panelContent:m.default.createElement(g.default,{fill:!0,header:m.default.createElement(m.default.Fragment,null,E?m.default.createElement(f.default,{text:E.title,onClose:e.closeDisclosure,level:o,onBack:e.disclosureComponentKeys.length>1?e.dismissPresentedComponent:void 0},E.collapsibleMenuView):void 0,d)},m.default.createElement(b.default,{items:e.disclosure.components,isAnimated:!0,focusRef:this.slidePanel,slideAriaLabel:(null==E?void 0:E.title)||u})),panelAriaLabel:(null==E?void 0:E.title)||u,mainAriaLabel:c,mainContent:e.children.components}))}},{key:"render",value:function(){var e=this.props,t=e.withDisclosureContainer,n=e.children;return m.default.createElement(v.default,{withDisclosureContainer:t,supportedDisclosureTypes:[T],render:this.renderSlidePanel},n)}}])}(m.default.Component);_.propTypes=D,_.defaultProps={level:2,panelBehavior:"overlay"};t.default=_},81489:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.SlidePanelPositions=void 0;var l=a(n(94634)),r=a(n(91847)),s=a(n(17383)),i=a(n(34579)),o=a(n(28452)),d=a(n(63072)),c=a(n(29511)),u=a(n(96540)),p=a(n(5556)),m=a(n(46942)),h=a(n(67967)),f=a(n(23695)),g=a(n(16524)),v=n(8604),b=n(68414),y=a(n(79621)),x=["intl","isFullscreen","isOpen","fill","mainAriaLabel","mainContent","panelAriaLabel","panelContent","panelBehavior","panelPosition","panelSize","setSlidePanelRef"];function C(e,t,n){return t=(0,d.default)(t),(0,o.default)(e,E()?Reflect.construct(t,n||[],(0,d.default)(e).constructor):t.apply(e,n))}function E(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(E=function(){return!!e})()}var S=h.default.bind(y.default),T=t.SlidePanelPositions={START:"start",END:"end"},D={panelAriaLabel:p.default.string,mainAriaLabel:p.default.string,mainContent:p.default.node,panelContent:p.default.node,panelBehavior:p.default.oneOf(["overlay","squish"]),panelPosition:p.default.oneOf(["start","end"]),panelSize:p.default.oneOf(["small","large"]),isFullscreen:p.default.bool,isOpen:p.default.bool,fill:p.default.bool,setSlidePanelRef:p.default.func,intl:p.default.shape({formatMessage:p.default.func,locale:p.default.string})},k={panelBehavior:"overlay",panelPosition:T.END,panelSize:"small"},_=function(e){function t(e){var n;return(0,s.default)(this,t),(n=C(this,t,[e])).setPanelNode=n.setPanelNode.bind(n),n.mainNode=u.default.createRef(),n.setDisclosingNode=n.setDisclosingNode.bind(n),n.mainAriaDescribedByID="detail-panel-warning-".concat((0,b.v4)()),n}return(0,c.default)(t,e),(0,i.default)(t,[{key:"componentDidUpdate",value:function(e){if(this.props.isOpen&&this.props.isOpen!==e.isOpen)return this.setDisclosingNode(document.activeElement),void this.panelNode.focus();if(!this.props.isOpen&&this.props.isOpen!==e.isOpen){var t,n;if(null!==(t=this.disclosingNode)&&void 0!==t&&t.focus)return void this.disclosingNode.focus();null!==(n=this.mainNode)&&void 0!==n&&n.current?this.mainNode.current.focus():document.body.focus()}}},{key:"setPanelNode",value:function(e){this.props.setSlidePanelRef&&this.props.setSlidePanelRef(e),this.panelNode=e}},{key:"setDisclosingNode",value:function(e){e&&(this.disclosingNode=e)}},{key:"render",value:function(){var e=this.props,t=e.intl,n=e.isFullscreen,a=e.isOpen,s=e.fill,i=e.mainAriaLabel,o=e.mainContent,d=e.panelAriaLabel,c=e.panelContent,p=e.panelBehavior,h=e.panelPosition,f=e.panelSize,v=(e.setSlidePanelRef,(0,r.default)(e,x)),b=this.context,y=(0,m.default)(S("slide-panel",{"is-open":a},{"is-fullscreen":n},{fill:s},b.className),v.className),C=u.default.createElement("div",{className:S(["panel"]),key:"panel",tabIndex:"-1","aria-label":d||t.formatMessage({id:"Terra.slidePanel.defaultPanelLabel"}),"aria-hidden":a?"false":"true",role:"region",ref:this.setPanelNode},u.default.createElement(g.default,{text:d||t.formatMessage({id:"Terra.slidePanel.defaultPanelLabel"})}),c),E=u.default.createElement("div",{className:S("main"),key:"main",tabIndex:"-1","aria-label":i,"aria-describedby":this.mainAriaDescribedByID,"aria-hidden":a&&n?"true":"false",ref:this.mainNode,role:"main"},u.default.createElement(g.default,{tabIndex:"-1",id:this.mainAriaDescribedByID,text:t.formatMessage({id:"Terra.slidePanel.discloseWarning"})}),o),D=h===T.START?u.default.createElement(u.default.Fragment,null,C,o&&E):u.default.createElement(u.default.Fragment,null,o&&E,C);return u.default.createElement("div",(0,l.default)({},v,{className:y,"data-slide-panel-panel-behavior":p,"data-slide-panel-panel-position":h,"data-slide-panel-panel-size":f}),D)}}])}(u.default.Component);_.propTypes=D,_.defaultProps=k,_.contextType=f.default;t.default=(0,v.injectIntl)(_)},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"}},79621:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"SlidePanel-module__clinical-lowlight-theme___NdNQF","orion-fusion-theme":"SlidePanel-module__orion-fusion-theme___aBPYu","slide-panel":"SlidePanel-module__slide-panel___5vKEK",main:"SlidePanel-module__main___Jq40y",panel:"SlidePanel-module__panel___N9gHx","is-open":"SlidePanel-module__is-open___SU3q3","is-fullscreen":"SlidePanel-module__is-fullscreen___0BQTN",fill:"SlidePanel-module__fill___vHC0f"}},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)),r=d(n(5556)),s=d(n(67967)),i=d(n(92420)),o=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function d(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var 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,d=e.alignFitEnd,u=e.fitStartAttributes,m=e.fillAttributes,g=e.fitEndAttributes,v=h(e,o),b=p({},u),y=p({},m),x=p({},g);return l.default.createElement("span",c({},v,{className:f("arrange",v.className)}),l.default.createElement("span",c({},b,{className:f("fit",r||s,b.className,"fit-block")}),t),l.default.createElement("span",c({},y,{className:f("fill",r||i,y.className,"fill-block")}),n),l.default.createElement("span",c({},x,{className:f("fit",r||d,x.className)}),a))};v.propTypes=g;t.default=v}}]); \ No newline at end of file diff --git a/41484-1d561aed657bdee23065.css b/41484-1d561aed657bdee23065.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/41484-1d561aed657bdee23065.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-1d561aed657bdee23065.js b/41484-1d561aed657bdee23065.js new file mode 100644 index 00000000000..f88898a04f7 --- /dev/null +++ b/41484-1d561aed657bdee23065.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[41484],{55713:function(e,n,a){var r=a(24994);n.A=void 0;var l=r(a(96540)),d=r(a(5556)),m=r(a(67967)),i=r(a(25642)),t=m.default.bind(i.default),u={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},p=function(e){var n=e.src,a=e.name,r=e.url,d=e.version,m=l.default.createElement("a",{className:t("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(d)},l.default.createElement("span",{className:t("badge-name")},r?"package":"npm"),l.default.createElement("span",{className:t("badge-version")},"v".concat(d))),i=n?l.default.createElement("a",{className:t("badge"),href:n},l.default.createElement("span",{className:t("badge-name")},"github"),l.default.createElement("span",{className:t("badge-version")},"source")):void 0;return l.default.createElement("div",{className:t("badge-container")},m,i)};p.propTypes=u;n.A=p},41484:function(e,n,a){a.r(n),a.d(n,{default:function(){return s}});var r=a(58168),l=a(53986),d=(a(96540),a(36665)),m=a(36060),i=["components"],t={},u="wrapper";function p(e){var n=e.components,a=(0,l.A)(e,i);return(0,d.mdx)(u,(0,r.A)({},t,a,{components:n,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"1190---may-8-2024"},"1.19.0 - (May 8, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"1180---may-1-2024"},"1.18.0 - (May 1, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"1170---april-23-2024"},"1.17.0 - (April 23, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"1160---april-18-2024"},"1.16.0 - (April 18, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"1150---april-17-2024"},"1.15.0 - (April 17, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"1140---april-4-2024"},"1.14.0 - (April 4, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"1130---march-25-2024"},"1.13.0 - (March 25, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"1120---march-19-2024"},"1.12.0 - (March 19, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"1110---march-14-2024"},"1.11.0 - (March 14, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"1100---march-8-2024"},"1.10.0 - (March 8, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"190---march-5-2024"},"1.9.0 - (March 5, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"180---march-1-2024"},"1.8.0 - (March 1, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"170---february-28-2024"},"1.7.0 - (February 28, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"160---february-7-2024"},"1.6.0 - (February 7, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"150---january-22-2024"},"1.5.0 - (January 22, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"140---january-10-2024"},"1.4.0 - (January 10, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"130---december-18-2023"},"1.3.0 - (December 18, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"New stylings for the focus indicator."),(0,d.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,d.mdx)("h2",{id:"120---december-11-2023"},"1.2.0 - (December 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"110---november-23-2023"},"1.1.0 - (November 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"101---november-9-2023"},"1.0.1 - (November 9, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.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,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed an issue where ",(0,d.mdx)("inlineCode",{parentName:"li"},"iconText")," was used instead of ",(0,d.mdx)("inlineCode",{parentName:"li"},"menuIconText"),".")))),(0,d.mdx)("h2",{id:"100---october-25-2023"},"1.0.0 - (October 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial working component release.")),(0,d.mdx)("h2",{id:"030---october-17-2023"},"0.3.0 - (October 17, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial package release.")))}p.isMDXComponent=!0;var o=["components"],x={},c="wrapper";function s(e){var n=e.components,a=(0,l.A)(e,o);return(0,d.mdx)(c,(0,r.A)({},x,a,{components:n,mdxType:"MDXLayout"}),(0,d.mdx)(m.E,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},36060:function(e,n,a){a.d(n,{E:function(){return d}});var r=a(96540),l=a(55713),d=function(e){var n=e.url;return r.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-file-path",name:"terra-file-path",version:"1.19.0",url:n})}},25642:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,n,a){function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[a]=e[a]);return l}(e,n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}a.d(n,{A:function(){return r}})}}]); \ No newline at end of file diff --git a/43912-4c08715cebc4b249916a.css b/43912-4c08715cebc4b249916a.css new file mode 100644 index 00000000000..9cd4cd4dcc7 --- /dev/null +++ b/43912-4c08715cebc4b249916a.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-4c08715cebc4b249916a.js b/43912-4c08715cebc4b249916a.js new file mode 100644 index 00000000000..0464a435d06 --- /dev/null +++ b/43912-4c08715cebc4b249916a.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&&Object.prototype.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.116.0",url:t})}},18533:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,m.default)().tz("America/Chicago").format(),t=(0,l.useState)(e),n=(0,i.default)(t,2),a=n[0],r=n[1];return l.default.createElement("div",null,l.default.createElement("div",null,l.default.createElement("p",null,"In the United States, the missing hour occurs when DST begins at these recent past and near future dates between 2:00 and 3:00.",l.default.createElement("br",null)," ","- March 13th, 2016",l.default.createElement("br",null)," ","- March 12th, 2017",l.default.createElement("br",null)," ","- March 11th, 2018",l.default.createElement("br",null)," ","- March 10th, 2019",l.default.createElement("br",null)," ","- March 08th, 2020"),l.default.createElement("p",null,"In the United States, the ambiguous hour occurs when DST ends at these recent past and near future dates between 1:00 and 2:00:",l.default.createElement("br",null)," ","- November 6th, 2016",l.default.createElement("br",null)," ","- November 5th, 2017",l.default.createElement("br",null)," ","- November 4th, 2018",l.default.createElement("br",null)," ","- November 3rd, 2019",l.default.createElement("br",null)," ","- November 1st, 2020"),l.default.createElement("p",null,"For the United States, click"," ",l.default.createElement("a",{href:"https://en.wikipedia.org/wiki/Daylight_saving_time_in_the_United_States"},"here")," ","to see more recent past and near future starting and ending dates of daylight saving time.",l.default.createElement("br",null),"For other time zones, click"," ",l.default.createElement("a",{href:"http://www.timezoneconverter.com/cgi-bin/zoneinfo"},"here")," ","to see the starting and ending dates of daylight saving time for the current year.")),l.default.createElement("p",null,"Selected ISO Date Time:",a),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"dst-picker"},l.default.createElement(o.default,{name:"date-time-picker-example",dateInputAttributes:{id:"dst-picker"},ariaLabel:"Enter Date/Time",onChange:function(e,t){r(t)},value:e,initialTimeZone:"America/Chicago"})))}},36027:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=o(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(32527)),d=a(n(81364));function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(m.default,{label:"Enter Date/Time",htmlFor:"default"},l.default.createElement(d.default,{name:"date-time-picker-example",ariaLabel:"Enter Date/Time",dateInputAttributes:{id:"default"},onChange:function(e,t){a(t)}})))}},88709:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=o(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(32527)),d=a(n(81364));function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)("2017-08-08"),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(m.default,{label:"Enter Date/Time",htmlFor:"defaultDate"},l.default.createElement(d.default,{name:"date-time-picker-example",ariaLabel:"Enter Date/Time",dateInputAttributes:{id:"defaultDate"},onChange:function(e,t){a(t)},value:"2017-08-08"})))}},7970:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)((0,m.default)().format()),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"defaultDateTime"},l.default.createElement(o.default,{name:"date-time-picker-example",ariaLabel:"Enter Date/Time",dateInputAttributes:{id:"defaultDateTime"},onChange:function(e,t){a(t)},value:(0,m.default)().format()})))}},19527:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"exclude-dates"},l.default.createElement(o.default,{name:"date-time-picker-example",ariaLabel:"Enter Date/Time",dateInputAttributes:{id:"exclude-dates"},onChange:function(e,t){a(t)},excludeDates:[(0,m.default)().subtract(1,"days").format(),(0,m.default)().add(1,"days").format()]})))}},67017:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"filter-dates"},l.default.createElement(o.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"filter-dates"},onChange:function(e,t){a(t)},filterDate:function(e){var t=(0,m.default)(e);if(t&&t.isValid()){var n=t.day();return 0!==n&&6!==n}return!0}})))}},65781:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"include-dates"},l.default.createElement(o.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"include-dates"},onChange:function(e,t){a(t)},includeDates:[(0,m.default)().format(),(0,m.default)().subtract(1,"days").format(),(0,m.default)().add(1,"days").format()]})))}},14132:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=o(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(32527)),d=a(n(81364));function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(m.default,{label:"Enter Date/Time",htmlFor:"default-incomplete"},l.default.createElement(d.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"default-incomplete"},onChange:function(e,t){a(t)},isIncomplete:!0,required:!0})))}},41141:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=o(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(32527)),d=a(n(81364));function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1],r=(0,l.useState)(!1),o=(0,i.default)(r,2),p=o[0],u=o[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement("button",{type:"button",onClick:function(){u(!p)}},"Toggle Validity"),l.default.createElement(m.default,{label:"Enter Date/Time",htmlFor:"default-invalid",error:"Error Message",isInvalid:p},l.default.createElement(d.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"default-invalid"},onChange:function(e,t){a(t)},isInvalid:p,errorId:"default-invalid-error"})))}},31778:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)(""),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"min-max-dates"},l.default.createElement(o.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"min-max-dates"},onChange:function(e,t){a(t)},minDate:(0,m.default)().format(),maxDate:(0,m.default)().add(6,"days").format()})))}},85139:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364)),p=a(n(19449));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)((0,m.default)().format()),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"timeVariant"},l.default.createElement(o.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"timeVariant"},onChange:function(e,t){a(t)},value:(0,m.default)().format(),timeVariant:p.default.FORMAT_12_HOUR})))}},14787:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(81364)),d=a(n(84743)),o=a(n(32527)),p=a(n(41521)),u=a(n(19449));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)("Asia/Kolkata"),t=(0,i.default)(e,2),n=t[0],a=t[1],r=(0,l.useState)((0,d.default)().format()),c=(0,i.default)(r,2),s=c[0],f=c[1];return l.default.createElement(l.default.Fragment,null,l.default.createElement("p",null,"Selected ISO Date Time:",s),l.default.createElement(p.default,{legend:"Initial Timezone: ".concat(n)},l.default.createElement(o.default,{label:"Enter Date/Time",htmlFor:"timeZone"},l.default.createElement(m.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"timezone"},onChange:function(e,t){var r=u.default.createSafeDate(t,n);f(r.format()),a(r.tz())},initialTimeZone:n,value:s}))))}},29967:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)((0,m.default)().format()),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"defaultDateTimeSeconds"},l.default.createElement(o.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"defaultDateTimeSeconds"},onChange:function(e,t){a(t)},value:(0,m.default)().format(),showSeconds:!0})))}},79114:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var i=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var m=i?Object.getOwnPropertyDescriptor(e,l):null;m&&(m.get||m.set)?Object.defineProperty(a,l,m):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),m=a(n(84743)),d=a(n(32527)),o=a(n(81364)),p=a(n(19449));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}t.A=function(){var e=(0,l.useState)((0,m.default)().format()),t=(0,i.default)(e,2),n=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date Time:",n),l.default.createElement(d.default,{label:"Enter Date/Time",htmlFor:"defaultDateTimeVariant"},l.default.createElement(o.default,{ariaLabel:"Enter Date/Time",name:"date-time-picker-example",dateInputAttributes:{id:"defaultDateTimeVariant"},onChange:function(e,t){a(t)},value:(0,m.default)().format(),showSeconds:!0,timeVariant:p.default.FORMAT_12_HOUR})))}}}]); \ No newline at end of file diff --git a/46712-02cbb1ef05c9f00fdf1b.css b/46712-02cbb1ef05c9f00fdf1b.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/46712-02cbb1ef05c9f00fdf1b.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-02cbb1ef05c9f00fdf1b.js b/46712-02cbb1ef05c9f00fdf1b.js new file mode 100644 index 00000000000..af6eed943a4 --- /dev/null +++ b/46712-02cbb1ef05c9f00fdf1b.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:"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.56.0",url:a})}},25642:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}l.d(a,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/49238-9c9beaeb091c54e53167.css b/49238-9c9beaeb091c54e53167.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/49238-9c9beaeb091c54e53167.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-9c9beaeb091c54e53167.js b/49238-9c9beaeb091c54e53167.js new file mode 100644 index 00000000000..890ead08f4f --- /dev/null +++ b/49238-9c9beaeb091c54e53167.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.83.0",url:t})}},25642:function(a,t,e){e.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(a,t,e){function r(){return r=Object.assign?Object.assign.bind():function(a){for(var t=1;t=0||(n[e]=a[e]);return n}(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-1c328ada41da52e048db.css b/50205-1c328ada41da52e048db.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/50205-1c328ada41da52e048db.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-1c328ada41da52e048db.js b/50205-1c328ada41da52e048db.js new file mode 100644 index 00000000000..0b8499cd443 --- /dev/null +++ b/50205-1c328ada41da52e048db.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:"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.29.0",url:a})}},25642:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}l.d(a,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/5162-8c6b3da4de0ba760a8a7.css b/5162-8c6b3da4de0ba760a8a7.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/5162-8c6b3da4de0ba760a8a7.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/5162-8c6b3da4de0ba760a8a7.js b/5162-8c6b3da4de0ba760a8a7.js new file mode 100644 index 00000000000..c4112f73220 --- /dev/null +++ b/5162-8c6b3da4de0ba760a8a7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[5162],{55713:function(r,e,t){var a=t(24994);e.A=void 0;var n=a(t(96540)),o=a(t(5556)),p=a(t(67967)),l=a(t(25642)),d=p.default.bind(l.default),m={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},i=function(r){var e=r.src,t=r.name,a=r.url,o=r.version,p=n.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(t,"/v/").concat(o)},n.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),n.default.createElement("span",{className:d("badge-version")},"v".concat(o))),l=e?n.default.createElement("a",{className:d("badge"),href:e},n.default.createElement("span",{className:d("badge-name")},"github"),n.default.createElement("span",{className:d("badge-version")},"source")):void 0;return n.default.createElement("div",{className:d("badge-container")},p,l)};i.propTypes=m;e.A=i},5162:function(r,e,t){t.r(e),t.d(e,{default:function(){return i}});var a=t(58168),n=t(53986),o=(t(96540),t(36665)),p=t(26300),l=["components"],d={},m="wrapper";function i(r){var e=r.components,t=(0,n.A)(r,l);return(0,o.mdx)(m,(0,a.A)({},d,t,{components:e,mdxType:"MDXLayout"}),(0,o.mdx)(p.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-popup-upgrade-guide"},"Terra Popup Upgrade Guide"),(0,o.mdx)("h2",{id:"changes-from-version-4-to-version-5"},"Changes from version 4 to version 5"),(0,o.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,o.mdx)("h4",{id:"renamed"},"Renamed"),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,o.mdx)("th",{parentName:"tr",align:null},"New"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-border-width")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-after-border-width")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-top-align-arrow-border-bottom-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-top-align-arrow-after-border-bottom-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-top-align-arrow-after-left")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-inset-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-top-align-arrow-after-top")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-bottom-align-arrow-border-top-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-bottom-align-arrow-after-border-top-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-bottom-align-arrow-after-left")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-inset-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-bottom-align-arrow-after-bottom")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-left-align-arrow-border-right-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-left-align-arrow-after-border-right-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-left-align-arrow-after-top")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-inset-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-left-align-arrow-after-left")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-right-align-arrow-border-left-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-color"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-right-align-arrow-after-border-left-color")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-right-align-arrow-after-top")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-arrow-inner-inset-size"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-right-align-arrow-after-right")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-content-close-icon"),(0,o.mdx)("td",{parentName:"tr",align:null},"--terra-popup-content-close-icon-background")))),(0,o.mdx)("h4",{id:"added"},"Added"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-content-header-background-color"),(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-content-header-padding"),(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-content-close-icon-height"),(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-content-close-icon-margin-top"),(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-content-close-icon-width")),(0,o.mdx)("h4",{id:"removed"},"Removed"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-arrow-z-index"),(0,o.mdx)("li",{parentName:"ul"},"--terra-popup-arrow-inner-z-index")))}i.isMDXComponent=!0},26300:function(r,e,t){t.d(e,{E:function(){return o}});var a=t(96540),n=t(55713),o=function(r){var e=r.url;return a.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-popup",name:"terra-popup",version:"6.82.0",url:e})}},25642:function(r,e,t){t.r(e),e.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(r,e,t){function a(){return a=Object.assign?Object.assign.bind():function(r){for(var e=1;e=0||(n[t]=r[t]);return n}(r,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(n[t]=r[t])}return n}t.d(e,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/52895-8f1e633f725cfb7841a7.css b/52895-8f1e633f725cfb7841a7.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/52895-8f1e633f725cfb7841a7.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-8f1e633f725cfb7841a7.js b/52895-8f1e633f725cfb7841a7.js new file mode 100644 index 00000000000..66570ef18e9 --- /dev/null +++ b/52895-8f1e633f725cfb7841a7.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.29.0",url:a})}},25642:function(t,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(t,a,r){function e(){return e=Object.assign?Object.assign.bind():function(t){for(var a=1;a=0||(n[r]=t[r]);return n}(t,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(e=0;e=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}r.d(a,{A:function(){return e}})}}]); \ No newline at end of file diff --git a/53003-52b4e63805150175813e.css b/53003-52b4e63805150175813e.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/53003-52b4e63805150175813e.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-52b4e63805150175813e.js b/53003-52b4e63805150175813e.js new file mode 100644 index 00000000000..970623ce38c --- /dev/null +++ b/53003-52b4e63805150175813e.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),l={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},o=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)};o.propTypes=l;r.A=o},53003:function(e,r,a){a.r(r),a.d(r,{default:function(){return o}});var t=a(58168),n=a(53986),m=(a(96540),a(36665)),d=a(32495),u=["components"],i={},l="wrapper";function o(e){var r=e.components,a=(0,n.A)(e,u);return(0,m.mdx)(l,(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")))}o.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.96.0",url:r})}},25642:function(e,r,a){a.r(r),r.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,r,a){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(n[a]=e[a]);return n}(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-d4cac6af6a8dd3a71cd1.css b/54504-d4cac6af6a8dd3a71cd1.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/54504-d4cac6af6a8dd3a71cd1.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-d4cac6af6a8dd3a71cd1.js b/54504-d4cac6af6a8dd3a71cd1.js new file mode 100644 index 00000000000..c1f79da0acd --- /dev/null +++ b/54504-d4cac6af6a8dd3a71cd1.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.93.0",url:t})}},25642:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,t,n){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(i[n]=e[n]);return i}(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-7162256217c0bbed77ce.js b/55993-7162256217c0bbed77ce.js new file mode 100644 index 00000000000..d999daeadcc --- /dev/null +++ b/55993-7162256217c0bbed77ce.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&&Object.prototype.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.101.0",url:l})}},25938:function(e,l,t){var n=t(24994);l.A=void 0;var a=n(t(17383)),i=n(t(34579)),d=n(t(28452)),o=n(t(63072)),s=n(t(29511)),r=n(t(96540)),m=t(33049),p=n(t(26714));function u(e,l,t){return l=(0,o.default)(l),(0,d.default)(e,c()?Reflect.construct(l,t||[],(0,o.default)(e).constructor):l.apply(e,t))}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}var y=function(e){function l(e){var t;return(0,a.default)(this,l),(t=u(this,l,[e])).handleDisplayTypeChange=t.handleDisplayTypeChange.bind(t),t.state={displayType:"tableView"},t}return(0,s.default)(l,e),(0,i.default)(l,[{key:"handleDisplayTypeChange",value:function(e,l){this.setState({displayType:l})}},{key:"render",value:function(){return r.default.createElement(p.default,{alwaysCollapsedMenuItems:[r.default.createElement(p.default.Item,{text:"Action 1",key:"action1"}),r.default.createElement(p.default.Item,{text:"Action 2",key:"action2",isDisabled:!0}),r.default.createElement(p.default.Item,{text:"Action 3",key:"action3"}),r.default.createElement(p.default.Item,{text:"Action 4",key:"action4"})]},r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconCaretDown,null),text:"Add Document",key:"addDocument",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(p.default.Item,{text:"Upload Document",key:"uploadDocument"}),r.default.createElement(p.default.Item,{text:"Link to Document...",key:"linkToDocument"})]}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconCaretDown,null),text:"Add",key:"Add",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(p.default.Item,{text:"Add Allergy",key:"addAllergy"}),r.default.createElement(p.default.Item,{text:"Add Problem",key:"addProblem"})]}),r.default.createElement(p.default.Divider,{key:"divider1"}),r.default.createElement(p.default.ItemGroup,{ariaLabel:"View Type Single Selection",groupId:"view-type-single-select",key:"ViewTypeSelection",selectedKeys:[this.state.displayType],onChange:this.handleDisplayTypeChange},r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTable,null),text:"Table View",key:"tableView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"tableView"===this.state.displayType}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconVisualization,null),text:"Chart View",key:"chartView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"chartView"===this.state.displayType}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTreemap,null),text:"Treemap View",key:"treemapView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"treemapView"===this.state.displayType})))}}])}(r.default.Component);l.A=y},5449:function(e,l,t){var n=t(24994);l.A=void 0;var a=n(t(17383)),i=n(t(34579)),d=n(t(28452)),o=n(t(63072)),s=n(t(29511)),r=n(t(96540)),m=t(33049),p=n(t(26714));function u(e,l,t){return l=(0,o.default)(l),(0,d.default)(e,c()?Reflect.construct(l,t||[],(0,o.default)(e).constructor):l.apply(e,t))}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}var y=function(e){function l(e){var t;return(0,a.default)(this,l),(t=u(this,l,[e])).handleDisplayTypeChange=t.handleDisplayTypeChange.bind(t),t.handleToggleOneOnChange=t.handleToggleOneOnChange.bind(t),t.handleToggleTwoOnChange=t.handleToggleTwoOnChange.bind(t),t.handleToggleThreeOnChange=t.handleToggleThreeOnChange.bind(t),t.state={toggle1Selection:!1,toggle2Selection:!1,toggle3Selection:!1,displayType:"tableView"},t}return(0,s.default)(l,e),(0,i.default)(l,[{key:"handleToggleOneOnChange",value:function(e,l){this.setState({toggle1Selection:l})}},{key:"handleToggleTwoOnChange",value:function(e,l){this.setState({toggle2Selection:l})}},{key:"handleToggleThreeOnChange",value:function(e,l){this.setState({toggle3Selection:l})}},{key:"handleDisplayTypeChange",value:function(e,l){this.setState({displayType:l})}},{key:"render",value:function(){return r.default.createElement(p.default,null,r.default.createElement(p.default.Toggle,{text:"Display Patient History",key:"displayPatientHistory",shouldCloseOnClick:!1,onChange:this.handleToggleOneOnChange,isSelected:this.state.toggle1Selection}),r.default.createElement(p.default.Toggle,{text:"Display Allergies",key:"displayAllergies",shouldCloseOnClick:!1,onChange:this.handleToggleTwoOnChange,isSelected:this.state.toggle2Selection}),r.default.createElement(p.default.Toggle,{text:"Display Problems",key:"displayProblems",shouldCloseOnClick:!1,onChange:this.handleToggleThreeOnChange,isSelected:this.state.toggle3Selection}),r.default.createElement(p.default.Divider,{key:"Divider1"}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconCaretDown,null),text:"Add Document",key:"addDocument",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(p.default.Item,{text:"Upload Document",key:"uploadDocument"}),r.default.createElement(p.default.Item,{text:"Link to Document...",key:"linkToDocument"})]}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconCaretDown,null),text:"Add",key:"Add",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(p.default.Item,{text:"Add Allergy",key:"addAllergy"}),r.default.createElement(p.default.Item,{text:"Add Problem",key:"addProblem"})]}),r.default.createElement(p.default.Divider,{key:"Divider2"}),r.default.createElement(p.default.ItemGroup,{ariaLabel:"View Type Single Selection",groupId:"view-type-single-select",key:"ViewTypeSelection",selectedKeys:[this.state.displayType],onChange:this.handleDisplayTypeChange},r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTable,null),text:"Table View",key:"tableView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"tableView"===this.state.displayType}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconVisualization,null),text:"Chart View",key:"chartView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"chartView"===this.state.displayType}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTreemap,null),text:"Treemap View",key:"treemapView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"treemapView"===this.state.displayType})),r.default.createElement(p.default.Divider,{key:"Divider3"}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconSend,null),text:"Send",key:"send",isIconOnly:!0}),r.default.createElement(p.default.ItemGroup,{key:"messageActionGroup"},r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconPrinter,null),text:"Print",key:"print",isIconOnly:!0}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconBookmark,null),text:"Bookmark",key:"bookmark",isIconOnly:!0}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTrash,null),text:"Trash",key:"trash",isIconOnly:!0})),r.default.createElement(p.default.Divider,{key:"Divider4"}),r.default.createElement(p.default.Item,{text:"Action 1",key:"action1"}),r.default.createElement(p.default.Item,{text:"Action 2",key:"action2"}),r.default.createElement(p.default.Item,{text:"Action 3",key:"action3"}),r.default.createElement(p.default.Item,{text:"Action 4",key:"action4"}))}}])}(r.default.Component);l.A=y},81958:function(e,l,t){var n=t(24994);l.A=void 0;var a=n(t(17383)),i=n(t(34579)),d=n(t(28452)),o=n(t(63072)),s=n(t(29511)),r=n(t(96540)),m=t(33049),p=n(t(26714));function u(e,l,t){return l=(0,o.default)(l),(0,d.default)(e,c()?Reflect.construct(l,t||[],(0,o.default)(e).constructor):l.apply(e,t))}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}var y=function(e){function l(e){var t;return(0,a.default)(this,l),(t=u(this,l,[e])).handleDisplayTypeChange=t.handleDisplayTypeChange.bind(t),t.handleToggleOneOnChange=t.handleToggleOneOnChange.bind(t),t.handleToggleTwoOnChange=t.handleToggleTwoOnChange.bind(t),t.handleToggleThreeOnChange=t.handleToggleThreeOnChange.bind(t),t.state={toggle1Selection:!1,toggle2Selection:!1,toggle3Selection:!1,displayType:"tableView"},t}return(0,s.default)(l,e),(0,i.default)(l,[{key:"handleToggleOneOnChange",value:function(e,l){this.setState({toggle1Selection:l})}},{key:"handleToggleTwoOnChange",value:function(e,l){this.setState({toggle2Selection:l})}},{key:"handleToggleThreeOnChange",value:function(e,l){this.setState({toggle3Selection:l})}},{key:"handleDisplayTypeChange",value:function(e,l){this.setState({displayType:l})}},{key:"render",value:function(){return r.default.createElement(p.default,{isStartAligned:!0},r.default.createElement(p.default.Toggle,{text:"Display Patient History",key:"displayPatientHistory",shouldCloseOnClick:!1,onChange:this.handleToggleOneOnChange,isSelected:this.state.toggle1Selection}),r.default.createElement(p.default.Toggle,{text:"Display Allergies",key:"displayAllergies",shouldCloseOnClick:!1,onChange:this.handleToggleTwoOnChange,isSelected:this.state.toggle2Selection}),r.default.createElement(p.default.Toggle,{text:"Display Problems",key:"displayProblems",shouldCloseOnClick:!1,onChange:this.handleToggleThreeOnChange,isSelected:this.state.toggle3Selection}),r.default.createElement(p.default.Divider,{key:"Divider1"}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconCaretDown,null),text:"Add Document",key:"addDocument",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(p.default.Item,{text:"Upload Document",key:"uploadDocument"}),r.default.createElement(p.default.Item,{text:"Link to Document...",key:"linkToDocument"})]}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconCaretDown,null),text:"Add",key:"Add",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(p.default.Item,{text:"Add Allergy",key:"addAllergy"}),r.default.createElement(p.default.Item,{text:"Add Problem",key:"addProblem"})]}),r.default.createElement(p.default.Divider,{key:"Divider2"}),r.default.createElement(p.default.ItemGroup,{ariaLabel:"View Type Single Selection",groupId:"view-type-single-select",key:"ViewTypeSelection",selectedKeys:[this.state.displayType],onChange:this.handleDisplayTypeChange},r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTable,null),text:"Table View",key:"tableView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"tableView"===this.state.displayType}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconVisualization,null),text:"Chart View",key:"chartView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"chartView"===this.state.displayType}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTreemap,null),text:"Treemap View",key:"treemapView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"treemapView"===this.state.displayType})),r.default.createElement(p.default.Divider,{key:"Divider3"}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconSend,null),text:"Send",key:"send",isIconOnly:!0}),r.default.createElement(p.default.ItemGroup,{key:"messageActionGroup"},r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconPrinter,null),text:"Print",key:"print",isIconOnly:!0}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconBookmark,null),text:"Bookmark",key:"bookmark",isIconOnly:!0}),r.default.createElement(p.default.Item,{icon:r.default.createElement(m.IconTrash,null),text:"Trash",key:"trash",isIconOnly:!0})),r.default.createElement(p.default.Divider,{key:"Divider4"}),r.default.createElement(p.default.Item,{text:"Action 1",key:"action1"}),r.default.createElement(p.default.Item,{text:"Action 2",key:"action2"}),r.default.createElement(p.default.Item,{text:"Action 3",key:"action3"}),r.default.createElement(p.default.Item,{text:"Action 4",key:"action4"}))}}])}(r.default.Component);l.A=y},91893:function(e,l,t){var n=t(24994);l.A=void 0;var a=n(t(17383)),i=n(t(34579)),d=n(t(28452)),o=n(t(63072)),s=n(t(29511)),r=n(t(96540)),m=n(t(74136)),p=n(t(6787)),u=n(t(86952)),c=n(t(59944)),y=n(t(26714));function x(e,l,t){return l=(0,o.default)(l),(0,d.default)(e,g()?Reflect.construct(l,t||[],(0,o.default)(e).constructor):l.apply(e,t))}function g(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(g=function(){return!!e})()}var h=function(e){function l(e){var t;return(0,a.default)(this,l),(t=x(this,l,[e])).handleDisplayTypeChange=t.handleDisplayTypeChange.bind(t),t.handleToggleOneOnChange=t.handleToggleOneOnChange.bind(t),t.handleToggleTwoOnChange=t.handleToggleTwoOnChange.bind(t),t.handleToggleThreeOnChange=t.handleToggleThreeOnChange.bind(t),t.state={toggle1Selection:!1,toggle2Selection:!1,toggle3Selection:!1,selectedKeys:[]},t}return(0,s.default)(l,e),(0,i.default)(l,[{key:"handleToggleOneOnChange",value:function(e,l){this.setState({toggle1Selection:l})}},{key:"handleToggleTwoOnChange",value:function(e,l){this.setState({toggle2Selection:l})}},{key:"handleToggleThreeOnChange",value:function(e,l){this.setState({toggle3Selection:l})}},{key:"handleDisplayTypeChange",value:function(e,l){var t=this.state.selectedKeys;t.includes(l)?t.splice(t.indexOf(l),1):t.push(l),this.setState({selectedKeys:t})}},{key:"render",value:function(){return r.default.createElement(y.default,null,r.default.createElement(y.default.Toggle,{text:"InDesign",key:"toggle1",shouldCloseOnClick:!1,onChange:this.handleToggleOneOnChange,isSelected:this.state.toggle1Selection}),r.default.createElement(y.default.Toggle,{text:"Photoshop",key:"toggle21",shouldCloseOnClick:!1,isSelected:this.state.toggle2Selection}),r.default.createElement(y.default.Toggle,{text:"Illustrator",key:"toggle3",shouldCloseOnClick:!1,onChange:this.handleToggleThreeOnChange,isSelected:this.state.toggle3Selection}),r.default.createElement(y.default.Divider,{key:"Divider1"}),r.default.createElement(y.default.Item,{text:"Browsers",key:"MenuButton1",shouldCloseOnClick:!1,subMenuItems:[r.default.createElement(y.default.Item,{text:"Edge",key:"defaultItem1"}),r.default.createElement(y.default.Item,{text:"Chrome",key:"defaultItem2"})]}),r.default.createElement(y.default.Divider,{key:"Divider2"}),r.default.createElement(y.default.ItemGroup,{ariaLabel:"View Type Multi Selection",groupId:"view-type-multi-select",key:"ViewTypeSelection",isMultiSelect:!0,selectedKeys:this.state.selectedKeys,onChange:this.handleDisplayTypeChange},r.default.createElement(y.default.Item,{icon:r.default.createElement(m.default,null),text:"Table View",key:"tableView",ariaDescribedBy:"view-type-multi-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:this.state.selectedKeys.includes("tableView")}),r.default.createElement(y.default.Item,{icon:r.default.createElement(p.default,null),text:"Expanded View",key:"expandedView",ariaDescribedBy:"view-type-multi-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:this.state.selectedKeys.includes("expandedView")}),r.default.createElement(y.default.Item,{icon:r.default.createElement(u.default,null),text:"Trending View",key:"trendingView",ariaDescribedBy:"view-type-multi-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:this.state.selectedKeys.includes("trendingView")})),r.default.createElement(y.default.Divider,{key:"Divider3"}),r.default.createElement(y.default.Item,{icon:r.default.createElement(c.default,null),text:"Send Message",key:"send",isIconOnly:!0}))}}])}(r.default.Component);l.A=h},89986:function(e,l,t){t.r(l),l.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},92420:function(e,l,t){t.r(l),l.default={arrange:"Arrange-module__arrange___hY0Ml",fill:"Arrange-module__fill___m88eq",fit:"Arrange-module__fit___tv8j-",center:"Arrange-module__center___9qfhG",bottom:"Arrange-module__bottom___8beod",stretch:"Arrange-module__stretch___eQF-k",default:"Arrange-module__default___z+O29"}},39496:function(e,l,t){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=l.AlignmentTypes=void 0;var a=r(t(96540)),i=r(t(5556)),d=r(t(67967)),o=r(t(92420)),s=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function r(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[t]=e[t]);return a}(e,l);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}l.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var x=d.default.bind(o.default),g={fitStart:i.default.element,fill:i.default.element.isRequired,fitEnd:i.default.element,align:i.default.oneOf(["center","bottom","stretch"]),alignFitStart:i.default.oneOf(["center","bottom","stretch"]),alignFitEnd:i.default.oneOf(["center","bottom","stretch"]),alignFill:i.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:i.default.object,fillAttributes:i.default.object,fitEndAttributes:i.default.object},h=function(e){var l=e.fitStart,t=e.fill,n=e.fitEnd,i=e.align,d=e.alignFitStart,o=e.alignFill,r=e.alignFitEnd,p=e.fitStartAttributes,c=e.fillAttributes,g=e.fitEndAttributes,h=y(e,s),f=u({},p),C=u({},c),T=u({},g);return a.default.createElement("span",m({},h,{className:x("arrange",h.className)}),a.default.createElement("span",m({},f,{className:x("fit",i||d,f.className,"fit-block")}),l),a.default.createElement("span",m({},C,{className:x("fill",i||o,C.className,"fill-block")}),t),a.default.createElement("span",m({},T,{className:x("fit",i||r,T.className)}),n))};h.propTypes=g;l.default=h}}]); \ No newline at end of file diff --git a/57947-f738717df75e47d7bc1b.css b/57947-f738717df75e47d7bc1b.css new file mode 100644 index 00000000000..3cd8cf6a900 --- /dev/null +++ b/57947-f738717df75e47d7bc1b.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-f738717df75e47d7bc1b.js b/57947-f738717df75e47d7bc1b.js new file mode 100644 index 00000000000..5f4b4977ccb --- /dev/null +++ b/57947-f738717df75e47d7bc1b.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&&Object.prototype.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")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},_=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,i=e.description,u=e.isExpanded,d=(0,l.useState)(u),f=(0,r.default)(d,2),g=f[0],_=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&&_(!g)},C=function(){_(!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:b,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:b,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))))};_.propTypes=g,_.defaultProps={isExpanded:!1};t.A=_},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.92.0",url:t})}},57531:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var r=a(n(85715)),l=c(n(96540)),i=a(n(5556)),u=c(n(95447));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}function c(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var i=r?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}var p=function(e){var t=e.title,n=e.ariaLabel,a=(0,l.useState)(""),o=(0,r.default)(a,2),i=o[0],m=o[1];return l.default.createElement("div",null,l.default.createElement("p",null,t),i.length?l.default.createElement(u.default,{description:t}):void 0,l.default.createElement("input",{type:"text","aria-label":n,onChange:function(e){m(e.target.value)},value:i}),l.default.createElement("button",{type:"button",onClick:function(){m("")}},"Submit"))};p.propTypes={title:i.default.string,ariaLabel:i.default.string};t.A=function(){var e=(0,l.useState)("Form 1"),t=(0,r.default)(e,2),n=t[0],a=t[1],o=(0,l.useState)([]),i=(0,r.default)(o,2),m=i[0],c=i[1];function s(e){a(e)}return l.default.createElement("div",null,l.default.createElement("h2",null,"Form Switcher"),l.default.createElement("p",null,"Custom logic has been implemented to prevent navigation altogether when NavigationPrompts are present."),l.default.createElement("button",{type:"button",disabled:"Form 1"===n||m.length,onClick:s.bind(null,"Form 1")},"Switch to Form 1"),l.default.createElement("button",{type:"button",disabled:"Form 2"===n||m.length,onClick:s.bind(null,"Form 2")},"Switch to Form 2"),l.default.createElement(u.NavigationPromptCheckpoint,{onPromptChange:function(e){c(e)}},l.default.createElement(p,{title:n,key:n,ariaLabel:n})))}},25642:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(96540)),o=r(n(25365));function r(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var 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/59359-717092e18f1c29b93013.css b/59359-717092e18f1c29b93013.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/59359-717092e18f1c29b93013.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/59359-717092e18f1c29b93013.js b/59359-717092e18f1c29b93013.js new file mode 100644 index 00000000000..2dba1a7183d --- /dev/null +++ b/59359-717092e18f1c29b93013.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[59359],{55713:function(e,t,a){var r=a(24994);t.A=void 0;var n=r(a(96540)),d=r(a(5556)),i=r(a(67967)),l=r(a(25642)),o=i.default.bind(l.default),s={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},u=function(e){var t=e.src,a=e.name,r=e.url,d=e.version,i=n.default.createElement("a",{className:o("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(d)},n.default.createElement("span",{className:o("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:o("badge-version")},"v".concat(d))),l=t?n.default.createElement("a",{className:o("badge"),href:t},n.default.createElement("span",{className:o("badge-name")},"github"),n.default.createElement("span",{className:o("badge-version")},"source")):void 0;return n.default.createElement("div",{className:o("badge-container")},i,l)};u.propTypes=s;t.A=u},59359:function(e,t,a){a.r(t),a.d(t,{default:function(){return u}});var r=a(58168),n=a(53986),d=(a(96540),a(36665)),i=a(47558),l=["components"],o={},s="wrapper";function u(e){var t=e.components,a=(0,n.A)(e,l);return(0,d.mdx)(s,(0,r.A)({},o,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(i.E,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"keyboard-shortcuts-for-terra-date-picker"},"Keyboard Shortcuts for Terra Date Picker"),(0,d.mdx)("p",null,"The Terra Date Picker offers additional functionality with specific keyboard shortcuts to save time when interacting with date inputs in terra-date-picker."),(0,d.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,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Key / Sequence"),(0,d.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"T"),(0,d.mdx)("td",{parentName:"tr",align:null},"Sets the date value to the current date (Today).")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"-"),(0,d.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,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"+"),(0,d.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,d.mdx)("p",null,(0,d.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,d.mdx)("h2",{id:"release-notes-for-specific-versions"},"Release notes for specific versions"),(0,d.mdx)("h3",{id:"4720"},"4.72.0"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial keyboard shortcut release. This adds the key listeners to the day input, month input, and the year number input.")))}u.isMDXComponent=!0},47558:function(e,t,a){a.d(t,{E:function(){return d}});var r=a(96540),n=a(55713),d=function(e){var t=e.url;return r.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.108.0",url:t})}},25642:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,t,a){function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var d=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-ecef6c04956a7ff7d650.css b/60232-ecef6c04956a7ff7d650.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/60232-ecef6c04956a7ff7d650.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-ecef6c04956a7ff7d650.js b/60232-ecef6c04956a7ff7d650.js new file mode 100644 index 00000000000..083afe4109c --- /dev/null +++ b/60232-ecef6c04956a7ff7d650.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:"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.101.0",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||(d[a]=e[a]);return d}(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-f93af6aba5e790079ec2.css b/60336-f93af6aba5e790079ec2.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/60336-f93af6aba5e790079ec2.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-f93af6aba5e790079ec2.js b/60336-f93af6aba5e790079ec2.js new file mode 100644 index 00000000000..22598e7c647 --- /dev/null +++ b/60336-f93af6aba5e790079ec2.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)),r=m(l(67967)),i=m(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,m=e.url,n=e.version,r=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))),i=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")},r,i)};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)),r=l(32495),i=["components"],u={},t="wrapper";function p(e){var a=e.components,l=(0,d.A)(e,i);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:"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)(r.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.96.0",url:a})}},25642:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,a,l){function m(){return m=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(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-8fa01f9d94b45f02e00f.css b/60982-8fa01f9d94b45f02e00f.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/60982-8fa01f9d94b45f02e00f.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-8fa01f9d94b45f02e00f.js b/60982-8fa01f9d94b45f02e00f.js new file mode 100644 index 00000000000..0cfb588d082 --- /dev/null +++ b/60982-8fa01f9d94b45f02e00f.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.93.0",url:n})}},25642:function(e,n,t){t.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,n,t){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(i[t]=e[t]);return i}(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/6330-190d803d756f16e1501c.css b/6330-190d803d756f16e1501c.css new file mode 100644 index 00000000000..36071a6890f --- /dev/null +++ b/6330-190d803d756f16e1501c.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} +.NavigationSideMenuExample-module__content___JgCJO{height:100%;position:relative;width:100%}[dir] .NavigationSideMenuExample-module__content___JgCJO{background-color:pink}.NavigationSideMenuExample-module__content-wrapper___LXOUY{height:768px;position:relative;max-width:300px}.NavigationSideMenuExample-module__toolbar___inOxZ{color:#fff}[dir] .NavigationSideMenuExample-module__toolbar___inOxZ{background:#303030;padding:8px}.NavigationSideMenuExample-module__content-wrapper___LXOUY{height:450px;position:relative;max-width:300px}[dir] .NavigationSideMenuExample-module__content-wrapper___LXOUY{border:1px solid #d3d3d3} +.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/6330-190d803d756f16e1501c.js b/6330-190d803d756f16e1501c.js new file mode 100644 index 00000000000..a9a6ac92757 --- /dev/null +++ b/6330-190d803d756f16e1501c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[6330],{201:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var d=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=x(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var m=d?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)),i=a(n(67967)),o=n(92912),u=a(n(49558)),s=a(n(53665)),p=n(25966),c=a(n(89986));function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(x=function(e){return e?n:t})(e)}var f=i.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")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},b=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,m=e.description,i=e.isExpanded,c=(0,r.useState)(i),x=(0,d.default)(c,2),y=x[0],b=x[1],v=(0,r.useState)(!1),_=(0,d.default)(v,2),N=_[0],C=_[1],T=r.default.useContext(o.ThemeContext),E=void 0!==a,w=function(){C(!N),y&&b(!y)},k=function(){b(!y),N&&C(!N)},M=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:f("template",T.className)},r.default.createElement("div",{className:f("header")},l&&r.default.createElement("h2",{className:f("title")},l)),r.default.createElement("div",{className:f("content")},m&&r.default.createElement("div",{className:f("description")},m),t),r.default.createElement("div",{className:f("footer")},n?r.default.createElement("div",{className:f("button-container")},E&&r.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":N}),onClick:w,onKeyDown:function(e){return M(e,w)},onBlur:h,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(u.default,{className:f("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(s.default,{className:f("chevron")})),r.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":y}),onClick:k,onKeyDown:function(e){return M(e,k)},onBlur:h,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(u.default,{className:f("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(s.default,{className:f("chevron")}))):null,r.default.createElement("div",null,N&&r.default.createElement("div",{className:f("css")},a),y&&r.default.createElement("div",{className:f("code")},n))))};b.propTypes=y,b.defaultProps={isExpanded:!1};t.A=b},23226:function(e,t,n){n.r(t),n.d(t,{default:function(){return E}});var a=n(58168),l=n(53986),d=n(96540),r=n(36665),m=n(49264),i=n(12883),o=["components"],u={},s="wrapper";function p(e){var t=e.components,n=(0,l.A)(e,o);return(0,r.mdx)(s,(0,a.A)({},u,n,{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"},"ariaLabel"),(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,"String that labels the navigation menu for screen readers."))),(0,r.mdx)(i.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"menuItems"),(0,r.mdx)(i.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n childKeys: {\n arrayOf: [{\n type: 'string',\n }],\n },\n hasSubMenu: {\n type: 'bool',\n description: 'Used to match visual style of a menuItem with children on an item without children.',\n },\n isRootMenu: {\n type: 'bool',\n description: 'Whether or not the menu is the primary navigation links in small form factor.',\n },\n id: {\n type: 'string',\n description: 'ID to be applied to the menu item div.',\n },\n metaData: {\n type: 'object',\n description: 'Optional meta data to be returned along with the item key within the onChange.',\n },\n key: {\n type: 'string',\n required: true,\n description: 'Unique identifier that will be returned in the onChange callback when an endpoint is reached.',\n },\n text: {\n type: 'string',\n required: true,\n description: 'Text for the menu row and header title when selected.',\n },\n },\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"},"[]\n"))),(0,r.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An array of configuration for each menu item."))),(0,r.mdx)(i.fI,{key:"ROW3",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:!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,"Callback function when a menu endpoint is reached.\nreturns (event, { selectedMenuKey: String, selectedChildKey: String, metaData: Object})"))),(0,r.mdx)(i.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"routingStackBack"),(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,"Delegate prop showParent function that is provided by the terra-navigation-layout."))),(0,r.mdx)(i.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"selectedChildKey"),(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,"Key of the currently selected child item on the selected menu page.\nThis is used when traveling back up the menu stack or when the child is an end point."))),(0,r.mdx)(i.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"selectedMenuKey"),(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,"Key of the currently selected menu page."))),(0,r.mdx)(i.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(i.dt,{mdxType:"PropNameCell"},"toolbar"),(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,"An optional toolbar to display below the side menu action header")))))}p.isMDXComponent=!0;var c=n(45254),x=["components"],f={};function y(e){var t=e.components,n=(0,l.A)(e,x);return(0,r.mdx)("wrapper",(0,a.A)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport NavigationSideMenu from 'terra-navigation-side-menu';\n\nimport styles from './NavigationSideMenuExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass NavigationSideMenuDefault extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleOnChange = this.handleOnChange.bind(this);\n\n this.state = { selectedMenuKey: 'menu', selectedChildKey: undefined };\n }\n\n handleOnChange(event, changeData) {\n this.setState({ selectedMenuKey: changeData.selectedMenuKey, selectedChildKey: changeData.selectedChildKey });\n }\n\n render() {\n const content = (\n \n );\n\n return (\n
    \n {content}\n
    \n );\n }\n}\n\nexport default NavigationSideMenuDefault;\n\n")))}y.isMDXComponent=!0;var h=n(201),g=["components"],b={};function v(e){var t=e.components,n=(0,l.A)(e,g);return(0,r.mdx)("wrapper",(0,a.A)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"@import '../../../test/navigation-side-menu/NavigationSideMenuDocCommon.module';\n\n:local {\n .content-wrapper {\n border: 1px solid #d3d3d3;\n height: 450px;\n position: relative;\n max-width: 300px;\n }\n}\n\n")))}v.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,a=e.isExpanded;return d.createElement(h.A,{title:t||"Navigation Side Menu Example",description:n,example:d.createElement(c.A,null),exampleCssSrc:d.createElement(v,null),exampleSrc:d.createElement(y,null),isExpanded:a})},N=["components"],C={},T="wrapper";function E(e){var t=e.components,n=(0,l.A)(e,N);return(0,r.mdx)(T,(0,a.A)({},C,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(m.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-navigation-side-menu"},"Terra Navigation Side Menu"),(0,r.mdx)("p",null,"A structural component for nesting navigational items within the content section of the terra-menu-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-navigation-side-menu"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import NavigationSideMenu from 'terra-navigation-side-menu';\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)("h2",{id:"examples"},"Examples"),(0,r.mdx)(_,{title:"Navigation Side Menu Example",mdxType:"NavigationSideMenuExample"}),(0,r.mdx)("h2",{id:"navigation-side-menu-props-table"},"Navigation Side Menu Props Table"),(0,r.mdx)(p,{mdxType:"NavigationSideMenuPropsTable"}))}E.isMDXComponent=!0},49264:function(e,t,n){n.d(t,{E:function(){return d}});var a=n(96540),l=n(55713),d=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-side-menu",name:"terra-navigation-side-menu",version:"2.56.0",url:t})}},45254:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(17383)),d=a(n(34579)),r=a(n(28452)),m=a(n(63072)),i=a(n(29511)),o=a(n(96540)),u=a(n(67967)),s=a(n(58758)),p=a(n(48299));function c(e,t,n){return t=(0,m.default)(t),(0,r.default)(e,x()?Reflect.construct(t,n||[],(0,m.default)(e).constructor):t.apply(e,n))}function x(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(x=function(){return!!e})()}var f=u.default.bind(p.default),y=function(e){function t(e){var n;return(0,l.default)(this,t),(n=c(this,t,[e])).handleOnChange=n.handleOnChange.bind(n),n.state={selectedMenuKey:"menu",selectedChildKey:void 0},n}return(0,i.default)(t,e),(0,d.default)(t,[{key:"handleOnChange",value:function(e,t){this.setState({selectedMenuKey:t.selectedMenuKey,selectedChildKey:t.selectedChildKey})}},{key:"render",value:function(){var e=o.default.createElement(s.default,{id:"test-menu",menuItems:[{key:"menu",text:"Hospital Details",childKeys:["submenu1","submenu2","submenu3","submenu4"]},{key:"submenu1",text:"Hospital services",childKeys:["subsubmenu1","subsubmenu2","subsubmenu3"],id:"test-item-1"},{key:"submenu2",text:"Hospital events"},{key:"submenu3",text:"Hospital Accommodations"},{key:"submenu4",text:"Hospital Careers"},{key:"subsubmenu1",text:"Imaging",id:"test-item-2"},{key:"subsubmenu2",text:"Laboratory"},{key:"subsubmenu3",text:"Rehabilitation services"}],onChange:this.handleOnChange,selectedMenuKey:this.state.selectedMenuKey,selectedChildKey:this.state.selectedChildKey,ariaLabel:"Sub Menu List"});return o.default.createElement("div",{className:f("content-wrapper")},e)}}])}(o.default.Component);t.A=y},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},48299:function(e,t,n){n.r(t),t.default={content:"NavigationSideMenuExample-module__content___JgCJO","content-wrapper":"NavigationSideMenuExample-module__content-wrapper___LXOUY",toolbar:"NavigationSideMenuExample-module__toolbar___inOxZ"}},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(96540)),l=d(n(25365));function d(e){return e&&e.__esModule?e:{default:e}}function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c=r.default.bind(u.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:a.default.string},x=function(e){var t=e.children,n=s(e,p),a=o.default.useContext(l.default),u=(0,r.default)(c(["button",a.className]),n.className);return o.default.createElement("button",i({},n,{type:"button",className:u,onBlur:m,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};x.propTypes=h;t.default=x},20999:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=p(n(96540)),a=p(n(5556)),r=p(n(67967)),l=p(n(23695)),u=p(n(17269));function p(e){return e&&e.__esModule?e:{default:e}}var d=r.default.bind(u.default),i={ariaLevel:a.default.oneOf(["2","3","4","5","6"]),children:a.default.node,variant:a.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,n=e.variant,a=e.children,r=o.default.useContext(l.default);return o.default.createElement("div",{className:d("notice",n,r.className)},o.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),o.default.createElement("div",{role:"heading",className:d("title"),"aria-level":t},o.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),o.default.createElement("div",{className:d("children")},function(e){return"not-supported"===e?o.default.createElement(o.default.Fragment,null,o.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),o.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",o.default.createElement("ul",{className:d("list")},o.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),o.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),o.default.createElement("li",null,o.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),o.default.Children.map(a,(function(e){return"string"==typeof e?o.default.createElement("p",null,e):e}))))};s.propTypes=i,s.defaultProps={ariaLevel:"2",variant:"important"};t.default=s},18778:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(n(96540)),a=i(n(5556)),r=i(n(46942)),l=i(n(67967)),u=i(n(23695)),p=i(n(16576)),d=["title"];function i(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=l.default.bind(p.default),f={title:a.default.string},h=function(e){var t=e.title,n=c(e,d),a=o.default.useContext(u.default),l=(0,r.default)(m(["placeholder",a.className]),n.className),p=m(["inner"]);return o.default.createElement("div",s({},n,{className:l}),o.default.createElement("div",{className:p},o.default.createElement("p",{className:m("title")},t)))};h.propTypes=f,h.defaultProps={title:""};t.default=h},74647:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return a.default}});var o=l(n(20999)),a=l(n(18778)),r=l(n(86159));function l(e){return e&&e.__esModule?e:{default:e}}},64331:function(e,t,n){n.r(t),n.d(t,{default:function(){return ce}});var o=n(58168),a=n(53986),r=n(96540),l=n(36665),u=n(26300),p=n(12883),d=["components"],i={},s="wrapper";function c(e){var t=e.components,n=(0,a.A)(e,d);return(0,l.mdx)(s,(0,o.A)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(p.Ay,{mdxType:"PropsTable"},(0,l.mdx)(p.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"attachmentBehavior"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'auto'\n 'flip'\n 'push'\n],\n"))),(0,l.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'auto'\n"))),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"If the primary attachment is not available, how should the content be positioned. Options\ninclude 'auto', 'flip', or 'push'."))),(0,l.mdx)(p.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"children"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(p.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The children to be displayed as content within the popup."))),(0,l.mdx)(p.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"onRequestClose"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(p.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function indicating a close condition was met, should be combined with isOpen for state management."))),(0,l.mdx)(p.fI,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"targetRef"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(p.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Target element for the popup to anchor to."))),(0,l.mdx)(p.fI,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"boundingRef"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Bounding container for the popup, will use window if no value provided."))),(0,l.mdx)(p.fI,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"contentAttachment"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'top left'\n 'top center'\n 'top right'\n 'middle left'\n 'middle center'\n 'middle right'\n 'bottom left'\n 'bottom center'\n 'bottom right'\n],\n"))),(0,l.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'top center'\n"))),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Attachment point for the popup, this will be mirrored to the target. Options include: 'top left',\n'top center', 'top right', 'middle left', 'middle center', 'middle right', 'bottom left',\n'bottom center', or 'bottom right'."))),(0,l.mdx)(p.fI,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"contentHeight"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n '40'\n '80'\n '120'\n '160'\n '240'\n '320'\n '400'\n '480'\n '560'\n '640'\n '720'\n '800'\n '880'\n 'auto'\n],\n"))),(0,l.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'80'\n"))),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A string representation of the height in px, limited to:\n40, 80, 120, 160, 240, 320, 400, 480, 560, 640, 720, 800, 880 or auto."))),(0,l.mdx)(p.fI,{key:"ROW8",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"contentWidth"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n '160'\n '240'\n '320'\n '400'\n '640'\n '960'\n '1280'\n '1760'\n 'auto'\n],\n"))),(0,l.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'240'\n"))),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A string representation of the width in px, limited to:\n160, 240, 320, 400, 640, 960, 1280, 1760 or auto."))),(0,l.mdx)(p.fI,{key:"ROW9",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"isArrowDisplayed"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Should an arrow be placed at the attachment point."))),(0,l.mdx)(p.fI,{key:"ROW10",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"isContentFocusDisabled"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Set this to ",(0,l.mdx)("inlineCode",{parentName:"p"},"true")," if your content has focusable elements and you want them to receive focus instead of focusing on the default popup frame when the popup is opened."))),(0,l.mdx)(p.fI,{key:"ROW11",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"isHeaderDisabled"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Should the default behavior, that inserts a header when constraints are breached, be disabled."))),(0,l.mdx)(p.fI,{key:"ROW12",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"isOpen"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Should the popup be presented as open."))),(0,l.mdx)(p.fI,{key:"ROW13",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"targetAttachment"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'top left'\n 'top center'\n 'top right'\n 'middle left'\n 'middle center'\n 'middle right'\n 'bottom left'\n 'bottom center'\n 'bottom right'\n],\n"))),(0,l.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Attachment point for the target. Options include: 'top left', 'top center', 'top right', 'middle left', 'middle center',\n'middle right', 'bottom left', 'bottom center', or 'bottom right'."))),(0,l.mdx)(p.fI,{key:"ROW14",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"String that labels the popup for screen readers."))),(0,l.mdx)(p.fI,{key:"ROW15",mdxType:"Row"},(0,l.mdx)(p.dt,{mdxType:"PropNameCell"},"onClick"),(0,l.mdx)(p.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(p.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(p.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(p.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function to handle click events on the popup.")))))}c.isMDXComponent=!0;var m=n(85971),f=["components"],h={};function x(e){var t=e.components,n=(0,a.A)(e,f);return(0,l.mdx)("wrapper",(0,o.A)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useRef, useState } from 'react';\nimport Popup from 'terra-popup';\nimport classNames from 'classnames/bind';\nimport styles from './PopupDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nfunction PopupStandard() {\n const buttonElement = useRef();\n const [open, setOpen] = useState(false);\n\n const setButtonNode = (node) => {\n buttonElement.current = node;\n };\n\n const getButtonNode = () => buttonElement.current;\n\n const handleButtonClick = () => {\n if (!open) {\n document.querySelector('#root').setAttribute('inert', 'true');\n }\n setOpen(true);\n };\n\n const handleRequestClose = () => {\n setOpen(false);\n document.querySelector('#root').removeAttribute('inert');\n buttonElement.current.focus();\n };\n\n return (\n \n
    \n To prevent focus from shifting with up/down arrow keys when virtual cursor mode is on in Jaws use inert attribute as shown in the example.\n Using inert makes the content outside the popup inaccessible to screen readers and keyboard interactions while the popup is active, ensuring keyboard focus is trapped within the popup for better accessibility.\n

    This example shows how to pass custom aria label for screen readers.

    \n
    \n \n \n \n \n     \n );\n}\n\nexport default PopupStandard;\n\n")))}x.isMDXComponent=!0;var g=n(201),y=["components"],v={};function b(e){var t=e.components,n=(0,a.A)(e,y);return(0,l.mdx)("wrapper",(0,o.A)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n background: #f0f8ff;\n height: 200px;\n overflow: hidden;\n width: 200px;\n }\n \n .popup-button {\n display: block;\n font-size: 1rem;\n height: 30px;\n max-width: 80px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .terra-popup-content {\n list-style-type: none;\n margin: 10px;\n padding: 10px;\n }\n\n}\n\n")))}b.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(g.A,{title:t||"Popup Standard",description:n,example:r.createElement(m.A,null),exampleCssSrc:r.createElement(b,null),exampleSrc:r.createElement(x,null),isExpanded:o})},C=n(21609),N=["components"],P={};function E(e){var t=e.components,n=(0,a.A)(e,N);return(0,l.mdx)("wrapper",(0,o.A)({},P,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useRef, useState } from 'react';\nimport Button from 'terra-button';\nimport Popup from 'terra-popup';\nimport { Placeholder } from '@cerner/terra-docs';\nimport classNames from 'classnames/bind';\nimport styles from './PopupDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nfunction PopupBounded() {\n const buttonElement = useRef();\n const parentElement = useRef();\n const [open, setOpen] = useState(false);\n\n const setParentNode = (node) => {\n parentElement.current = node;\n };\n\n const getParentNode = () => parentElement.current;\n\n const setButtonNode = (node) => {\n buttonElement.current = node;\n };\n\n const getButtonNode = () => buttonElement.current;\n\n const handleButtonClick = () => {\n setOpen(true);\n };\n\n const handleRequestClose = () => {\n setOpen(false);\n };\n\n return (\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 { disclosureType } = this.props;\n const disclosureManager = this.context;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: disclosureType,\n size,\n content: {\n key: `Content-Disclosure-${size}`,\n component: ,\n },\n });\n }}\n >\n {`Disclose (${size})`}\n \n );\n }\n\n renderFormButton() {\n const { disclosureType } = this.props;\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: disclosureType,\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 modal at various sizes.

    \n
    \n
    \n {this.renderForm()}\n {this.renderFormButton()}\n
    \n \n );\n }\n}\n\nContentComponent.contextType = DisclosureManagerContext;\nContentComponent.propTypes = {\n disclosureType: PropTypes.string,\n};\n\nconst ModalManagerExample = ({ showDisclosureAccessory }) => (\n
    \n \n Disclosure Accessory\n
    \n ) : undefined}\n zIndex=\"7000\"\n >\n \n \n \n);\n\nModalManagerExample.propTypes = {\n showDisclosureAccessory: PropTypes.bool,\n};\n\nexport default ModalManagerExample;\n/* eslint-enable max-classes-per-file */\n\n")))}c.isMDXComponent=!0;var u=n(201),h=["components"],x={};function g(e){var t=e.components,n=(0,r.A)(e,h);return(0,o.mdx)("wrapper",(0,a.A)({},x,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .example-wrapper {\n border: 1px solid #d3d3d3;\n height: 28rem;\n }\n\n .content-wrapper {\n padding: 0.7rem;\n }\n\n .disclosure-accessory {\n background-color: #add8e6;\n padding: 1rem;\n }\n}\n\n")))}g.isMDXComponent=!0;var y=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(u.A,{title:t||"Modal Manager Example",description:n,example:l.createElement(s.A,null),exampleCssSrc:l.createElement(g,null),exampleSrc:l.createElement(c,null),isExpanded:a})},N=n(12883),f=["components"],b={},w="wrapper";function C(e){var t=e.components,n=(0,r.A)(e,f);return(0,o.mdx)(w,(0,a.A)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(N.Ay,{mdxType:"PropsTable"},(0,o.mdx)(N.fI,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(N.dt,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(N.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The components to be rendered in the body of the ModalManager. These components will receive the\ndisclosure capabilities through the DisclosureManger's context API."))),(0,o.mdx)(N.fI,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(N.dt,{mdxType:"PropNameCell"},"disclosureAccessory"),(0,o.mdx)(N.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The component to render within the Modal above the disclosed content."))),(0,o.mdx)(N.fI,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(N.dt,{mdxType:"PropNameCell"},"shouldTrapFocus"),(0,o.mdx)(N.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"If set to true, then the focus lock will get enabled."))),(0,o.mdx)(N.fI,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(N.dt,{mdxType:"PropNameCell"},"closeOnOutsideClick"),(0,o.mdx)(N.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"If set to true, then the outside click will get enabled."))),(0,o.mdx)(N.fI,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(N.dt,{mdxType:"PropNameCell"},"zIndex"),(0,o.mdx)(N.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n '6000'\n '7000'\n '8000'\n '9000'\n],\n"))),(0,o.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"'6000'\n"))),(0,o.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Z-Index layer to apply to the ModalContent and ModalOverlay. Valid values are the standard modal layer: '6000', and the max layer: '9000'.")))))}C.isMDXComponent=!0;var v=["components"],T={},M="wrapper";function k(e){var t=e.components,n=(0,r.A)(e,v);return(0,o.mdx)(M,(0,a.A)({},T,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(i.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-modal-manager"},"Terra Modal Manager"),(0,o.mdx)("p",null,"The ModalManager is a DisclosureManager implementation that presents disclosed content using an AbstractModal."),(0,o.mdx)("p",null,"ModalManager provides the ability to handle and navigate stacked disclosures."),(0,o.mdx)(d.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,o.mdx)("p",null," For applications that utilize Terra Application, use the ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/application/terra-application/components/modal-manager"},"ModelManager")," and ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/application/terra-application/contexts/disclosure-manager-context"},"DisclosureManagerContext")," provided by terra-application instead of using terra-modal-manager directly.")),(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-modal-manager"))))),(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},"terra-disclosure-manager"),(0,o.mdx)("td",{parentName:"tr",align:null},"^4.16.0")))),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ModalManager, { disclosureType } from 'terra-modal-manager';\n")),(0,o.mdx)("h2",{id:"details"},"Details"),(0,o.mdx)("h3",{id:"implementation-requirements"},"Implementation Requirements"),(0,o.mdx)("p",null,"The ModalManager utilizes the DisclosureManager API to manage disclosure requests. The components provided as children to the ModalManager, and the components disclosed within it, must interface with the ModalManager's context using the ",(0,o.mdx)("inlineCode",{parentName:"p"},"withDisclosureManager()")," higher-order component generator provided by the ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-disclosure-manager")," package. Alternatively, ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerContext")," can be consumed directly using the ",(0,o.mdx)("inlineCode",{parentName:"p"},"useContext")," hook."),(0,o.mdx)("p",null,"The ModalManager responds to ",(0,o.mdx)("inlineCode",{parentName:"p"},'"modal"')," disclosure type requests. Components that wish to disclose content using the ModalManager should provide a preferred type of ",(0,o.mdx)("inlineCode",{parentName:"p"},'"modal"'),". This value is exported from the package as ",(0,o.mdx)("inlineCode",{parentName:"p"},"disclosureType"),". Please see the ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-framework-docs/discosure-manager/disclosure-manager/disclosure-manager-api"},"DisclosureManager API documentation")," for a full description of the ModalManager's capabilities."),(0,o.mdx)("h3",{id:"disclosuremanagerheaderadapter-support"},"DisclosureManagerHeaderAdapter Support"),(0,o.mdx)("p",null,"If a component disclosed by the ModalManager renders a ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the ModalManager will render an ActionHeader and provide the standard disclosure navigation controls (close, go back, etc.) within it. The disclosed component can use the ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter")," to inject its own title and CollapsibleButtonView into the ActionHeader."),(0,o.mdx)("p",null,"If the disclosed component does ",(0,o.mdx)("strong",{parentName:"p"},"not")," render a ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the ModalManager will ",(0,o.mdx)("strong",{parentName:"p"},"not")," render an ActionHeader itself. 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.\ns"),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"Note: The DisclosureManagerHeaderAdapter is the preferred way to present a header within the ModalManager. In a future major release, the ModalManager will ",(0,o.mdx)("strong",{parentName:"p"},"always")," render the header and navigation controls, regardless of the presence of a DisclosureManagerHeaderAdapter.")),(0,o.mdx)("h3",{id:"disclosure-accessory"},"Disclosure Accessory"),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"disclosureAccessory")," prop allows consumers of the ModalManager to render a static component above the disclosed modal content. 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 ModalManager instance, not on a per-disclosure basis, and each component in the disclosure stack will be decorated with the same accessory component."),(0,o.mdx)("h3",{id:"static-height-vs-dynamic-height"},"Static Height vs. Dynamic Height"),(0,o.mdx)("p",null,"Terra-Model-Manager was intentionally designed to have static preset heights in order to work in conjunction with Terra content that can adjust responsively using the ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/responsive-element/about"},"terra-responsive-element"),", as well as any conditionally positioned UI elements like a ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-framework-docs/popup/popup"},"popup"),", ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/form-select/multi-select"},"multi-select dropdown"),", or ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-framework-docs/date-picker/date-picker"},"date picker"),". Having static preset heights allows for Terra to quickly present modal content without requiring extensive browser multiple-render drawing calculations that results in poor application performance."),(0,o.mdx)("p",null,"Some may be used to other libraries that commonly offer simple modals that can adjust the modal's height dynamically based on the content provided, but those situations only work well for when content is designed for a single presentation (i.e. is not responsive), and ones that have no higher z-index layers that require position calculation relative to the base content (i.e. no popups with pointers)."),(0,o.mdx)("h3",{id:"creating-modal-content"},"Creating Modal Content"),(0,o.mdx)("p",null,"The Modal-Manager is intended for content which has regularly composed & designed layouts, including responsive variations. It is very grid-based, so it comes with standard heights and widths to accommodate the highly-structured assembly of content."),(0,o.mdx)("p",null,"When the preset size of the modal's width or height is ",(0,o.mdx)("em",{parentName:"p"},"larger"),' than the available device-screen or viewport (e.g. if you shrink down your window smaller than what the modal size was set to be), at that point the modal-manager will then "stick" near to the edge of the viewport as it\'s outer size and not flow offscreen. It is recommended to build the inner content with a responsive design, so when the modal is smaller than it’s preset size, the content will then know to adapt and adjust to alternate layouts accordingly to the new maximum available height and/or width as the outer size. If content is not built responsively, or if you intentionally build the content to overflow in one direction, it will then force scrolling inside of the modal. Scrolling is perfectly acceptable, but should be limited to one direction, preferably vertical-only.'),(0,o.mdx)("p",null,'The key thing to remember is that the Modal-Manager, similar to a page layout, works based on the "',(0,o.mdx)("strong",{parentName:"p"},"outside-in"),'" layout principal, which allows the ',(0,o.mdx)("em",{parentName:"p"},"inside")," content to respond when the ",(0,o.mdx)("em",{parentName:"p"},"outside"),' container changes in size. The Modal-Manager unfortunately cannot simultaneously also follow the "',(0,o.mdx)("strong",{parentName:"p"},"inside-out"),'" layout principal, which would mean the ',(0,o.mdx)("em",{parentName:"p"},"outside")," container height grows or shrinks based on the ",(0,o.mdx)("em",{parentName:"p"},"inside")," content size. The reason is that the inside content cannot dictate what size it would like to be at the same as as listening for when it no longer has any space remaining, which is required in order to be able to change itself to a new layout, and cannot do both (or at least not without attempting many redraws). Designers are encouraged to create structured and grid based layout designs that work well for the modal layout size options that best utilize space, similar to designing base pages within applications."),(0,o.mdx)("h3",{id:"sizing-height--width-options"},"Sizing: Height & Width Options"),(0,o.mdx)("p",null,"The Terra-Modal-Manager has two methods of setting the preferred modal height & width. The first method is by choosing from a list of easy shorthand size options that combine a predefined height and width pair, which works standard application screen ratios. The second method is more advanced and provides the ability to choose from a list of grid-based dimensions to set the height and width independently. ",(0,o.mdx)("em",{parentName:"p"},"(Note: all values used for Modal-Manager are true pixels and not rem, relative em units.)")),(0,o.mdx)("p",null,"Using the ",(0,o.mdx)("inlineCode",{parentName:"p"},"size")," prop within the ",(0,o.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/discosure-manager/disclosure-manager/disclosure-manager-api"},"disclose argument API")," allows the consumer to provide a simpler implementation to set the modal preferred dimension, and typically might be used for common application disclosures of similarly sized content. ",(0,o.mdx)("em",{parentName:"p"},"(Note: ",(0,o.mdx)("inlineCode",{parentName:"em"},"size")," should not be provided if ",(0,o.mdx)("inlineCode",{parentName:"em"},"dimensions")," are specified.)")),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"th"},"size")," prop: Shorthand options"),(0,o.mdx)("th",{parentName:"tr",align:null},"pixel dimensions"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"tiny")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 320px, h: 240px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"small")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 640px, h: 420px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"medium")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 960px, h: 600px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("strong",{parentName:"td"},"default")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1120px, h: 690px ",(0,o.mdx)("em",{parentName:"td"},"(modal size if no other details are provided)"))),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"large")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1280px, h: 870px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"huge")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1600px, h: 960px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"fusion-small")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 400px, h: 280px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"fusion-medium")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 600px, h: 380px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"fusion-large")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 700px, h: 460px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"fullscreen")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: screen width less ~10px, h: screen height less ~10px")))),(0,o.mdx)("p",null,"For application content that needs more specific dimensional control of modal sizes, using the ",(0,o.mdx)("inlineCode",{parentName:"p"},"dimension")," prop within the ",(0,o.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/discosure-manager/disclosure-manager/disclosure-manager-api"},"disclose argument API")," will be the implementation to choose. Consumers supply a simple object that contains both height wand width values: ",(0,o.mdx)("inlineCode",{parentName:"p"},"{ height: '480', width: '600' }"),". ",(0,o.mdx)("em",{parentName:"p"},"(Note: ",(0,o.mdx)("inlineCode",{parentName:"em"},"dimensions")," should not be provided if a ",(0,o.mdx)("inlineCode",{parentName:"em"},"size")," is specified.)")),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"th"},"dimensions")," prop: Width options"),(0,o.mdx)("th",{parentName:"tr",align:null},"pixel dimensions"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '320'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 320px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '400'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 400px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '480'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 480px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '560'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 560px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '600'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 600px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '640'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 640px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '700'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 700px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '800'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 800px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '960'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 960px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1120'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1120px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1280'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1280px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1440'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1440px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1600'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1600px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1760'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1760px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1920'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1920px, h: --")))),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"th"},"dimensions")," prop: Height options"),(0,o.mdx)("th",{parentName:"tr",align:null},"pixel dimensions"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '240'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 240px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '280'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 280px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '380'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 380px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '420'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 420px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '460'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 460px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '600'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 600px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '690'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 690px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '780'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 780px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '870'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 870px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '960'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 960px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '1140'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 1140px")))),(0,o.mdx)("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)(y,{title:"Example",mdxType:"ModalManagerExample"}),(0,o.mdx)(y,{showDisclosureAccessory:!0,title:"Disclosure Accessory Example",mdxType:"ModalManagerExample"}),(0,o.mdx)("h2",{id:"modal-manager-props"},"Modal Manager Props"),(0,o.mdx)(C,{mdxType:"ModalManagerPropsTable"}))}k.isMDXComponent=!0},11587:function(e,t,n){n.d(t,{E:function(){return l}});var a=n(96540),r=n(55713),l=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-modal-manager",name:"terra-modal-manager",version:"6.77.0",url:t})}},36999:function(e,t,n){var a=n(24994);t.A=void 0;var r=a(n(43693)),l=a(n(17383)),o=a(n(34579)),d=a(n(28452)),i=a(n(63072)),s=a(n(29511)),m=a(n(96540)),p=a(n(5556)),c=a(n(67967)),u=a(n(82941)),h=a(n(26714)),x=a(n(54495)),g=n(12643),y=a(n(42723)),N=a(n(57775));function f(e,t,n){return t=(0,i.default)(t),(0,d.default)(e,b()?Reflect.construct(t,n||[],(0,i.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 w=c.default.bind(N.default),C=function(e){function t(e){var n;return(0,l.default)(this,t),(n=f(this,t,[e])).checkLockState=n.checkLockState.bind(n),n.state={text:void 0},n}return(0,s.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,r=n.disclosureType,l=this.context;return m.default.createElement(x.default,{fill:!0},m.default.createElement(g.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:m.default.createElement(h.default,null,m.default.createElement(h.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),m.default.createElement(h.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),m.default.createElement("div",{className:w("content-wrapper")},m.default.createElement("h3",null,a),m.default.createElement("p",null,"The disclosed component can disclose content within the same modal."),m.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),m.default.createElement("button",{type:"button",onClick:function(){l.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),m.default.createElement("button",{type:"button",onClick:function(){l.disclose({preferredType:r,size:"small",content:{key:"Nested ".concat(a),component:m.default.createElement(t,{name:"Nested ".concat(a),disclosureType:r})}})}},"Disclose Again"),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),m.default.createElement("input",{type:"text",onChange:function(t){e.setState({text:t.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?m.default.createElement("p",null,"Component has unsaved changes!"):null,m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"Selected Header Action:"," ",m.default.createElement("b",null,this.state.selectedHeaderAction))))}}])}(m.default.Component);C.contextType=g.DisclosureManagerContext,C.propTypes={name:p.default.string,disclosureType:p.default.string},C.defaultProps={name:"Disclosure Component"};var v=Object.keys(g.availableDisclosureHeights),T=Object.keys(g.availableDisclosureWidths),M=function(e){return e.map((function(e,t){var n=t;return m.default.createElement("option",{key:n,value:e},e)}))},k=function(e){function t(e){var n;return(0,l.default)(this,t),(n=f(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:v[0],disclosureWidth:T[0]},n}return(0,s.default)(t,e),(0,o.default)(t,[{key:"handleSelectChange",value:function(e){this.setState((0,r.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var t=this.props.disclosureType,n=this.context;return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:t,size:e,content:{key:"Content-Disclosure-".concat(e),component:m.default.createElement(C,{name:"Disclosure Component",disclosureType:t})}})}},"Disclose (".concat(e,")"))}},{key:"renderFormButton",value:function(){var e=this,t=this.props.disclosureType,n=this.context,a="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:t,dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:m.default.createElement(C,{name:"Disclosure Component",disclosureType:t})}})}},a)}},{key:"renderForm",value:function(){return m.default.createElement("form",null,m.default.createElement("label",{htmlFor:this.getId("disclosureHeight")},"Pop Content Height"),m.default.createElement("select",{id:this.getId("disclosureHeight"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},M(v)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("label",{htmlFor:this.getId("disclosureWidth")},"Pop Content Width"),m.default.createElement("select",{id:this.getId("disclosureWidth"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},M(T)),m.default.createElement("br",null),m.default.createElement("br",null))}},{key:"render",value:function(){return m.default.createElement(x.default,{header:m.default.createElement(u.default,{title:"ModalManager Child Component"})},m.default.createElement("div",{className:w("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),m.default.createElement("br",null),m.default.createElement("p",null,"The child components can disclose content in the modal at various sizes.")),m.default.createElement("div",{className:w("content-wrapper")},this.renderForm(),this.renderFormButton()))}}])}(m.default.Component);k.contextType=g.DisclosureManagerContext,k.propTypes={disclosureType:p.default.string};var D=function(e){var t=e.showDisclosureAccessory;return m.default.createElement("div",{className:w("example-wrapper")},m.default.createElement(y.default,{shouldTrapFocus:!0,disclosureAccessory:t?m.default.createElement("div",{className:w("disclosure-accessory")},"Disclosure Accessory"):void 0,zIndex:"7000"},m.default.createElement(k,{disclosureType:"modal"})))};D.propTypes={showDisclosureAccessory:p.default.bool};t.A=D},57775:function(e,t,n){n.r(t),t.default={"example-wrapper":"example-styles-module__example-wrapper___Jx-Pe","content-wrapper":"example-styles-module__content-wrapper___MTFJi","disclosure-accessory":"example-styles-module__disclosure-accessory___dEW4w"}}}]); \ No newline at end of file diff --git a/72011-874ea3608817079a8fbc.css b/72011-874ea3608817079a8fbc.css new file mode 100644 index 00000000000..d969f45f4f1 --- /dev/null +++ b/72011-874ea3608817079a8fbc.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} +.DialogModal-module__clinical-lowlight-theme___31DwG{--terra-dialog-modal-background-color: #1e2427;--terra-dialog-modal-body-background-color: #222a2e;--terra-dialog-modal-box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 7px 4px rgba(0, 0, 0, 0.5);--terra-dialog-modal-border-radius: 5px;--terra-dialog-modal-small-horizontal-inset: 10px;--terra-dialog-modal-body-padding: 0.7142857143rem}.DialogModal-module__orion-fusion-theme___YBuu1{--terra-dialog-modal-background-color: #fff;--terra-dialog-modal-border-radius: 0;--terra-dialog-modal-box-shadow: none;--terra-dialog-modal-small-horizontal-inset: 10px;--terra-dialog-modal-body-background-color: #fff;--terra-dialog-modal-body-padding: 0.25rem}[dir] .DialogModal-module__dialog-modal-wrapper___R77-C{background-color:#fff;background-color:var(--terra-dialog-modal-background-color, #fff);border-radius:5px;border-radius:var(--terra-dialog-modal-border-radius, 5px);box-shadow:var(--terra-dialog-modal-box-shadow)}.DialogModal-module__dialog-modal-wrapper___R77-C.DialogModal-module__width-320___l19d7{width:320px}.DialogModal-module__dialog-modal-wrapper___R77-C.DialogModal-module__width-480___SOAMl{width:480px}.DialogModal-module__dialog-modal-wrapper___R77-C.DialogModal-module__width-560___nY\+us{width:560px}.DialogModal-module__dialog-modal-wrapper___R77-C.DialogModal-module__width-640___L7vK3{width:640px}.DialogModal-module__dialog-modal-wrapper___R77-C.DialogModal-module__width-800___txGZ4{width:800px}.DialogModal-module__dialog-modal-wrapper___R77-C.DialogModal-module__width-960___9FyAv{width:960px}.DialogModal-module__dialog-modal-wrapper___R77-C.DialogModal-module__width-1120___9yYPn{width:1120px}.DialogModal-module__dialog-modal-wrapper___R77-C.DialogModal-module__width-1280___r1qux{width:1280px}.DialogModal-module__dialog-modal-wrapper___R77-C.DialogModal-module__width-1440___SsgFL{width:1440px}.DialogModal-module__dialog-modal-wrapper___R77-C.DialogModal-module__width-1600___1jMR1{width:1600px}.DialogModal-module__dialog-modal-wrapper___R77-C.DialogModal-module__width-1760___3X0JY{width:1760px}.DialogModal-module__dialog-modal-wrapper___R77-C.DialogModal-module__width-1920___qAoIQ{width:1920px}@media screen and (max-width: 768px){.DialogModal-module__dialog-modal-wrapper___R77-C{width:calc(100% - 2*10px);width:calc(100% - 2*var(--terra-dialog-modal-small-horizontal-inset, 10px))}}.DialogModal-module__dialog-modal-inner-wrapper___xIeq4{display:flex;flex-direction:row;max-height:80vh}.DialogModal-module__dialog-modal-container___lDtDv{display:flex;flex-direction:column;max-height:inherit;width:100%}.DialogModal-module__dialog-modal-header___TpTo4,.DialogModal-module__dialog-modal-footer___H1FtR{flex:0 0 auto}.DialogModal-module__dialog-modal-body___rr9ng{flex:0 1 auto;overflow-y:auto}[dir] .DialogModal-module__dialog-modal-body___rr9ng{background-color:var(--terra-dialog-modal-body-background-color);padding:0.7142857143rem;padding:var(--terra-dialog-modal-body-padding, 0.7142857143rem)} +.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)} +.DialogModalWithCustomHeaderAndCustomFooter-module__header___xsSAT,.DialogModalWithCustomHeaderAndCustomFooter-module__footer___-kyF7{color:#4e832b;height:38px;line-height:2}[dir] .DialogModalWithCustomHeaderAndCustomFooter-module__header___xsSAT, [dir] .DialogModalWithCustomHeaderAndCustomFooter-module__footer___-kyF7{border:2px dashed #4e832b}[dir=ltr] .DialogModalWithCustomHeaderAndCustomFooter-module__header___xsSAT, [dir=ltr] .DialogModalWithCustomHeaderAndCustomFooter-module__footer___-kyF7{padding:2px 2px 2px 5px}[dir=rtl] .DialogModalWithCustomHeaderAndCustomFooter-module__header___xsSAT, [dir=rtl] .DialogModalWithCustomHeaderAndCustomFooter-module__footer___-kyF7{padding:2px 5px 2px 2px}[dir=ltr] .DialogModalWithCustomHeaderAndCustomFooter-module__close-button___HH\+oy{float:right;margin-left:10px}[dir=rtl] .DialogModalWithCustomHeaderAndCustomFooter-module__close-button___HH\+oy{float:left;margin-right:10px} diff --git a/72011-874ea3608817079a8fbc.js b/72011-874ea3608817079a8fbc.js new file mode 100644 index 00000000000..5e9da6e2e24 --- /dev/null +++ b/72011-874ea3608817079a8fbc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[72011],{75833:function(e,t,a){a.r(t),a.d(t,{default:function(){return j}});var n=a(58168),l=a(53986),o=a(96540),i=a(36665),d=a(15226),r=a(74647),s=a(12883),u=["components"],m={},p="wrapper";function c(e){var t=e.components,a=(0,l.A)(e,u);return(0,i.mdx)(p,(0,n.A)({},m,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(s.Ay,{mdxType:"PropsTable"},(0,i.mdx)(s.fI,{key:"ROW1",mdxType:"Row"},(0,i.mdx)(s.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,i.mdx)(s.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Aria Label of the dialog modal."))),(0,i.mdx)(s.fI,{key:"ROW2",mdxType:"Row"},(0,i.mdx)(s.dt,{mdxType:"PropNameCell"},"header"),(0,i.mdx)(s.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Header of the dialog modal."))),(0,i.mdx)(s.fI,{key:"ROW3",mdxType:"Row"},(0,i.mdx)(s.dt,{mdxType:"PropNameCell"},"footer"),(0,i.mdx)(s.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Footer of the dialog modal."))),(0,i.mdx)(s.fI,{key:"ROW4",mdxType:"Row"},(0,i.mdx)(s.dt,{mdxType:"PropNameCell"},"children"),(0,i.mdx)(s.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,i.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,i.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Contents of the dialog modal."))),(0,i.mdx)(s.fI,{key:"ROW5",mdxType:"Row"},(0,i.mdx)(s.dt,{mdxType:"PropNameCell"},"onRequestClose"),(0,i.mdx)(s.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,i.mdx)(s.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Callback function indicating a close condition was met."))),(0,i.mdx)(s.fI,{key:"ROW6",mdxType:"Row"},(0,i.mdx)(s.dt,{mdxType:"PropNameCell"},"isOpen"),(0,i.mdx)(s.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,i.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,i.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Toggle to show dialog modal or not."))),(0,i.mdx)(s.fI,{key:"ROW7",mdxType:"Row"},(0,i.mdx)(s.dt,{mdxType:"PropNameCell"},"width"),(0,i.mdx)(s.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 320\n 640\n 960\n 1120\n 1280\n 1600\n],\n"))),(0,i.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"'1120'\n"))),(0,i.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Width of the dialog modal. Allows one of ",(0,i.mdx)("inlineCode",{parentName:"p"},"320"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"640"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"960"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"1120"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"1280"),", or ",(0,i.mdx)("inlineCode",{parentName:"p"},"1600"),"."),(0,i.mdx)("p",null,(0,i.mdx)("em",{parentName:"p"},"(Uses same sizes as terra-modal-manager: tiny:320, small:640, medium:960, default:1120, large:1280, huge:1600)")))),(0,i.mdx)(s.fI,{key:"ROW8",mdxType:"Row"},(0,i.mdx)(s.dt,{mdxType:"PropNameCell"},"closeOnOutsideClick"),(0,i.mdx)(s.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,i.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,i.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"DO NOT USE THIS PROP")),(0,i.mdx)("p",null,"This prop was added in error, but has not been removed due to passivity concerns."),(0,i.mdx)("p",null,"Modals & Dialogs must be closed by clicking a ui element to prevent accidental clicks and to force an intentional decision by the user to close the dialog."),(0,i.mdx)("p",null,"If set to true, the modal will close when a mouse click is triggered outside the modal."))),(0,i.mdx)(s.fI,{key:"ROW9",mdxType:"Row"},(0,i.mdx)(s.dt,{mdxType:"PropNameCell"},"rootSelector"),(0,i.mdx)(s.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(s.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"'#root'\n"))),(0,i.mdx)(s.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Used to select the root mount DOM node. This is used to help prevent focus from shifting outside of the DialogModal when it is opened.")))))}c.isMDXComponent=!0;var h=a(11007),x=["components"],f={};function g(e){var t=e.components,a=(0,l.A)(e,x);return(0,i.mdx)("wrapper",(0,n.A)({},f,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport ActionHeader from 'terra-action-header';\nimport ActionFooter from 'terra-action-footer';\nimport DialogModal from 'terra-dialog-modal';\n\nclass DefaultDialogModal extends React.Component {\n constructor() {\n super();\n\n this.state = {\n isOpen: false,\n };\n\n this.handleOpenModal = this.handleOpenModal.bind(this);\n this.handleCloseModal = this.handleCloseModal.bind(this);\n }\n\n handleOpenModal() {\n this.setState({ isOpen: true });\n }\n\n handleCloseModal() {\n this.setState({ isOpen: false });\n }\n\n render() {\n const paraOne = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',\n 'Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.',\n 'Integer congue feugiat ultricies.',\n ' Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.',\n 'Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi.',\n ' Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.',\n 'Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.',\n 'Nam vehicula, arcu vitae egestas porttitor,',\n 'turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit.'];\n return (\n
    \n }\n footer={}\n >\n

    {paraOne}

    \n \n
    \n );\n }\n}\n\nexport default DefaultDialogModal;\n\n")))}g.isMDXComponent=!0;var v=a(201),C=function(e){var t=e.title,a=e.description,n=e.isExpanded;return o.createElement(v.A,{title:t||"Default Dialog Modal",description:a,example:o.createElement(h.A,null),exampleSrc:o.createElement(g,null),isExpanded:n})},M=a(30861),y=["components"],N={};function _(e){var t=e.components,a=(0,l.A)(e,y);return(0,i.mdx)("wrapper",(0,n.A)({},N,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport ActionHeader from 'terra-action-header';\nimport ActionFooter from 'terra-action-footer';\nimport DialogModal from 'terra-dialog-modal';\n\nclass DialogModalWithLongText extends React.Component {\n constructor() {\n super();\n\n this.state = {\n isOpen: false,\n };\n\n this.handleOpenModal = this.handleOpenModal.bind(this);\n this.handleCloseModal = this.handleCloseModal.bind(this);\n }\n\n handleOpenModal() {\n this.setState({ isOpen: true });\n }\n\n handleCloseModal() {\n this.setState({ isOpen: false });\n }\n\n render() {\n const text = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',\n 'Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.',\n 'Integer congue feugiat ultricies.',\n ' Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.',\n 'Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi.',\n ' Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.',\n 'Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.',\n 'Nam vehicula, arcu vitae egestas porttitor,',\n 'turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit.'];\n return (\n
    \n }\n footer={}\n width=\"960\"\n >\n

    {text}

    \n

    {text}

    \n

    {text}

    \n

    {text}

    \n

    {text}

    \n

    {text}

    \n

    {text}

    \n

    {text}

    \n

    {text}

    \n \n
    \n );\n }\n}\n\nexport default DialogModalWithLongText;\n\n")))}_.isMDXComponent=!0;var D=function(e){var t=e.title,a=e.description,n=e.isExpanded;return o.createElement(v.A,{title:t||"Dialog Modal With Long Text",description:a,example:o.createElement(M.A,null),exampleSrc:o.createElement(_,null),isExpanded:n})},T=a(6921),b=["components"],O={};function w(e){var t=e.components,a=(0,l.A)(e,b);return(0,i.mdx)("wrapper",(0,n.A)({},O,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport classNames from 'classnames/bind';\nimport DialogModal from 'terra-dialog-modal';\nimport styles from './DialogModalWithCustomHeaderAndCustomFooter.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DialogModalWithCustomHeaderAndCustomFooter extends React.Component {\n constructor() {\n super();\n\n this.state = {\n isOpen: false,\n };\n\n this.handleOpenModal = this.handleOpenModal.bind(this);\n this.handleCloseModal = this.handleCloseModal.bind(this);\n }\n\n handleOpenModal() {\n this.setState({ isOpen: true });\n }\n\n handleCloseModal() {\n this.setState({ isOpen: false });\n }\n\n render() {\n const text = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',\n 'Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.',\n 'Integer congue feugiat ultricies.',\n ' Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.',\n 'Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi.',\n ' Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.',\n 'Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.',\n 'Nam vehicula, arcu vitae egestas porttitor,',\n 'turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit.'];\n return (\n
    \n \n Custom Header\n
    \n)}\n footer={
    Custom Footer
    }\n >\n

    {text}

    \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.92.0",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}}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(t,{A:function(){return a}})}}]); \ No newline at end of file diff --git a/75333-00fc8212b1982a37715e.css b/75333-00fc8212b1982a37715e.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/75333-00fc8212b1982a37715e.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-00fc8212b1982a37715e.js b/75333-00fc8212b1982a37715e.js new file mode 100644 index 00000000000..2a0586bebdc --- /dev/null +++ b/75333-00fc8212b1982a37715e.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:"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.84.0",url:a})}},25642:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,a,l){function m(){return m=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(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/75808-683b9782c91183942491.css b/75808-683b9782c91183942491.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/75808-683b9782c91183942491.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/75808-683b9782c91183942491.js b/75808-683b9782c91183942491.js new file mode 100644 index 00000000000..c22e7660f2e --- /dev/null +++ b/75808-683b9782c91183942491.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[75808],{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)),i=l(a(25642)),u=r.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,r=d.default.createElement("a",{className:u("badge"),href:l||"https://www.npmjs.org/package/".concat(a,"/v/").concat(m)},d.default.createElement("span",{className:u("badge-name")},l?"package":"npm"),d.default.createElement("span",{className:u("badge-version")},"v".concat(m))),i=n?d.default.createElement("a",{className:u("badge"),href:n},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;n.A=p},75808:function(e,n,a){a.r(n),a.d(n,{default:function(){return c}});var l=a(58168),d=a(53986),m=(a(96540),a(36665)),r=a(70514),i=["components"],u={},t="wrapper";function p(e){var n=e.components,a=(0,d.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:"1260---may-8-2024"},"1.26.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:"1250---may-1-2024"},"1.25.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:"1241---april-23-2024"},"1.24.1 - (April 23, 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"},"Fixed ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-pills")," Infinite loop in ResizeObserver callback with debounce.")))),(0,m.mdx)("h2",{id:"1240---april-4-2024"},"1.24.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:"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-14-2024"},"1.22.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:"1210---march-8-2024"},"1.21.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:"1200---march-5-2024"},"1.20.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:"1190---february-28-2024"},"1.19.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:"1180---january-22-2024"},"1.18.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:"1170---january-18-2024"},"1.17.0 - (January 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"},"Replaced ",(0,m.mdx)("inlineCode",{parentName:"li"},":-moz-is-html")," selector with ",(0,m.mdx)("inlineCode",{parentName:"li"},"@-moz-document")," to resolve Mini-Css-Plugin issue.")))),(0,m.mdx)("h2",{id:"1161---january-10-2024"},"1.16.1 - (January 10, 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"},"Resolved issue with screen reader not identifying pill status after removing the last pill.")))),(0,m.mdx)("h2",{id:"1160---december-18-2023"},"1.16.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:"1151---december-11-2023"},"1.15.1 - (December 11, 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 jaws providing navigation instructions on empty pill box."),(0,m.mdx)("li",{parentName:"ul"},"Fixed bug to set focus on previous pill when delete key is pressed and a pill is deleted.")))),(0,m.mdx)("h2",{id:"1150---november-23-2023"},"1.15.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:"1140---october-11-2023"},"1.14.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:"1130---october-3-2023"},"1.13.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:"1120---august-31-2023"},"1.12.0 - (August 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:"1111---august-4-2023"},"1.11.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:"1110---august-2-2023"},"1.11.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:"1100---july-31-2023"},"1.10.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:"190---july-25-2023"},"1.9.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:"180---july-19-2023"},"1.8.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:"170---june-12-2023"},"1.7.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:"160---june-5-2023"},"1.6.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:"150---may-11-2023"},"1.5.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:"140---april-27-2023"},"1.4.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:"130---march-29-2023"},"1.3.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"},"Updated WDIO screenshots.")))),(0,m.mdx)("h2",{id:"120---march-1-2023"},"1.2.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:"110---february-14-2023"},"1.1.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"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"101---march-15-2022"},"1.0.1 - (March 15, 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:"100---march-8-2022"},"1.0.0 - (March 8, 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"},"Initial stable release.")))))}p.isMDXComponent=!0;var x=["components"],o={},s="wrapper";function c(e){var n=e.components,a=(0,d.A)(e,x);return(0,m.mdx)(s,(0,l.A)({},o,a,{components:n,mdxType:"MDXLayout"}),(0,m.mdx)(r.E,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},70514: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-pills",name:"@cerner/terra-pills",version:"1.26.0",url:n})}},25642:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,n,a){function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(d[a]=e[a]);return d}(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/76497-cd4e9407805fd816f45d.css b/76497-cd4e9407805fd816f45d.css new file mode 100644 index 00000000000..6b0858565f8 --- /dev/null +++ b/76497-cd4e9407805fd816f45d.css @@ -0,0 +1,2 @@ +.Whitespace-module__whitespace___ZHva5{display:block;min-height:0}[dir] .Whitespace-module__whitespace___ZHva5{margin:0;padding:0}.Whitespace-module__newline-1___aPEyq{height:1.4285714286em}.Whitespace-module__newline-2___G\+-sh{height:2.8571428572em}.Whitespace-module__newline-3___4OJK-{height:4.2857142858em}.Whitespace-module__newline-4___3Z0jB{height:5.7142857144em}.Whitespace-module__newline-5___lBkK-{height:7.142857143em}.Whitespace-module__newline-6___FT7fE{height:8.5714285716em}.Whitespace-module__newline-7___OMery{height:10.0000000002em}.Whitespace-module__newline-8___vvoWz{height:11.4285714288em} +.FilterPillsCommon-module__clinical-lowlight-theme___kufCR{--terra-framework-docs-example-reset-button-margin-bottom: -2.42857rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-border: 1px solid #181b1d;--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-background-color: #1c1f21;--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-padding: 0;--terra-framework-docs-filter-pills-doc-example-applied-filters-label-color: #b2b5b6;--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-size: 0.92857rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-weight: 400;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-bottom: 0.42857rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-left: 0.71429rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-right: 0.35714rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-top: 0.42857rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-margin-right: 0.57143rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-padding-top: 0.5rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-margin-left: 0;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-padding-top: 0.10714rem;--terra-framework-docs-filter-pills-doc-example-truncated-label-container-background-color: rgba(224, 215, 16, 0.1);--terra-framework-docs-filter-pills-doc-example-truncated-label-container-border: 2px dashed #e0d710;--terra-framework-docs-filter-pills-doc-example-truncated-label-container-min-height: 2.28571rem;--terra-framework-docs-filter-pills-doc-example-truncated-label-container-padding: 0.71428rem 0.21428rem 0.71428rem 0.21428rem;--terra-framework-docs-filter-pills-doc-example-search-terms-background-color: #2d3539;--terra-framework-docs-filter-pills-doc-example-search-terms-min-height: 7.5rem;--terra-framework-docs-filter-pills-doc-example-search-terms-padding: 0.71428rem 0.85714rem;--terra-framework-docs-filter-pills-doc-example-search-terms-label-color: rgb(234, 236, 239);--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-size: 1.07142rem;--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-weight: 500;--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-bottom: 0.21428rem;--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-left: 0.14285rem}.FilterPillsCommon-module__orion-fusion-theme___DX\+Eh{--terra-framework-docs-example-reset-button-margin-bottom: -2.95833rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-border: 1px solid #cbcacb;--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-background-color: #fff;--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-padding: 0;--terra-framework-docs-filter-pills-doc-example-applied-filters-label-color: #1c1f21;--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-size: 1rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-weight: 700;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-bottom: 0.08333rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-left: 0.66667rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-right: 0.33333rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-top: 0.08333rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-margin-right: 0.5rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-padding-top: 0.5rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-margin-left: 0;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-padding-top: 0.16667rem;--terra-framework-docs-filter-pills-doc-example-truncated-label-container-background-color: rgba(189, 16, 224, 0.05);--terra-framework-docs-filter-pills-doc-example-truncated-label-container-border: 2px dashed #bd10e0;--terra-framework-docs-filter-pills-doc-example-truncated-label-container-min-height: 2.28571rem;--terra-framework-docs-filter-pills-doc-example-truncated-label-container-padding: 0.71428rem 0.21428rem 0.71428rem 0.21428rem;--terra-framework-docs-filter-pills-doc-example-search-terms-background-color: #ecf3ff;--terra-framework-docs-filter-pills-doc-example-search-terms-min-height: 8.5rem;--terra-framework-docs-filter-pills-doc-example-search-terms-padding: 0.71428rem 0.85714rem;--terra-framework-docs-filter-pills-doc-example-search-terms-label-color: #2a4b77;--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-size: 1.07142rem;--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-weight: 700;--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-bottom: 0.21428rem;--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-left: 0.14285rem}.FilterPillsCommon-module__terra-docs-example-reset-button___4QxNs{position:relative}[dir] .FilterPillsCommon-module__terra-docs-example-reset-button___4QxNs{margin-bottom:-2.42857rem;margin-bottom:var(--terra-framework-docs-example-reset-button-margin-bottom, -2.42857rem);margin-top:1.42857rem}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters___FHD3-{border:1px solid #d3d4d5;border:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-border, 1px solid #d3d4d5);margin:0;padding:0}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters___FHD3- .FilterPillsCommon-module__applied-filters-content-panel___UliYh{background-color:#f4f4f4;background-color:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-background-color, #f4f4f4);margin:0;padding:0;padding:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-padding, 0)}.FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters___FHD3- .FilterPillsCommon-module__applied-filters-label___qK0hr{color:#4d5153;color:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-label-color, #4d5153);display:inline-block;font-size:0.92857rem;font-size:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-size, 0.92857rem);font-weight:400;font-weight:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-weight, 400);vertical-align:top}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0{padding-bottom:0.42857rem;padding-bottom:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-bottom, 0.42857rem);padding-top:0.42857rem;padding-top:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-top, 0.42857rem)}[dir=ltr] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0{padding-left:0.71429rem;padding-left:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-left, 0.71429rem);padding-right:0.35714rem;padding-right:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-right, 0.35714rem)}[dir=rtl] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0{padding-right:0.71429rem;padding-right:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-left, 0.71429rem);padding-left:0.35714rem;padding-left:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-right, 0.35714rem)}.FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0>[class*=Toolbar-module__item___]{display:block;width:100%}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0>[class*=Toolbar-module__item___]{margin:0;padding:0}.FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-container___5Vbzr{display:flex;min-width:100%;width:100%}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-container___5Vbzr{margin:0;padding:0}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-item-start___-CPMv, [dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-item-fill___vGICq, [dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-item-end___kRZI6{margin:0;padding:0}.FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-item-start___-CPMv{flex:0 0 auto;vertical-align:top}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-item-start___-CPMv{padding-top:0.5rem;padding-top:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-padding-top, 0.5rem)}[dir=ltr] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-item-start___-CPMv{margin-right:0.57143rem;margin-right:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-margin-right, 0.57143rem)}[dir=rtl] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-item-start___-CPMv{margin-left:0.57143rem;margin-left:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-margin-right, 0.57143rem)}.FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-item-fill___vGICq{flex:1 1 auto;min-width:3rem;vertical-align:top}.FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-item-end___kRZI6{flex:0 0 auto;vertical-align:top}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-item-end___kRZI6{padding-top:0.10714rem;padding-top:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-padding-top, 0.10714rem)}[dir=ltr] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-item-end___kRZI6{margin-left:0;margin-left:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-margin-left, 0)}[dir=rtl] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0 .FilterPillsCommon-module__toolbar-flex-item-end___kRZI6{margin-right:0;margin-right:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-margin-left, 0)}.FilterPillsCommon-module__terra-filter-pills-doc-example-truncated-label-container___sgh3Q{box-sizing:content-box;max-width:20rem;min-height:2.28571rem;min-height:var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-min-height, 2.28571rem);width:100%}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-truncated-label-container___sgh3Q{background-color:#f4f4f4;background-color:var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-background-color, #f4f4f4);border:2px dashed #d1d1d1;border:var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-border, 2px dashed #d1d1d1);border-bottom:0 none;border-top:0 none;padding:0.71428rem 0.21428rem 0.71428rem 0.21428rem;padding:var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-padding, 0.71428rem 0.21428rem 0.71428rem 0.21428rem)}.FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___my1Na{box-sizing:border-box;min-height:7.5rem;min-height:var(--terra-framework-docs-filter-pills-doc-example-search-terms-min-height, 7.5rem)}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___my1Na{background-color:#ecf3ff;background-color:var(--terra-framework-docs-filter-pills-doc-example-search-terms-background-color, #ecf3ff);padding:0.71428rem 0.85714rem;padding:var(--terra-framework-docs-filter-pills-doc-example-search-terms-padding, 0.71428rem 0.85714rem)}.FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___my1Na .FilterPillsCommon-module__search-terms-label___ABfLO{color:#1a2f4b;color:var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-color, #1a2f4b);display:block;font-size:1.07142rem;font-size:var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-size, 1.07142rem);font-weight:500;font-weight:var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-weight, 500)}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___my1Na .FilterPillsCommon-module__search-terms-label___ABfLO{padding-bottom:0.21428rem;padding-bottom:var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-bottom, 0.21428rem)}[dir=ltr] .FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___my1Na .FilterPillsCommon-module__search-terms-label___ABfLO{padding-left:0.14285rem;padding-left:var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-left, 0.14285rem)}[dir=rtl] .FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___my1Na .FilterPillsCommon-module__search-terms-label___ABfLO{padding-right:0.14285rem;padding-right:var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-left, 0.14285rem)} diff --git a/76497-cd4e9407805fd816f45d.js b/76497-cd4e9407805fd816f45d.js new file mode 100644 index 00000000000..a3773a906af --- /dev/null +++ b/76497-cd4e9407805fd816f45d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[76497],{76497:function(e,l,t){t.r(l),t.d(l,{default:function(){return K}});var a=t(58168),n=t(53986),r=t(96540),i=t(36665),o=t(70514),s=t(74647),d=t(47849),m=t(50548),p=["components"],c={};function u(e){var l=e.components,t=(0,n.A)(e,p);return(0,i.mdx)("wrapper",(0,a.A)({},c,t,{components:l,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNamesBind from 'classnames/bind';\nimport { Button as DocsButton, Placeholder } from '@cerner/terra-docs';\nimport Button from 'terra-button';\nimport FilterPills, { Pill } from '@cerner/terra-pills';\nimport Text from 'terra-text';\nimport ThemeContext from 'terra-theme-context';\nimport Toolbar from 'terra-toolbar';\nimport styles from './FilterPillsCommon.module.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst AppliedFiltersExample = () => {\n const theme = React.useContext(ThemeContext);\n\n const pillsData = [];\n for (let pillCount = 1; pillCount < 11; pillCount += 1) {\n const pillData = {\n label: `Selection ${pillCount}`,\n labelCategory: 'Category',\n id: `terra-filter-pills-category-selection-${pillCount}`,\n };\n pillsData.push(pillData);\n }\n const [pills, setPills] = useState(pillsData);\n\n const handleOnRemove = (id, metaData) => {\n const pillsArray = pills;\n pillsArray.splice(metaData.index, 1);\n setPills([...pillsArray]);\n };\n\n const handleResetClick = () => {\n setPills(pillsData);\n };\n\n const appliedFiltersLabel = 'Applied Filters:';\n\n return (\n <>\n
    \n \n
    \n
    \n \n {appliedFiltersLabel}\n \n
    \n
    \n \n {pills.map((pill, index) => (\n \n ))}\n \n
    \n
    \n setPills([])}\n />\n
    \n
    \n     \n
    \n \n
    \n
    \n \n Reset Example\n \n \n );\n};\n\nAppliedFiltersExample.contextType = ThemeContext;\n\nexport default AppliedFiltersExample;\n\n")))}u.isMDXComponent=!0;var x=t(201),f=["components"],b={};function h(e){var l=e.components,t=(0,n.A)(e,f);return(0,i.mdx)("wrapper",(0,a.A)({},b,t,{components:l,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-scss"},"// Themes\n@import '../../../theme/clinical-lowlight-theme/FilterPills.module';\n@import '../../../theme/orion-fusion-theme/FilterPills.module';\n\n:local {\n // Terra Docs Example Reset Button\n .terra-docs-example-reset-button {\n margin-bottom: var(--terra-framework-docs-example-reset-button-margin-bottom, -2.42857rem);\n margin-top: 1.42857rem;\n position: relative;\n }\n\n // Applied Filters Toolbar Example\n .terra-filter-pills-doc-example-applied-filters {\n border: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-border, 1px solid #d3d4d5);\n margin: 0;\n padding: 0;\n\n .applied-filters-content-panel {\n background-color: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-background-color, #f4f4f4);\n margin: 0;\n padding: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-padding, 0);\n }\n\n .applied-filters-label {\n color: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-label-color, #4d5153);\n display: inline-block;\n font-size: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-size, 0.92857rem);\n font-weight: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-weight, 400);\n vertical-align: top;\n }\n }\n \n .terra-filter-pills-doc-example-applied-filters-toolbar {\n padding-bottom: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-bottom, 0.42857rem);\n padding-left: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-left, 0.71429rem);\n padding-right: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-right, 0.35714rem);\n padding-top: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-top, 0.42857rem);\n\n > [class*='Toolbar-module__item___'] {\n display: block;\n margin: 0;\n padding: 0;\n width: 100%;\n }\n\n .toolbar-flex-container {\n display: flex;\n margin: 0;\n min-width: 100%;\n padding: 0;\n width: 100%;\n }\n\n .toolbar-flex-item-start,\n .toolbar-flex-item-fill,\n .toolbar-flex-item-end {\n margin: 0;\n padding: 0;\n }\n\n .toolbar-flex-item-start {\n flex: 0 0 auto;\n margin-right: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-margin-right, 0.57143rem);\n padding-top: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-padding-top, 0.5rem);\n vertical-align: top;\n }\n\n .toolbar-flex-item-fill {\n flex: 1 1 auto;\n min-width: 3rem;\n vertical-align: top;\n }\n\n .toolbar-flex-item-end {\n flex: 0 0 auto;\n margin-left: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-margin-left, 0);\n padding-top: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-padding-top, 0.10714rem);\n vertical-align: top;\n }\n }\n\n\n\n // Truncated Label Example\n .terra-filter-pills-doc-example-truncated-label-container {\n background-color: var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-background-color, #f4f4f4);\n border: var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-border, 2px dashed #d1d1d1);\n border-bottom: 0 none;\n border-top: 0 none;\n box-sizing: content-box;\n max-width: 20rem;\n min-height: var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-min-height, 2.28571rem);\n padding: var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-padding, 0.71428rem 0.21428rem 0.71428rem 0.21428rem);\n width: 100%;\n }\n\n // Search Terms Example (has Visible Label)\n .terra-filter-pills-doc-example-search-terms {\n background-color: var(--terra-framework-docs-filter-pills-doc-example-search-terms-background-color, #ecf3ff);\n box-sizing: border-box;\n min-height: var(--terra-framework-docs-filter-pills-doc-example-search-terms-min-height, 7.5rem);\n padding: var(--terra-framework-docs-filter-pills-doc-example-search-terms-padding, 0.71428rem 0.85714rem);\n\n .search-terms-label {\n color: var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-color, #1a2f4b);\n display: block;\n font-size: var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-size, 1.07142rem);\n font-weight: var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-weight, 500);\n padding-bottom: var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-bottom, 0.21428rem);\n padding-left: var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-left, 0.14285rem);\n }\n }\n} \n\n")))}h.isMDXComponent=!0;var y=function(e){var l=e.title,t=e.description,a=e.isExpanded;return r.createElement(x.A,{title:l||"Applied Filters Example",description:t,example:r.createElement(m.A,null),exampleCssSrc:r.createElement(h,null),exampleSrc:r.createElement(u,null),isExpanded:a})},g=t(58568),v=["components"],C={};function w(e){var l=e.components,t=(0,n.A)(e,v);return(0,i.mdx)("wrapper",(0,a.A)({},C,t,{components:l,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNamesBind from 'classnames/bind';\nimport { Button as DocsButton } from '@cerner/terra-docs';\nimport FilterPills, { Pill } from '@cerner/terra-pills';\nimport ThemeContext from 'terra-theme-context';\nimport styles from './FilterPillsCommon.module.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst BasicLabelExample = () => {\n const theme = React.useContext(ThemeContext);\n\n const pillsData = [\n {\n label: 'Asthma',\n id: 'terra-filter-pills-asthma',\n },\n {\n label: 'Bronchitis',\n id: 'terra-filter-pills-bronchitis',\n },\n {\n label: 'Fibro',\n id: 'terra-filter-pills-fibro',\n },\n ];\n const [pills, setPills] = useState(pillsData);\n\n const handleOnRemove = (id, metaData) => {\n const pillsArray = pills;\n pillsArray.splice(metaData.index, 1);\n setPills([...pillsArray]);\n };\n\n const handleResetClick = () => {\n setPills(pillsData);\n };\n\n return (\n <>\n \n {pills.map((pill, index) => (\n \n ))}\n \n \n Reset Example\n \n \n );\n};\n\nBasicLabelExample.contextType = ThemeContext;\n\nexport default BasicLabelExample;\n\n")))}w.isMDXComponent=!0;var N=function(e){var l=e.title,t=e.description,a=e.isExpanded;return r.createElement(x.A,{title:l||"Basic Label Example",description:t,example:r.createElement(g.A,null),exampleCssSrc:r.createElement(h,null),exampleSrc:r.createElement(w,null),isExpanded:a})},T=t(66756),P=["components"],_={};function k(e){var l=e.components,t=(0,n.A)(e,P);return(0,i.mdx)("wrapper",(0,a.A)({},_,t,{components:l,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNamesBind from 'classnames/bind';\nimport { Button as DocsButton } from '@cerner/terra-docs';\nimport FilterPills, { Pill } from '@cerner/terra-pills';\nimport ThemeContext from 'terra-theme-context';\nimport styles from './FilterPillsCommon.module.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst CategoryLabelExample = () => {\n const theme = React.useContext(ThemeContext);\n\n const pillsData = [\n {\n label: 'Asthma',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-asthma',\n },\n {\n label: 'Bronchitis',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-bronchitis',\n },\n {\n label: 'Fibro',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-fibro',\n },\n ];\n const [pills, setPills] = useState(pillsData);\n\n const handleResetClick = () => {\n setPills(pillsData);\n };\n\n const handleOnRemove = (id, metaData) => {\n const pillsArray = pills;\n pillsArray.splice(metaData.index, 1);\n setPills([...pillsArray]);\n };\n\n return (\n <>\n \n {pills.map((pill, index) => (\n \n ))}\n \n \n Reset Example\n \n \n );\n};\n\nCategoryLabelExample.contextType = ThemeContext;\n\nexport default CategoryLabelExample;\n\n")))}k.isMDXComponent=!0;var D=function(e){var l=e.title,t=e.description,a=e.isExpanded;return r.createElement(x.A,{title:l||"Category Label Example",description:t,example:r.createElement(T.A,null),exampleCssSrc:r.createElement(h,null),exampleSrc:r.createElement(k,null),isExpanded:a})},R=t(78612),E=["components"],A={};function F(e){var l=e.components,t=(0,n.A)(e,E);return(0,i.mdx)("wrapper",(0,a.A)({},A,t,{components:l,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNamesBind from 'classnames/bind';\nimport { Button as DocsButton } from '@cerner/terra-docs';\nimport FilterPills, { Pill } from '@cerner/terra-pills';\nimport ThemeContext from 'terra-theme-context';\nimport styles from './FilterPillsCommon.module.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst FilterPillsWithLongLabel = () => {\n const theme = React.useContext(ThemeContext);\n\n const pillsData = [\n {\n label: 'Chronic Obstructive Pulmonary Disease (COPD)',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-copd',\n },\n ];\n const [pills, setPills] = useState(pillsData);\n\n const handleOnRemove = (id, metaData) => {\n const pillsArray = pills;\n pillsArray.splice(metaData.index, 1);\n setPills([...pillsArray]);\n };\n\n const handleResetClick = () => {\n setPills(pillsData);\n };\n\n return (\n <>\n
    \n \n {pills.map((pill, index) => (\n \n ))}\n \n
    \n \n Reset Example\n \n \n );\n};\n\nFilterPillsWithLongLabel.contextType = ThemeContext;\n\nexport default FilterPillsWithLongLabel;\n\n")))}F.isMDXComponent=!0;var L=function(e){var l=e.title,t=e.description,a=e.isExpanded;return r.createElement(x.A,{title:l||"Truncated Label Example",description:t,example:r.createElement(R.A,null),exampleCssSrc:r.createElement(h,null),exampleSrc:r.createElement(F,null),isExpanded:a})},O=t(86644),B=["components"],j={};function S(e){var l=e.components,t=(0,n.A)(e,B);return(0,i.mdx)("wrapper",(0,a.A)({},j,t,{components:l,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNamesBind from 'classnames/bind';\nimport { Button as DocsButton } from '@cerner/terra-docs';\nimport FilterPills, { Pill } from '@cerner/terra-pills';\nimport Text from 'terra-text';\nimport ThemeContext from 'terra-theme-context';\nimport styles from './FilterPillsCommon.module.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst VisibleLabelExample = () => {\n const theme = React.useContext(ThemeContext);\n\n const pillsData = [\n {\n label: 'Asthma',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-asthma',\n },\n {\n label: 'Bronchitis',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-bronchitis',\n },\n {\n label: 'Fibro',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-fibro',\n },\n ];\n const [pills, setPills] = useState(pillsData);\n\n const handleOnRemove = (id, metaData) => {\n const pillsArray = pills;\n pillsArray.splice(metaData.index, 1);\n setPills([...pillsArray]);\n };\n\n const handleResetClick = () => {\n setPills(pillsData);\n };\n\n const patientEducationSearchTermsLabel = 'Patient Education Search Terms:';\n const patientEducationSearchTermsLabelId = 'terra-filter-pills-example-patient-education-search-terms-label';\n\n return (\n <>\n
    \n \n {patientEducationSearchTermsLabel}\n \n \n {pills.map((pill, index) => (\n \n ))}\n \n
    \n \n Reset Example\n \n \n );\n};\n\nVisibleLabelExample.contextType = ThemeContext;\n\nexport default VisibleLabelExample;\n\n")))}S.isMDXComponent=!0;var W=function(e){var l=e.title,t=e.description,a=e.isExpanded;return r.createElement(x.A,{title:l||"Visible Label Example",description:t,example:r.createElement(O.A,null),exampleCssSrc:r.createElement(h,null),exampleSrc:r.createElement(S,null),isExpanded:a})},M=t(12883),I=["components"],q={},Z="wrapper";function X(e){var l=e.components,t=(0,n.A)(e,I);return(0,i.mdx)(Z,(0,a.A)({},q,t,{components:l,mdxType:"MDXLayout"}),(0,i.mdx)(M.Ay,{mdxType:"PropsTable"},(0,i.mdx)(M.fI,{key:"ROW1",mdxType:"Row"},(0,i.mdx)(M.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,i.mdx)(M.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(M.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The string that labels the collection of pills, used in cases where the text label is not visible on\nthe screen and required for minimum accessibility standards. Providing this prop adds the ",(0,i.mdx)("inlineCode",{parentName:"p"},"aria-label"),"\nattribute to the Pill List container element. (Required)"))),(0,i.mdx)(M.fI,{key:"ROW2",mdxType:"Row"},(0,i.mdx)(M.dt,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,i.mdx)(M.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"If a visible text label is used with the collection of pills, provide a string of the ID for the html\nelement containing the visible text label. Supplying the 'ariaLabelledBy' prop will override the 'ariaLabel'\nprop and adds the ",(0,i.mdx)("inlineCode",{parentName:"p"},"aria-labelledby")," attribute instead to the Pill List container element."),(0,i.mdx)("p",null,(0,i.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"})," For best practices, ensure the visible text\nin the html element ",(0,i.mdx)("inlineCode",{parentName:"p"},"id")," provided to the Pill List ",(0,i.mdx)("inlineCode",{parentName:"p"},"ariaLabelledby")," prop matches the text provided to the\n",(0,i.mdx)("inlineCode",{parentName:"p"},"ariaLabel")," prop, for consistency in the case of fallback or errors."))),(0,i.mdx)(M.fI,{key:"ROW3",mdxType:"Row"},(0,i.mdx)(M.dt,{mdxType:"PropNameCell"},"ariaDescribedBy"),(0,i.mdx)(M.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"If additional visible information text is used, provide a string containing the IDs for html elements that\nhelp describe the intent of the group of pills."))),(0,i.mdx)(M.fI,{key:"ROW4",mdxType:"Row"},(0,i.mdx)(M.dt,{mdxType:"PropNameCell"},"isCollapsible"),(0,i.mdx)(M.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,i.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,i.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Indicates if the Pills container is rolled up or not."))),(0,i.mdx)(M.fI,{key:"ROW5",mdxType:"Row"},(0,i.mdx)(M.dt,{mdxType:"PropNameCell"},"onRemove"),(0,i.mdx)(M.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,i.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Callback function to remove a pill, returns 'id' and 'metadata'.")))))}X.isMDXComponent=!0;var V=["components"],H={},U="wrapper";function $(e){var l=e.components,t=(0,n.A)(e,V);return(0,i.mdx)(U,(0,a.A)({},H,t,{components:l,mdxType:"MDXLayout"}),(0,i.mdx)(M.Ay,{mdxType:"PropsTable"},(0,i.mdx)(M.fI,{key:"ROW1",mdxType:"Row"},(0,i.mdx)(M.dt,{mdxType:"PropNameCell"},"id"),(0,i.mdx)(M.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(M.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The html 'id' attribute for the pill, needed for proper keyboard interactions. (Required & must be unique)."))),(0,i.mdx)(M.fI,{key:"ROW2",mdxType:"Row"},(0,i.mdx)(M.dt,{mdxType:"PropNameCell"},"label"),(0,i.mdx)(M.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(M.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The label text for the pill. (Required)."))),(0,i.mdx)(M.fI,{key:"ROW3",mdxType:"Row"},(0,i.mdx)(M.dt,{mdxType:"PropNameCell"},"labelCategory"),(0,i.mdx)(M.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Secondary label text for the pill that displays a filter category."))),(0,i.mdx)(M.fI,{key:"ROW4",mdxType:"Row"},(0,i.mdx)(M.dt,{mdxType:"PropNameCell"},"metaData"),(0,i.mdx)(M.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,i.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The associated metaData to be returned in the onRemove callback."))),(0,i.mdx)(M.fI,{key:"ROW5",mdxType:"Row"},(0,i.mdx)(M.dt,{mdxType:"PropNameCell"},"onRemove"),(0,i.mdx)(M.$d,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,i.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"A callback function to execute when the pill is removed. Returns id, metadata.")))))}$.isMDXComponent=!0;var Y=["components"],z={},G="wrapper";function K(e){var l=e.components,t=(0,n.A)(e,Y);return(0,i.mdx)(G,(0,a.A)({},z,t,{components:l,mdxType:"MDXLayout"}),(0,i.mdx)(o.E,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-filter-pills"},"Terra Filter Pills"),(0,i.mdx)("p",null,"Pills are generally used to assign a label or keyword to user interface (UI) objects, defining a non-hierarchical group. They are used to visually label UI objects for quick recognition. These labels can be generated either by the system or users entering data."),(0,i.mdx)("p",null,"When using a filter workflow, which removes items from a view that do not satisfy specific criteria, Filter Pills can provide indication as to which facet categories and attributes the user can narrow the content by, helping to further divide content in order to assist users in refining large results."),(0,i.mdx)("h2",{id:"what-the-component-is"},"What the component is"),(0,i.mdx)("p",null,"Filter Pills are comprised of the following:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Label ",(0,i.mdx)("em",{parentName:"li"},"(clickable if truncated to disclose the full label)")),(0,i.mdx)("li",{parentName:"ul"},"An optional category to help describe the label"),(0,i.mdx)("li",{parentName:"ul"},"An interactive button to remove the filter")),(0,i.mdx)("h2",{id:"what-the-component-is-not"},"What the component is not"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Although similar, pills and tags have their own use cases and best practices for when they should be used within the UI. See ",(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/components/terra-tag/tag/tag"},"tags")," for more information."),(0,i.mdx)("li",{parentName:"ul"},"Although the filtering workflow may narrow down content to drive the user's workflow, it should not be used in the place of primary or secondary navigation.")),(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-pills"))))),(0,i.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,i.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,i.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"react"),(0,i.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,i.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,i.mdx)("td",{parentName:"tr",align:null},">=2.8.0 <6.0.0")))),(0,i.mdx)("h2",{id:"usage"},"Usage"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import FilterPills, { Pill } from '@cerner/terra-pills';\n")),(0,i.mdx)("h2",{id:"component-features"},"Component Features"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,i.mdx)(d.A,{newline:3,mdxType:"Whitespace"}),(0,i.mdx)("h2",{id:"introduction"},"Introduction:"),(0,i.mdx)("p",null,"Filter Pills can be added to a variety of situations and compositions when it is necessary to display the selected facets being applied to a filtered layout. They can be constructed into in various higher-order component patterns like an ",(0,i.mdx)("strong",{parentName:"p"},"Applied Filters")," toolbar, and similar locations that the applied category labels are removable by the user. They also have the ability to flex layouts between an expanded state showing all filter pills, and a collapsed state showing just a single line and roll-up toggle to show and hide the additional filter pills."),(0,i.mdx)(y,{title:"Introduction to Filter Pills: Applied Filters Toolbar",mdxType:"AppliedFiltersExample"}),(0,i.mdx)(d.A,{newline:3,mdxType:"Whitespace"}),(0,i.mdx)("h2",{id:"how-to-construct"},"How To Construct:"),(0,i.mdx)("h3",{id:"filter-pill-with-a-basic-label"},"Filter Pill with a basic Label"),(0,i.mdx)("p",null,"Filter Pills in their standard form display a single keyword or short phrase as their label. They are also removable, which makes them interactive with the clickable remove (\"X\") button, as well as by interactive by keyboard, able to be removed by pressing the 'delete' or 'backspace' key when they are in focus."),(0,i.mdx)(N,{title:"Basic Label",mdxType:"BasicLabelExample"}),(0,i.mdx)(d.A,{mdxType:"Whitespace"}),(0,i.mdx)("h3",{id:"adding-an-optional-category-to-the-label"},"Adding an optional Category to the Label"),(0,i.mdx)("p",null,"Additional category terms can be added to the single keyword or short phrase label to provide additional clarity in situations where the same keyword label may appear twice (but apply to different groupings), or is needed to help indicate to a user the category groupings the labels belong to."),(0,i.mdx)(D,{title:"Adding a Label Category",mdxType:"CategoryLabelExample"}),(0,i.mdx)(d.A,{mdxType:"Whitespace"}),(0,i.mdx)("h3",{id:"long-labels--truncation-a-popup-is-added"},"Long Labels & Truncation: A Popup is Added"),(0,i.mdx)("p",null,"In cases where the width of the space is constrained and the text label for the Filter Pill is unable to fully display, a popup will automatically be added, the label will become an interactive target. Clicking the label will disclose the full Filter Pill text label (and category if applied) as the contents. No additional content can be added to the popup."),(0,i.mdx)(L,{title:"Selectable Label when Truncated",mdxType:"TruncatedLabelExample"}),(0,i.mdx)(d.A,{newline:3,mdxType:"Whitespace"}),(0,i.mdx)("h2",{id:"usage-considerations"},"Usage Considerations:"),(0,i.mdx)("h3",{id:"adding-a-visible-label"},"Adding a Visible Label"),(0,i.mdx)("p",null,"Filter Pills are commonly used in a group or list, which must include a label to indicate the intent or purpose of the contents of the list. Accordingly, the filter pills component requires the ",(0,i.mdx)("inlineCode",{parentName:"p"},"ariaLabel")," prop for accessibility minimum standards, to give a screen reader user the proper context of the list, but it is not visible to users."),(0,i.mdx)(s.Notice,{variant:"ux-recommendation",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,"As a best practice, the Filter Pills component should be accompanied by a visible label, which may need to be styled and positioned according to a specific usage and should be done so by each consumer. Use the ",(0,i.mdx)("inlineCode",{parentName:"p"},"ariaLabelledBy")," prop in Filter Pills, and provide it the 'id' of the visible label or heading, which will allow for the visible text to be accessibly connected to the pills. Read more details about the construction method in the ",(0,i.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/pills/accessibility-guide"},"Accessibility Guide")," and the example below.")),(0,i.mdx)("p",null,"Note: ",(0,i.mdx)("em",{parentName:"p"},"The visible label referenced by the ",(0,i.mdx)("inlineCode",{parentName:"em"},"ariaLabelledBy")," prop and the ",(0,i.mdx)("inlineCode",{parentName:"em"},"ariaLabel")," prop should be set to the same string values for fallback protection, even though when done properly ",(0,i.mdx)("inlineCode",{parentName:"em"},"ariaLabelledBy")," should override ",(0,i.mdx)("inlineCode",{parentName:"em"},"ariaLabel")," and the 'aria-labelledby' property will replace the 'aria-label' property in the compiled markup.")),(0,i.mdx)(W,{title:"Adding a Styled Label or Heading",mdxType:"VisibleLabelExample"}),(0,i.mdx)(d.A,{mdxType:"Whitespace"}),(0,i.mdx)("h3",{id:"incorrect-use"},"Incorrect Use"),(0,i.mdx)("p",null,"Terra Filter Pills contains a specific reusable subcomponent ",(0,i.mdx)("inlineCode",{parentName:"p"},""),". However, the inner 'Pill' subcomponent is not intended to be used alone, or independently without being used properly as children of the ",(0,i.mdx)("inlineCode",{parentName:"p"},"")," parent container. If used as standalone, the ",(0,i.mdx)("inlineCode",{parentName:"p"},"")," offers ",(0,i.mdx)("a",{parentName:"p",href:"/terra-framework/components/cerner-terra-framework-docs/pills/accessibility-guide"},"no support for accessibility")," or correct behaviors."),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"")," subcomponent was created and tested with the express intent of always being used as children of the ",(0,i.mdx)("inlineCode",{parentName:"p"},"")," component."),(0,i.mdx)(s.Notice,{variant:"not-supported",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,"The example below shows an implementation with the intention of removing the parent ",(0,i.mdx)("inlineCode",{parentName:"p"},"")," component, such that only a single (or series) of the ",(0,i.mdx)("inlineCode",{parentName:"p"},"")," subcomponent remains:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},'
    \n- \n \n- \n
    \n')),(0,i.mdx)("p",null,"Consumers should be aware to not intentionally create the above situation. ")),(0,i.mdx)(d.A,{newline:5,mdxType:"Whitespace"}),(0,i.mdx)("h2",{id:"props-for-filter-pills"},"Props for Filter Pills"),(0,i.mdx)(X,{mdxType:"FilterPillsPropsTable"}),(0,i.mdx)("h2",{id:"props-for-pill-subcomponent"},"Props for Pill subcomponent"),(0,i.mdx)($,{mdxType:"PillsPropsTable"}),(0,i.mdx)("h2",{id:"testing"},"Testing"),(0,i.mdx)("p",null,"Pills 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")))}K.isMDXComponent=!0},70514:function(e,l,t){t.d(l,{E:function(){return r}});var a=t(96540),n=t(55713),r=function(e){var l=e.url;return a.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-pills",name:"@cerner/terra-pills",version:"1.26.0",url:l})}},47849:function(e,l,t){var a=t(24994);l.A=void 0;var n=a(t(94634)),r=a(t(91847)),i=a(t(96540)),o=a(t(5556)),s=a(t(46942)),d=a(t(67967)),m=a(t(29146)),p=["newline"],c=d.default.bind(m.default),u={newline:o.default.oneOf([1,2,3,4,5,6,7,8])},x=function(e){var l=e.newline,t=(0,r.default)(e,p),a=(0,s.default)(c("whitespace","newline-".concat(l)),t.className);return i.default.createElement("div",(0,n.default)({},t,{className:a,"aria-hidden":"true"}))};x.propTypes=u,x.defaultProps={newline:1};l.A=x},50548:function(e,l,t){var a=t(24994),n=t(73738);l.A=void 0;var r=a(t(41132)),i=a(t(85715)),o=h(t(96540)),s=a(t(67967)),d=t(74647),m=a(t(23986)),p=h(t(90180)),c=a(t(39716)),u=a(t(23695)),x=a(t(6740)),f=a(t(25110));function b(e){if("function"!=typeof WeakMap)return null;var l=new WeakMap,t=new WeakMap;return(b=function(e){return e?t:l})(e)}function h(e,l){if(!l&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var t=b(l);if(t&&t.has(e))return t.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}return a.default=e,t&&t.set(e,a),a}var y=s.default.bind(f.default),g=function(){for(var e=o.default.useContext(u.default),l=[],t=1;t<11;t+=1){var a={label:"Selection ".concat(t),labelCategory:"Category",id:"terra-filter-pills-category-selection-".concat(t)};l.push(a)}var n=(0,o.useState)(l),s=(0,i.default)(n,2),f=s[0],b=s[1],h="Applied Filters:";return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:y(["terra-filter-pills-doc-example-applied-filters",e.className])},o.default.createElement(x.default,{className:y("terra-filter-pills-doc-example-applied-filters-toolbar")},o.default.createElement("div",{className:y("toolbar-flex-container")},o.default.createElement("div",{className:y("toolbar-flex-item-start")},o.default.createElement(c.default,{className:y("applied-filters-label")},h)),o.default.createElement("div",{className:y("toolbar-flex-item-fill")},o.default.createElement(p.default,{ariaLabel:h,isCollapsible:!0,onRemove:function(e,l){var t=f;t.splice(l.index,1),b((0,r.default)(t))}},f.map((function(e,l){return o.default.createElement(p.Pill,{label:e.label,labelCategory:e.labelCategory,id:e.id,key:e.id,metaData:{index:l}})})))),o.default.createElement("div",{className:y("toolbar-flex-item-end")},o.default.createElement(m.default,{text:"Clear All Filters","aria-label":"Clear All Applied Filters",variant:"de-emphasis",onClick:function(){return b([])}})))),o.default.createElement("div",{className:y("applied-filters-content-panel")},o.default.createElement(d.Placeholder,{title:"Filtered Content Goes Here"}))),o.default.createElement(d.Button,{className:y(["terra-docs-example-reset-button",e.className]),onClick:function(){b(l)}},"Reset Example"))};g.contextType=u.default;l.A=g},58568:function(e,l,t){var a=t(24994),n=t(73738);l.A=void 0;var r=a(t(41132)),i=a(t(85715)),o=x(t(96540)),s=a(t(67967)),d=t(74647),m=x(t(90180)),p=a(t(23695)),c=a(t(25110));function u(e){if("function"!=typeof WeakMap)return null;var l=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:l})(e)}function x(e,l){if(!l&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var t=u(l);if(t&&t.has(e))return t.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}return a.default=e,t&&t.set(e,a),a}var f=s.default.bind(c.default),b=function(){var e=o.default.useContext(p.default),l=[{label:"Asthma",id:"terra-filter-pills-asthma"},{label:"Bronchitis",id:"terra-filter-pills-bronchitis"},{label:"Fibro",id:"terra-filter-pills-fibro"}],t=(0,o.useState)(l),a=(0,i.default)(t,2),n=a[0],s=a[1];return o.default.createElement(o.default.Fragment,null,o.default.createElement(m.default,{ariaLabel:"Demonstration example of Filter Pills with basic labels",onRemove:function(e,l){var t=n;t.splice(l.index,1),s((0,r.default)(t))}},n.map((function(e,l){return o.default.createElement(m.Pill,{label:e.label,labelCategory:e.labelCategory,id:e.id,key:e.id,metaData:{index:l}})}))),o.default.createElement(d.Button,{className:f(["terra-docs-example-reset-button",e.className]),onClick:function(){s(l)}},"Reset Example"))};b.contextType=p.default;l.A=b},66756:function(e,l,t){var a=t(24994),n=t(73738);l.A=void 0;var r=a(t(41132)),i=a(t(85715)),o=x(t(96540)),s=a(t(67967)),d=t(74647),m=x(t(90180)),p=a(t(23695)),c=a(t(25110));function u(e){if("function"!=typeof WeakMap)return null;var l=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:l})(e)}function x(e,l){if(!l&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var t=u(l);if(t&&t.has(e))return t.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}return a.default=e,t&&t.set(e,a),a}var f=s.default.bind(c.default),b=function(){var e=o.default.useContext(p.default),l=[{label:"Asthma",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-asthma"},{label:"Bronchitis",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-bronchitis"},{label:"Fibro",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-fibro"}],t=(0,o.useState)(l),a=(0,i.default)(t,2),n=a[0],s=a[1];return o.default.createElement(o.default.Fragment,null,o.default.createElement(m.default,{ariaLabel:"Demonstration example of Filter Pills with category labels",onRemove:function(e,l){var t=n;t.splice(l.index,1),s((0,r.default)(t))}},n.map((function(e,l){return o.default.createElement(m.Pill,{label:e.label,labelCategory:e.labelCategory,id:e.id,key:e.id,metaData:{index:l}})}))),o.default.createElement(d.Button,{className:f(["terra-docs-example-reset-button",e.className]),onClick:function(){s(l)}},"Reset Example"))};b.contextType=p.default;l.A=b},78612:function(e,l,t){var a=t(24994),n=t(73738);l.A=void 0;var r=a(t(41132)),i=a(t(85715)),o=x(t(96540)),s=a(t(67967)),d=t(74647),m=x(t(90180)),p=a(t(23695)),c=a(t(25110));function u(e){if("function"!=typeof WeakMap)return null;var l=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:l})(e)}function x(e,l){if(!l&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var t=u(l);if(t&&t.has(e))return t.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}return a.default=e,t&&t.set(e,a),a}var f=s.default.bind(c.default),b=function(){var e=o.default.useContext(p.default),l=[{label:"Chronic Obstructive Pulmonary Disease (COPD)",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-copd"}],t=(0,o.useState)(l),a=(0,i.default)(t,2),n=a[0],s=a[1];return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:f(["terra-filter-pills-doc-example-truncated-label-container",e.className])},o.default.createElement(m.default,{ariaLabel:"Demonstration example of a Filter Pill with a long label",onRemove:function(e,l){var t=n;t.splice(l.index,1),s((0,r.default)(t))}},n.map((function(e,l){return o.default.createElement(m.Pill,{label:e.label,labelCategory:e.labelCategory,id:e.id,key:e.id,metaData:{index:l}})})))),o.default.createElement(d.Button,{className:f(["terra-docs-example-reset-button",e.className]),onClick:function(){s(l)}},"Reset Example"))};b.contextType=p.default;l.A=b},86644:function(e,l,t){var a=t(24994),n=t(73738);l.A=void 0;var r=a(t(41132)),i=a(t(85715)),o=f(t(96540)),s=a(t(67967)),d=t(74647),m=f(t(90180)),p=a(t(39716)),c=a(t(23695)),u=a(t(25110));function x(e){if("function"!=typeof WeakMap)return null;var l=new WeakMap,t=new WeakMap;return(x=function(e){return e?t:l})(e)}function f(e,l){if(!l&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var t=x(l);if(t&&t.has(e))return t.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}return a.default=e,t&&t.set(e,a),a}var b=s.default.bind(u.default),h=function(){var e=o.default.useContext(c.default),l=[{label:"Asthma",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-asthma"},{label:"Bronchitis",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-bronchitis"},{label:"Fibro",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-fibro"}],t=(0,o.useState)(l),a=(0,i.default)(t,2),n=a[0],s=a[1],u="Patient Education Search Terms:",x="terra-filter-pills-example-patient-education-search-terms-label";return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:b(["terra-filter-pills-doc-example-search-terms",e.className])},o.default.createElement(p.default,{id:x,className:b("search-terms-label")},u),o.default.createElement(m.default,{ariaLabelledBy:x,ariaLabel:u,onRemove:function(e,l){var t=n;t.splice(l.index,1),s((0,r.default)(t))}},n.map((function(e,l){return o.default.createElement(m.Pill,{label:e.label,labelCategory:e.labelCategory,id:e.id,key:e.id,metaData:{index:l}})})))),o.default.createElement(d.Button,{className:b(["terra-docs-example-reset-button",e.className]),onClick:function(){s(l)}},"Reset Example"))};h.contextType=c.default;l.A=h},29146:function(e,l,t){t.r(l),l.default={whitespace:"Whitespace-module__whitespace___ZHva5","newline-1":"Whitespace-module__newline-1___aPEyq","newline-2":"Whitespace-module__newline-2___G+-sh","newline-3":"Whitespace-module__newline-3___4OJK-","newline-4":"Whitespace-module__newline-4___3Z0jB","newline-5":"Whitespace-module__newline-5___lBkK-","newline-6":"Whitespace-module__newline-6___FT7fE","newline-7":"Whitespace-module__newline-7___OMery","newline-8":"Whitespace-module__newline-8___vvoWz"}},25110:function(e,l,t){t.r(l),l.default={"clinical-lowlight-theme":"FilterPillsCommon-module__clinical-lowlight-theme___kufCR","orion-fusion-theme":"FilterPillsCommon-module__orion-fusion-theme___DX+Eh","terra-docs-example-reset-button":"FilterPillsCommon-module__terra-docs-example-reset-button___4QxNs","terra-filter-pills-doc-example-applied-filters":"FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters___FHD3-","applied-filters-content-panel":"FilterPillsCommon-module__applied-filters-content-panel___UliYh","applied-filters-label":"FilterPillsCommon-module__applied-filters-label___qK0hr","terra-filter-pills-doc-example-applied-filters-toolbar":"FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___XhHa0","toolbar-flex-container":"FilterPillsCommon-module__toolbar-flex-container___5Vbzr","toolbar-flex-item-start":"FilterPillsCommon-module__toolbar-flex-item-start___-CPMv","toolbar-flex-item-fill":"FilterPillsCommon-module__toolbar-flex-item-fill___vGICq","toolbar-flex-item-end":"FilterPillsCommon-module__toolbar-flex-item-end___kRZI6","terra-filter-pills-doc-example-truncated-label-container":"FilterPillsCommon-module__terra-filter-pills-doc-example-truncated-label-container___sgh3Q","terra-filter-pills-doc-example-search-terms":"FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___my1Na","search-terms-label":"FilterPillsCommon-module__search-terms-label___ABfLO"}}}]); \ No newline at end of file diff --git a/79966-9ac3a59a0a8454d0558b.css b/79966-9ac3a59a0a8454d0558b.css new file mode 100644 index 00000000000..dfc7f206886 --- /dev/null +++ b/79966-9ac3a59a0a8454d0558b.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-9ac3a59a0a8454d0558b.js b/79966-9ac3a59a0a8454d0558b.js new file mode 100644 index 00000000000..92ed697b978 --- /dev/null +++ b/79966-9ac3a59a0a8454d0558b.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.29.0",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-44522a05f84ff2e985ac.css b/82266-44522a05f84ff2e985ac.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/82266-44522a05f84ff2e985ac.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-44522a05f84ff2e985ac.js b/82266-44522a05f84ff2e985ac.js new file mode 100644 index 00000000000..680ed67d490 --- /dev/null +++ b/82266-44522a05f84ff2e985ac.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)),l=n(r(25642)),i=u.default.bind(l.default),s={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},d=function(e){var a=e.src,r=e.name,n=e.url,o=e.version,u=t.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},t.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(o))),l=a?t.default.createElement("a",{className:i("badge"),href:a},t.default.createElement("span",{className:i("badge-name")},"github"),t.default.createElement("span",{className:i("badge-version")},"source")):void 0;return t.default.createElement("div",{className:i("badge-container")},u,l)};d.propTypes=s;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),l=["components"],i={},s="wrapper";function d(e){var a=e.components,r=(0,t.A)(e,l);return(0,o.mdx)(s,(0,n.A)({},i,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.101.0",url:a})}},25642:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},58168:function(e,a,r){function n(){return n=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[r]=e[r]);return t}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}r.d(a,{A:function(){return n}})}}]); \ No newline at end of file diff --git a/84565-915449441bb37bc08d43.css b/84565-915449441bb37bc08d43.css new file mode 100644 index 00000000000..95a397f31af --- /dev/null +++ b/84565-915449441bb37bc08d43.css @@ -0,0 +1 @@ +.DatePickerExampleCommon-module__date-wrapper___8UjLh{display:inline-block} diff --git a/84565-915449441bb37bc08d43.js b/84565-915449441bb37bc08d43.js new file mode 100644 index 00000000000..87f5e557a9c --- /dev/null +++ b/84565-915449441bb37bc08d43.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.108.0",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||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}l.d(a,{A:function(){return d}})}}]); \ No newline at end of file diff --git a/90788-df244a89de815b8a257b.css b/90788-df244a89de815b8a257b.css new file mode 100644 index 00000000000..8fd8e22e9e0 --- /dev/null +++ b/90788-df244a89de815b8a257b.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-df244a89de815b8a257b.js b/90788-df244a89de815b8a257b.js new file mode 100644 index 00000000000..a3321fd57d2 --- /dev/null +++ b/90788-df244a89de815b8a257b.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.93.0",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-d4b96897c8e7b7df6591.css b/92144-d4b96897c8e7b7df6591.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/92144-d4b96897c8e7b7df6591.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-d4b96897c8e7b7df6591.js b/92144-d4b96897c8e7b7df6591.js new file mode 100644 index 00000000000..803ba7735f1 --- /dev/null +++ b/92144-d4b96897c8e7b7df6591.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),d={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},c=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)};c.propTypes=d;t.A=c},86159: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(67967)),l=d(a(23695)),i=d(a(36605)),u=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[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",c({},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 d=o.default.bind(i.default),c={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:d("notice",a,o.className)},n.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:d("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:d("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:d("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=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)),r=c(a(5556)),o=c(a(46942)),l=c(a(67967)),i=c(a(23695)),u=c(a(16576)),d=["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||(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,d),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"],d={},c="wrapper";function s(e){var t=e.components,a=(0,r.A)(e,u);return(0,o.mdx)(c,(0,n.A)({},d,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.112.0",url:t})}},25642:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},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||(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}a.d(t,{A:function(){return n}})}}]); \ No newline at end of file diff --git a/9273-5be1ca0a9854eb5aee87.css b/9273-5be1ca0a9854eb5aee87.css new file mode 100644 index 00000000000..8d3481af46d --- /dev/null +++ b/9273-5be1ca0a9854eb5aee87.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-5be1ca0a9854eb5aee87.js b/9273-5be1ca0a9854eb5aee87.js new file mode 100644 index 00000000000..00097cb3fe5 --- /dev/null +++ b/9273-5be1ca0a9854eb5aee87.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 j}});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