diff --git a/10035-baa21a020c984bc4368f.css b/10035-baa21a020c984bc4368f.css new file mode 100644 index 000000000..c38d9a39c --- /dev/null +++ b/10035-baa21a020c984bc4368f.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} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +.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)} +.Fieldset-module__clinical-lowlight-theme___XMxG7{--terra-form-fieldset-required-legend-before-color: #fb4c4c;--terra-form-fieldset-legend-color: #b2b5b6;--terra-form-fieldset-legend-font-weight: bold;--terra-form-fieldset-help-text-color: #6f7477;--terra-form-fieldset-help-text-font-size: 0.857rem;--terra-form-fieldset-help-text-font-weight: normal}.Fieldset-module__orion-fusion-theme___rT15M{--terra-form-fieldset-required-legend-before-color: #e50000;--terra-form-fieldset-legend-color: #1c1f21;--terra-form-fieldset-legend-font-weight: bold;--terra-form-fieldset-help-text-color: #64696c;--terra-form-fieldset-help-text-font-size: 0.85rem;--terra-form-fieldset-help-text-font-weight: normal}[dir] .Fieldset-module__fieldset___J-xl3{border:0;margin-bottom:1.428em;padding:0}.Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{color:#e50000;color:var(--terra-form-fieldset-required-legend-before-color, #e50000);content:"*";display:inline-block}[dir=ltr] .Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{padding-right:.357em}[dir=rtl] .Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{padding-left:.357em}.Fieldset-module__legend___aExR-{color:var(--terra-form-fieldset-legend-color);display:block;font-weight:bold;font-weight:var(--terra-form-fieldset-legend-font-weight, bold);max-width:100%;width:auto}[dir] .Fieldset-module__legend___aExR-{border:0;margin-bottom:.357em;padding:0}.Fieldset-module__legend-visually-hidden___70GQh{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Fieldset-module__legend-visually-hidden___70GQh{border:0;margin:-1px;padding:0}.Fieldset-module__help-text___IuP4F{color:rgba(0, 0, 0, 0.8);color:var(--terra-form-fieldset-help-text-color, rgba(0, 0, 0, 0.8));display:block;font-size:0.857rem;font-size:var(--terra-form-fieldset-help-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-form-fieldset-help-text-font-weight, normal);line-height:1;outline:0}[dir] .Fieldset-module__help-text___IuP4F{margin-bottom:.357em}[dir] .Fieldset-module__fieldset-children___YkIkm{margin-top:.714em} +.FieldsetExamples-module__fieldset-wrapper___peaDn{display:inline-block} diff --git a/10035-baa21a020c984bc4368f.js b/10035-baa21a020c984bc4368f.js new file mode 100644 index 000000000..40cd42634 --- /dev/null +++ b/10035-baa21a020c984bc4368f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10035,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{55303:function(e,t,a){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)}t.Z=void 0;var r=m(a(67294)),i=m(a(28301)),l=m(a(47717)),o=m(a(55142)),s=m(a(96388)),d=m(a(19845)),u=m(a(70695));function m(e){return e&&e.__esModule?e:{default:e}}function c(e,t){for(var a=0;a=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var d={},u="wrapper";function m(e){var t=e.components,a=s(e,l);return(0,n.mdx)(u,o({},d,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"accessibility-guide-for-terra-fieldset"},"Accessibility Guide for Terra Fieldset"),(0,n.mdx)("h2",{id:"why-the-accessibility-of-fieldset-is-important"},"Why the accessibility of Fieldset is important"),(0,n.mdx)("blockquote",null,(0,n.mdx)("p",{parentName:"blockquote"},"Fieldset are some of the most used controls across products. Because they are so ubiquitous, users need to understand their purpose and be able to interact with them. However, if Fieldset are not implemented following best practices, users may fail to understand what the field is for, or worse, may not be able to interact with the input. It is critical to users that all Fieldset must be accessible to effectively understand and interact with a field.")),(0,n.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,n.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Consider adding instructions at the beginning of the form or when content may be complex or out of the ordinary.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Use clear and concise wording that helps the user understand what is expected of them."))),(0,n.mdx)("li",{parentName:"ul"},"Ensure all Fieldset have a descriptive label that accurately describes its purpose.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Work with the engineer to ensure programmatic field names created using ARIA match the visible label of the field.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"For example, if the visible input label says, “Where do you live” and the programmatic name is “Address”, some users will not be able to activate the control to edit the field."))),(0,n.mdx)("li",{parentName:"ul"},"Ensure each field label is unique to the page.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"The best practice is to never use the same label for multiple fields that are asking for different data on the same page. For example, two fields named “Address” would be an accessibility barrier for several users. Instead, provide more specific labels like, “Home Address” and “Business Address”."),(0,n.mdx)("li",{parentName:"ul"},"Or groups of related fields can be placed inside of a fieldset which will create the necessary programmatic context. For example, the same page can have two fields named “Address” if each are in their own respective fieldset labeled “Home” and “Work”."))),(0,n.mdx)("li",{parentName:"ul"},"If there is any specific requirement for the user to make a field valid, that requirement must be presented visibly either in the field label or within helper text.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"If a Fieldset is required, it must be set as required, have the required red asterisk, and the form itself should have instructions that any item marked with the asterisk is required."),(0,n.mdx)("li",{parentName:"ul"},"If there is a specific format to the field, it must be indicated. For example, MM/DD/YYYY for a date, or XXX-XXX-XXXX for a phone number."),(0,n.mdx)("li",{parentName:"ul"},"If a field only accepts numbers, letters, or a certain number of characters, those requirements must also be available to all users in text associated to the field (in helper text or within the Fieldset label). "))),(0,n.mdx)("li",{parentName:"ul"},"When creating error messaging, ensure the message provides enough context the user can understand what the problem is and how to fix it. Use clear and concise messaging."),(0,n.mdx)("li",{parentName:"ul"},"If any icons are used to convey meaning in conjunction with a Fieldset, the icon must have an accessible name (alternate content). For example, a help icon next to a field.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"The icon must be intuitive for the functionality it represents."),(0,n.mdx)("li",{parentName:"ul"},"The icon must be named consistently across the product and accurately reflect the purpose of the icon."),(0,n.mdx)("li",{parentName:"ul"},"The icons must be used to consistently represent the same function (don’t use multiple icons for the same functionality)."),(0,n.mdx)("li",{parentName:"ul"},"The icon must have alternate content that reflects the Fieldset it is related to, or it must be programmatically associated to the field. Work with engineers when needed to add programmatic association of icons to the fields."))),(0,n.mdx)("li",{parentName:"ul"},"Any purely decorative icon (does not convey ANY meaning) must be marked as decorative."),(0,n.mdx)("li",{parentName:"ul"},"Consider how forms resize and reflow at different breakpoints and form factors.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Convey to engineers how content should resize and reflow."))),(0,n.mdx)("li",{parentName:"ul"},"Do not override default Fieldset colors."),(0,n.mdx)("li",{parentName:"ul"},"If colors are changed, all Fieldset content (visible label, required asterisk, helper text, instructions, helper text, and the field itself) must meet color contrast requirements against their respective backgrounds."),(0,n.mdx)("li",{parentName:"ul"},"Ensure the engineer understands the logical reading order of the form."),(0,n.mdx)("li",{parentName:"ul"},"After coded:",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure nothing unexpected happens on focus or on input of the Fieldset."),(0,n.mdx)("li",{parentName:"ul"},"Ensure all Fieldset can receive keyboard focus, have a visible keyboard focus indication when in focus, and can be interacted with and acted upon using only the keyboard."),(0,n.mdx)("li",{parentName:"ul"},"Ensure all Fieldset receive focus in the users logical reading order and the focus order does not affect the meaning of content.")))))),(0,n.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Ensure the code order of Fieldset match the users logical reading order.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure all Fieldset can receive keyboard focus."),(0,n.mdx)("li",{parentName:"ul"},"Do not override the default keyboard focus indicator unless to reverse out of a dark background for perceivability. Do not override the visible focus indicator."),(0,n.mdx)("li",{parentName:"ul"},"Never implement a TABINDEX value of anything greater than zero."),(0,n.mdx)("li",{parentName:"ul"},"Ensure nothing unexpected happens on focus or on input of a Fieldset."))),(0,n.mdx)("li",{parentName:"ul"},"Work with Content Creators to understand how content should resize and reflow at different breakpoints and form factors to ensure content is not artificially constrained or cut off at smaller view ports."),(0,n.mdx)("li",{parentName:"ul"},"Ensure all Fieldset are implemented correctly to programmatically associate all related content (visible label, helper text, error messaging) to the field",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure the visible Input Label matches any artificially applied programmatic label.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"For example, the visible Input label is “Where do you live” and an ARIA-LABEL is “Address” would be a failure. Both should match."))),(0,n.mdx)("li",{parentName:"ul"},"Any requirement of the field must be visible with the field. Work with the content creator to understand any requirements (e.g., “required” field, specific format of the field, number of characters of the field, etc.).",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Required fields must have the red asterisk as a required indicator for the user see next to the Fieldset label."))),(0,n.mdx)("li",{parentName:"ul"},"Do not change the placement of any of the related content to other areas around the field. For example, do not move the input label creating large gaps between the field and the label."))),(0,n.mdx)("li",{parentName:"ul"},"Ensure validation can provide the users necessary details to help them resolve any errors.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure error messaging should provide error suggestions when possible.")))),(0,n.mdx)("div",{"aria-label":"Example Demo"},(0,n.mdx)(i.Z,{mdxType:"FieldsetExampleAccess"})),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'
\n \n \n \n \n \n \n \n \n \n \n \n
\n

\n Patient Full Name Provided:\n \n {this.state.first}\n {\' \'}\n {this.state.middle}\n {\' \'}\n {this.state.last}\n \n

\n
\n
\n')),(0,n.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,n.mdx)("h3",{id:"usability-expectations-1"},"Usability Expectations"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"The user expects to understand the purpose of the field and enter details."),(0,n.mdx)("li",{parentName:"ul"},"The user expects to understand any requirements of the field. For example, is it required, does it have a special format, does it only accept certain number of characters, etc.")),(0,n.mdx)("h3",{id:"keyboard-expectations"},"Keyboard Expectations"),(0,n.mdx)("p",null,"In general, all Fieldset should receive initial keyboard focus by tabbing on to the field. Each Fieldset will its own set of keyboard behaviors. See the individual form elements for specific keyboard expectations of each."),(0,n.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,n.mdx)("h3",{id:"how-does-terra-fieldset-support-compliance"},"How does Terra Fieldset support compliance?"),(0,n.mdx)("p",null,"Terra is committed to ensuring its components provide maximum possible accessibility. Terra provides the ability to make accessibility products. However, using Terra components will not automatically make a product accessible."),(0,n.mdx)("p",null,"Final responsibility lies with the consumers of Terra components — ensuring proper usage, programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible."),(0,n.mdx)("h3",{id:"primary-accessibility-criteria-for-fieldset"},"Primary accessibility criteria for Fieldset"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},"1.3.1 Info and Relationships")," — Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset provides the necessary props to programmatically associate related content to the form element within the Fieldset."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure all related content to the Fieldset (required asterisk, helper text, error messaging, etc.) is appropriately associated to the field using the correct Terra props"),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with all the related content for each Fieldset."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/reflow.html"},"1.4.10 Reflow")," — Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset support reflow of content."),(0,n.mdx)("li",{parentName:"ul"},"Engineers should work with the content creators to understand how content should reflow at different view port sizes."),(0,n.mdx)("li",{parentName:"ul"},"Content creators should consider how content should reflow at different user view port sizes."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html"},"1.4.4 Resize text")," – Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset support resizing of text."),(0,n.mdx)("li",{parentName:"ul"},"Engineers should work with the content creators to understand how content should resize."),(0,n.mdx)("li",{parentName:"ul"},"Content creators should consider how content should resize at different user view ports."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html"},"2.1.1 Keyboard")," – Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset itself does not receive focus, but the form elements within them should."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure they do not interfere with the keyboard accessibility of any component."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html"},"2.4.6 Headings and Labels")," – Supports ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides consuming teams the ability to have meaningful headings and labels with Fieldset."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with headings and Fieldset labels that are descriptive of the purpose of the field or related fields."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-identified.html"},"3.3.1 Error Identification")," – Supports ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability to perform error validation."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must implement error validation and ensure error messaging is provided for invalid fields."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide error messaging that helps users identify when a field is invalid."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-cues.html"},"3.3.2 Labels or Instructions"),"– Partially Supports ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides consuming teams the ability to have labels and instructions with Fieldset."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with instructions when necessary and Fieldset labels that help the user understand what is required of them to complete the Fieldset."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-suggestions.html"},"3.3.3 Error Suggestion")," – Supports ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"WHAT DOES TERRA PROVIDE IN VALIDATION?"),(0,n.mdx)("li",{parentName:"ul"},"When possible, engineers must ensure form validation can provide the user suggestions on how to successfully complete an errant field."),(0,n.mdx)("li",{parentName:"ul"},"When possible, Content creators provide error messaging that helps the user understand how to successfully complete a field when error detection can automatically be detected.")))),(0,n.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-action-header"},"Related accessibility criteria that apply when adding content to action header"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html"},"1.4.1 Use of Color")," – Supports ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset does not use color as the only method to convey information."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must not use color as the only way to convey information to the user."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html"},"1.4.11 Non-Text Contrast")," – Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset itself passes all non-text contrast thresholds on the default white background."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must ensure all non-text that conveys information passes the necessary contrast ratios when the Fieldset appears on anything other than white background."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html"},"1.4.3 Contrast (Minimum)")," – Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Text within Terra Fieldset meets the proper contrast ratios when placed on the default white background."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must ensure all text passes the necessary contrast ratios when Fieldset text appears on anything other than white background."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-focus.html"},"3.2.1 On Focus")," – Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset does not cause unexpected changes on focus of a field."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must not implement any behavior that would cause a change of user’s context on focus of the field"),(0,n.mdx)("li",{parentName:"ul"},"Content creators must not ask engineers to implement any behaviors that would cause the user a change of context on focus of a field."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-input"},"3.2.2 On Input")," – Supports ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset does not cause unexpected changes on input of a field."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must not implement any behavior that would cause a change of user’s context on input of the field"),(0,n.mdx)("li",{parentName:"ul"},"Content creators must not ask engineers to implement any behaviors that would cause the user a change of context on input of a field.")))),(0,n.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Keyboard Interactions "),(0,n.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC) "),(0,n.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC) "),(0,n.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology "),(0,n.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology ")),(0,n.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub"))),(0,n.mdx)("h2",{id:"references"},"References:"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/"},"Web Content Accessibility Guidelines (WCAG)")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/forms/"},"WebAim.org: Creating More Accessible Forms "))))}m.isMDXComponent=!0},13234:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},64867:function(e,t,a){a.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},28301:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(a(67294)),r=c(a(45697)),i=c(a(93967)),l=c(a(19845)),o=c(a(29270)),s=c(a(50026)),d=c(a(13234)),u=c(a(52926)),m=["children","variant","visuallyHiddenText"];function c(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||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=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(d.default),x={children:r.default.node,variant:r.default.oneOf(["default","raised"]),visuallyHiddenText:r.default.string},b={variant:"default"},g=function(e){var t=e.children,a=e.variant,r=e.visuallyHiddenText,l=h(e,m),d=n.default.useContext(s.default),u=(0,i.default)(f(["card",a,d.className]),l.className),c=r?n.default.createElement(o.default,{text:r}):null;return n.default.createElement("article",p({},l,{className:u}),c,t)};g.propTypes=x,g.defaultProps=b,g.Body=u.default;t.default=g},52926:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(67294)),r=u(a(45697)),i=u(a(93967)),l=u(a(19845)),o=u(a(50026)),s=u(a(64867)),d=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var p=l.default.bind(s.default),h={children:r.default.node,hasPaddingVertical:r.default.bool,hasPaddingHorizontal:r.default.bool,isContentCentered:r.default.bool},f=function(e){var t=e.children,a=e.hasPaddingVertical,r=e.hasPaddingHorizontal,l=e.isContentCentered,s=c(e,d),u=n.default.useContext(o.default),h=(0,i.default)(p([{"vertical-padding":a},{"horizontal-padding":r},{"center-content":l},u.className]),s.className);return n.default.createElement("div",m({},s,{className:h}),t)};f.propTypes=h,f.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=f}}]); \ No newline at end of file diff --git a/10077-ef01dbb7fb6f05880541.css b/10077-ef01dbb7fb6f05880541.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/10077-ef01dbb7fb6f05880541.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/10077-ef01dbb7fb6f05880541.js b/10077-ef01dbb7fb6f05880541.js new file mode 100644 index 000000000..0c7665497 --- /dev/null +++ b/10077-ef01dbb7fb6f05880541.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10077,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),t=d(l(19845)),r=d(l(17422)),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;var x=p;a.Z=x},10077:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(80961),n=["components"];function t(){return t=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}var i={},u="wrapper";function p(e){var a=e.components,l=r(e,n);return(0,d.mdx)(u,t({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4131---october-11-2023"},"4.13.1 - (October 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed error for null ",(0,d.mdx)("inlineCode",{parentName:"li"},"displays")," prop.")))),(0,d.mdx)("h2",{id:"4130---october-3-2023"},"4.13.0 - (October 3, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added accessibility guide."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed the structure of how displays in an item view are returned, now they exist in an unordered list as list items.")))),(0,d.mdx)("h2",{id:"4120---september-26-2023"},"4.12.0 - (September 26, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"trueColumn")," prop to toggle between displaying in a two column layout by row or by column.")))),(0,d.mdx)("h2",{id:"4110---september-21-2023"},"4.11.0 - (September 21, 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:"4100---august-16-2023"},"4.10.0 - (August 16, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed the readout order for two column layout to read by column and not by row. Created true columns instead of split rows."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"overrideDefaultStyling")," prop so consumers can choose whether to use their original item display styling instead of the default styling item view applies.")))),(0,d.mdx)("h2",{id:"490---august-2-2023"},"4.9.0 - (August 2, 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:"480---june-14-2023"},"4.8.0 - (June 14, 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:"470---may-15-2023"},"4.7.0 - (May 15, 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:"460---march-29-2023"},"4.6.0 - (March 29, 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"},"Updated wdio screenshots.")))),(0,d.mdx)("h2",{id:"450---july-21-2021"},"4.5.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"440---march-25-2021"},"4.4.0 - (March 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6")))),(0,d.mdx)("h2",{id:"430---january-5-2021"},"4.3.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"420---november-10-2020"},"4.2.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"410---august-4-2020"},"4.1.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"400---june-23-2020"},"4.0.0 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"This is a breaking change to pull in an MVB of terra-clinical-item-display. Since item view exports item display, this also needs to be an MVB")))),(0,d.mdx)("h2",{id:"3201---june-23-2020"},"3.20.1 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Revert MVB of terra-clinical-item-display")))),(0,d.mdx)("h2",{id:"3200---june-23-2020"},"3.20.0 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated source file for changes in clinical-item-display"),(0,d.mdx)("li",{parentName:"ul"},"Update secondary colors to new rgba values.")))),(0,d.mdx)("h2",{id:"3190---june-9-2020"},"3.19.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"3180---april-28-2020"},"3.18.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"3170---april-23-2020"},"3.17.0 - (April 23, 2020)"),(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 updates")))),(0,d.mdx)("h2",{id:"3160---april-14-2020"},"3.16.0 - (April 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"3150---march-31-2020"},"3.15.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added wdio screenshots for clinical-lowlight-theme")))),(0,d.mdx)("h2",{id:"3140---march-27-2020"},"3.14.0 - (March 27, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"3130---march-24-2020"},"3.13.0 - (March 24, 2020)"),(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 updates")))),(0,d.mdx)("h2",{id:"3120---february-18-2020"},"3.12.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"3110---january-28-2020"},"3.11.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"3100---january-22-2020"},"3.10.0 - (January 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"390---september-26-2019"},"3.9.0 - (September 26, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"380---september-19-2019"},"3.8.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Convert SCSS files to .module.scss")))),(0,d.mdx)("h2",{id:"370---september-6-2019"},"3.7.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed inline styles from dev site components."),(0,d.mdx)("li",{parentName:"ul"},"Add comments for ESlint 6"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"360---august-14-2019"},"3.6.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Jest snapshot updated for ItemDisplay's primary textStyle default prop."),(0,d.mdx)("li",{parentName:"ul"},"Updated package.json test scripts")))),(0,d.mdx)("h2",{id:"350---july-16-2019"},"3.5.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Right-aligned text and icons using new prop in clinical-item-display"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added enumeration for valid layout, emphasis, and alignment values")))),(0,d.mdx)("h2",{id:"340---june-11-2019"},"3.4.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Updated"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated displays documentation")))),(0,d.mdx)("h2",{id:"330---march-26-2019"},"3.3.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependency updates")))),(0,d.mdx)("h2",{id:"300---january-17-2019"},"3.0.0 - (January 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed css theming variables to match linter standards."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changelog dev site doc page")))),(0,d.mdx)("h2",{id:"2160---november-21-2018"},"2.16.0 - (November 21, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"2150---october-2-2018"},"2.15.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,d.mdx)("h2",{id:"2140---september-5-2018"},"2.14.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2130---august-30-2018"},"2.13.0 - (August 30, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"2120---august-1-2018"},"2.12.0 - (August 1, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"2111---july-25-2018"},"2.11.1 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch release")))),(0,d.mdx)("h2",{id:"2110---july-25-2018"},"2.11.0 - (July 25, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"2100---july-17-2018"},"2.10.0 - (July 17, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"290---july-3-2018"},"2.9.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Accessibility in Accessory Item View example"),(0,d.mdx)("li",{parentName:"ul"},"Lint in doc page")))),(0,d.mdx)("h2",{id:"280---june-28-2018"},"2.8.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added theming variables in Item View"),(0,d.mdx)("li",{parentName:"ul"},"Updated Inline-icon to use em instead of px")))),(0,d.mdx)("h2",{id:"270---june-12-2018"},"2.7.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Conform to eslint updates")))),(0,d.mdx)("h2",{id:"260---may-30-2018"},"2.6.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,d.mdx)("h2",{id:"250---may-22-2018"},"2.5.0 - (May 22, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"240---may-1-2018"},"2.4.0 - (May 1, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"230---april-20-2018"},"2.3.0 - (April 20, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"220---march-27-2018"},"2.2.0 - (March 27, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted nightwatch tests to wdio")))),(0,d.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"200---february-19-2018"},"2.0.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update to React 16")))),(0,d.mdx)("h2",{id:"170---february-19-2018"},"1.7.0 - (February 19, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"160---january-23-2018"},"1.6.0 - (January 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Coverted ItemView to be a functional component, removing static methods.")))),(0,d.mdx)("h2",{id:"150---november-28-2017"},"1.5.0 - (November 28, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added reserveStartAccessorySpace to allow for proper spacing when a start accessory is not provided."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the start accessory's max-width to be 2.8571rem (40px) and removed max-height."),(0,d.mdx)("li",{parentName:"ul"},"Updated the end accessory's max-width to be 20% and removed max-height."),(0,d.mdx)("li",{parentName:"ul"},"startAccessory, comment and endAccessory props now accept node proptypes.")))),(0,d.mdx)("h2",{id:"140---september-26-2017"},"1.4.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern"),(0,d.mdx)("li",{parentName:"ul"},"Update class names to follow selector-class-pattern")))),(0,d.mdx)("h2",{id:"130---september-1-2017"},"1.3.0 - (September 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change dependency on terra-base to v2.0.0"),(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"120---july-27-2017"},"1.2.0 - (July 27, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed accessory styling to scale with font size."),(0,d.mdx)("li",{parentName:"ul"},"Fixed truncation styling to correctly apply an ellipse."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Accessory nightwatch examples to include an icon.")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=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}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},80961:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-item-view",name:"terra-clinical-item-view",version:"4.13.1",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10092-4477ee2b2bb9273e37f1.css b/10092-4477ee2b2bb9273e37f1.css new file mode 100644 index 000000000..2fc6772b9 --- /dev/null +++ b/10092-4477ee2b2bb9273e37f1.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.InfiniteList-module__infinite-list___oi3yH{display:block;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:100%}.InfiniteList-module__infinite-hidden___YgQc6{display:block;height:0;overflow:hidden;position:absolute;top:100%;width:100%}[dir] .InfiniteList-module__infinite-hidden___YgQc6{border:0;margin:0;padding:0}.InfiniteList-module__full-loading___FMz-n{height:100%;overflow:hidden;position:relative;width:100%}.InfiniteList-module__loading___Dxbpd{display:block;position:relative;width:100%}.InfiniteList-module__spacer___FzOiF{display:block;position:relative;width:100%}[dir] .InfiniteList-module__spacer___FzOiF{margin:0;padding:0} +.InfiniteListDocExampleCommon-module__placeholder___F4qLk{height:50px}.InfiniteListDocExampleCommon-module__item-content___Q4mK8{height:50px;width:100%}.InfiniteListDocExampleCommon-module__main-content___ZKJiv{height:300px;position:relative;width:100%}[dir] .InfiniteListDocExampleCommon-module__main-content___ZKJiv{border:1px solid #000} diff --git a/10092-4477ee2b2bb9273e37f1.js b/10092-4477ee2b2bb9273e37f1.js new file mode 100644 index 000000000..6d404bafc --- /dev/null +++ b/10092-4477ee2b2bb9273e37f1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10092,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{27586:function(e,t,n){var i=n(64836),a=n(18698);t.Z=void 0;var r=i(n(67294)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var i={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=r?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(i,o,l):i[o]=e[o]}return i.default=e,n&&n.set(e,i),i}(n(30869)),l=n(34261),s=i(n(19845)),c=i(n(28506)),u=i(n(6805)),d=i(n(43315));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=s.default.bind(d.default),h=function(e){var t=[r.default.createElement(o.SectionHeader,{key:e.key,title:e.title})];return e.childItems.forEach((function(e){return t.push((n=e,r.default.createElement(o.Item,{key:n.key},r.default.createElement(l.Placeholder,{title:n.title,className:p("placeholder")}))));var n})),t};t.Z=function(){return r.default.createElement(u.default,null,r.default.createElement(o.default,{dividerStyle:"standard",isFinishedLoading:!0,ariaLabel:"Section"},c.default.map((function(e){return h(e)}))))}},28506:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=[{title:"Section 0",key:"unique-key-0",childItems:[{title:"Item 0-0",key:"unique-0-0"},{title:"Item 0-1",key:"unique-0-1"},{title:"Item 0-2",key:"unique-0-2"},{title:"Item 0-3",key:"unique-0-3"},{title:"Item 0-4",key:"unique-0-4"},{title:"Item 0-5",key:"unique-0-5"}]},{title:"Section 1",key:"unique-key-1",childItems:[{title:"Item 1-0",key:"unique-1-0"},{title:"Item 1-1",key:"unique-1-1"},{title:"Item 1-2",key:"unique-1-2"},{title:"Item 1-3",key:"unique-1-3"},{title:"Item 1-4",key:"unique-1-4"},{title:"Item 1-5",key:"unique-1-5"}]},{title:"Section 2",key:"unique-key-2",childItems:[{title:"Item 3-0",key:"unique-3-0"},{title:"Item 3-1",key:"unique-3-1"},{title:"Item 3-2",key:"unique-3-2"},{title:"Item 3-3",key:"unique-3-3"},{title:"Item 3-4",key:"unique-3-4"},{title:"Item 3-5",key:"unique-3-5"}]},{title:"Section 4",key:"unique-key-4",childItems:[{title:"Item 4-0",key:"unique-4-0"},{title:"Item 4-1",key:"unique-4-1"},{title:"Item 4-2",key:"unique-4-2"},{title:"Item 4-3",key:"unique-4-3"},{title:"Item 4-4",key:"unique-4-4"},{title:"Item 4-5",key:"unique-4-5"}]}]},29290:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});n(67294);var i=n(81254),a=n(76173),r=n(34261),o=n(27586),l=["components"];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(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={},d="wrapper";function m(e){var t=e.components,n=c(e,l);return(0,i.mdx)(d,s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(a.C,{mdxType:"Badge"}),(0,i.mdx)("p",null,(0,i.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-infinite-list#readme"},(0,i.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,i.mdx)("h1",{id:"terra-infinite-list--sections"},"Terra Infinite List — Sections"),(0,i.mdx)(r.Notice,{variant:"deprecation",mdxType:"Notice"},(0,i.mdx)("p",null,"The terra-infinite-list component has been deprecated and is no longer recommended for use."),(0,i.mdx)("p",null,"From a usability perspective, infinite scrolling is a pattern designed and best used when users are casually looking for or discovering things, like shopping and social media. The infinite scrolling pattern should not be used for ",(0,i.mdx)("a",{parentName:"p",href:"https://www.nngroup.com/articles/infinite-scrolling/"},"goal-oriented tasks"),". Cerner products and our users most often fall into goal-oriented workflows. Users should have proper navigation methods (pagination) to navigate to predetermined points within the content easily."),(0,i.mdx)("p",null,"Infinite scrolling also poses significant accessibility challenges for multiple user groups:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Keyboard-only users have to navigate the entire infinite scroll to get to the content below or to the side of the endless loading content. This creates a very time-consuming and unnecessary burden for the keyboard-only user."),(0,i.mdx)("li",{parentName:"ul"},"Screen reader users would have the same problem even though they have more ways to navigate content on the page. When content is dynamically loaded and not within the DOM, screen reader users won't have access to any of that content which poses more significant challenges than just navigating."),(0,i.mdx)("li",{parentName:"ul"},"Focus can be lost when new content loads. Unless focus is managed, sighted keyboard-only users will have difficulties finding where they are on the page."),(0,i.mdx)("li",{parentName:"ul"},"For data with hierarchical relationships, infinite scrolling can make it difficult for screen readers to effectively communicate the required context if related content is split between loaded and unloaded content.")),(0,i.mdx)("p",null,"The ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/paginator/paginator"},"terra-paginator")," should be considered as an alternative approach to paging large amounts of data.")),(0,i.mdx)("p",null,"To achieve sections within the InfiniteList the only supported implementation is directly consuming the static variant of the ",(0,i.mdx)("inlineCode",{parentName:"p"},"SectionHeader")," component. Expand/collapse functionality is not supported within the infinite list. "),(0,i.mdx)("h2",{id:"map-section-structure"},"Map Section Structure"),(0,i.mdx)("p",null,"So in our first step a ",(0,i.mdx)("inlineCode",{parentName:"p"},"SectionHeader")," needs to be created for each associated section. We'll add it to the initialization of an array that will be expanded in the following steps."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"}," const createSection = (sectionData) => {\n const section = [\n ,\n ];\n return section;\n };\n")),(0,i.mdx)("p",null,"Next we'll create an array with the first item being our section header, and then loop through the associated child items for the section appending them to the initial array."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"}," const createSection = (sectionData) => {\n const section = [\n ,\n ];\n sectionData.childItems.forEach(childItem => section.push(createListItem(childItem)));\n return section;\n };\n")),(0,i.mdx)("h2",{id:"unpack-data"},"Unpack Data"),(0,i.mdx)("p",null,"We can then implement the unpack of our data into our list items."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"const createListItem = itemData => (\n \n \n \n);\n\nconst createSections = data => data.map(section => createSection(section));\n")),(0,i.mdx)("p",null,"Then we can implement a method to loop through our data and create the section with our methods and call it from our render method."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},'const InfiniteListSection = () => (\n \n \n {createSections(mockData)}\n \n \n);\n')),(0,i.mdx)("p",null,"Using these steps we get the following example:"),(0,i.mdx)("h2",{id:"example"},"Example"),(0,i.mdx)(o.Z,{title:"Sections Header Infinite List",mdxType:"InfiniteListSection"}))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/10198-0e3cb8254d809462d23d.css b/10198-0e3cb8254d809462d23d.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/10198-0e3cb8254d809462d23d.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/10198-0e3cb8254d809462d23d.js b/10198-0e3cb8254d809462d23d.js new file mode 100644 index 000000000..5231fe1e8 --- /dev/null +++ b/10198-0e3cb8254d809462d23d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10198,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(19845)),i=d(l(17422)),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;var x=p;a.Z=x},10198:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(59889),n=["components"];function r(){return r=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}var u={},t="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,d.mdx)(t,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"2651---december-11-2023"},"2.65.1 - (December 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed issue where onClick callback was called twice when using spacebar key.")))),(0,d.mdx)("h2",{id:"2650---november-21-2023"},"2.65.0 - (November 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added the ability to fix the position of the title of the ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-section-header"),".")))),(0,d.mdx)("h2",{id:"2640---november-13-2023"},"2.64.0 - (November 13, 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"},"Updated the section header components to meet accessibility standards.")))),(0,d.mdx)("h2",{id:"2630---october-23-2023"},"2.63.0 - (October 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:"2620---august-23-2023"},"2.62.0 - (August 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:"2610---august-1-2023"},"2.61.0 - (August 1, 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"},"Updated SectionHeader to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"span")," & ",(0,d.mdx)("inlineCode",{parentName:"li"},"button")," elements instead of ",(0,d.mdx)("inlineCode",{parentName:"li"},"div"),".")))),(0,d.mdx)("h2",{id:"2600---april-5-2023"},"2.60.0 - (April 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed required for ",(0,d.mdx)("inlineCode",{parentName:"li"},"text")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"title")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed button role for non-interactive section header."),(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshots due to removal of button role"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added aria-label for non-interactive section header.")))),(0,d.mdx)("h2",{id:"2590---march-1-2023"},"2.59.0 - (March 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added console warnings for section-header.")))),(0,d.mdx)("h2",{id:"2580---february-15-2023"},"2.58.0 - (February 15, 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"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"2570---december-7-2022"},"2.57.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed title prop to text to avoid conflict with native html attribute"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added button role, aria-label and aria-expanded attribute to ",(0,d.mdx)("inlineCode",{parentName:"li"},"Arrange")," component wrapper")))),(0,d.mdx)("h2",{id:"2560---july-14-2022"},"2.56.0 - (July 14, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed caret icon size to match similar components.")))),(0,d.mdx)("h2",{id:"2551---january-4-2022"},"2.55.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"2550---september-28-2021"},"2.55.0 - (September 28, 2021)"),(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:"2540---september-21-2021"},"2.54.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"2530---july-6-2021"},"2.53.0 - (July 6, 2021)"),(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:"2520---june-8-2021"},"2.52.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,d.mdx)("h2",{id:"2510---may-11-2021"},"2.51.0 - (May 11, 2021)"),(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:"2500---april-13-2021"},"2.50.0 - (April 13, 2021)"),(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:"2490---april-6-2021"},"2.49.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"2480---february-2-2021"},"2.48.0 - (February 2, 2021)"),(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:"2470---january-5-2021"},"2.47.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed"),(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation."),(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"2460---december-8-2020"},"2.46.0 - (December 8, 2020)"),(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:"2450---november-17-2020"},"2.45.0 - (November 17, 2020)"),(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:"2440---november-10-2020"},"2.44.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-dev-site")," examples to use react hooks.")))),(0,d.mdx)("h2",{id:"2430---october-27-2020"},"2.43.0 - (October 27, 2020)"),(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:"2420---august-6-2020"},"2.42.0 - (August 6, 2020)"),(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:"2410---august-4-2020"},"2.41.0 - (August 4, 2020)"),(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:"2400---july-29-2020"},"2.40.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"2390---july-7-2020"},"2.39.0 - (July 7, 2020)"),(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:"2380---june-11-2020"},"2.38.0 - (June 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio test to support testing against firefox")))),(0,d.mdx)("h2",{id:"2370---june-9-2020"},"2.37.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"2360---may-19-2020"},"2.36.0 - (May 19, 2020)"),(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:"2350---april-28-2020"},"2.35.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"2340---april-22-2020"},"2.34.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,d.mdx)("h2",{id:"2330---march-10-2020"},"2.33.0 - (March 10, 2020)"),(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:"2320---march-3-2020"},"2.32.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"2310---february-18-2020"},"2.31.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"2300---february-4-2020"},"2.30.0 - (February 4, 2020)"),(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:"2290---january-28-2020"},"2.29.0 - (January 28, 2020)"),(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:"2280---january-7-2020"},"2.28.0 - (January 7, 2020)"),(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:"2270---december-3-2019"},"2.27.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"2260---october-30-2019"},"2.26.0 - (October 30, 2019)"),(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:"2250---october-3-2019"},"2.25.0 - (October 3, 2019)"),(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:"2240---september-19-2019"},"2.24.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,d.mdx)("h2",{id:"2230---september-6-2019"},"2.23.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"2220---september-3-2019"},"2.22.0 - (September 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,d.mdx)("h2",{id:"2210---august-21-2019"},"2.21.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"2200---august-14-2019"},"2.20.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Remove react and react-dom as dependencies")))),(0,d.mdx)("h2",{id:"2190---july-30-2019"},"2.19.0 - (July 30, 2019)"),(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:"2180---july-24-2019"},"2.18.0 - (July 24, 2019)"),(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:"2170---july-16-2019"},"2.17.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"2160----july-11-2019"},"2.16.0 - (July 11, 2019)"),(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:"2150---july-9-2019"},"2.15.0 - (July 9, 2019)"),(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:"2140---june-28-2019"},"2.14.0 - (June 28, 2019)"),(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:"2130---june-18-2019"},"2.13.0 - (June 18, 2019)"),(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 bump")))),(0,d.mdx)("h2",{id:"2120---june-11-2019"},"2.12.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,d.mdx)("h2",{id:"2110---may-1-2019"},"2.11.0 - (May 1, 2019)"),(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:"2100---april-16-2019"},"2.10.0 - (April 16, 2019)"),(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:"290---april-9-2019"},"2.9.0 - (April 9, 2019)"),(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:"280---march-26-2019"},"2.8.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"270---march-21-2019"},"2.7.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,d.mdx)("h2",{id:"260---february-26-2019"},"2.6.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Correct browser.buttonDown() usage")))),(0,d.mdx)("h2",{id:"250---february-12-2019"},"2.5.0 - (February 12, 2019)"),(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:"240---february-5-2019"},"2.4.0 - (February 5, 2019)"),(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:"230---january-26-2019"},"2.3.0 - (January 26, 2019)"),(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:"220---january-22-2019"},"2.2.0 - (January 22, 2019)"),(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:"210---january-22-2019"},"2.1.0 - (January 22, 2019)"),(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:"200---january-8-2019"},"2.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"1300---january-2-2019"},"1.30.0 - (January 2, 2019)"),(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)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"1291---november-20-2018"},"1.29.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"1290---november-19-2018"},"1.29.0 - (November 19, 2018)"),(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:"1280---november-13-2018"},"1.28.0 - (November 13, 2018)"),(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:"1270---november-9-2018"},"1.27.0 - (November 9, 2018)"),(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:"1260---october-30-2018"},"1.26.0 - (October 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit")))),(0,d.mdx)("h2",{id:"1250---october-24-2018"},"1.25.0 - (October 24, 2018)"),(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:"1240---october-16-2018"},"1.24.0 - (October 16, 2018)"),(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:"1230---october-8-2018"},"1.23.0 - (October 8, 2018)"),(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:"1220---october-2-2018"},"1.22.0 - (October 2, 2018)"),(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:"1210---september-25-2018"},"1.21.0 - (September 25, 2018)"),(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:"1201---september-6-2018"},"1.20.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"1200---september-5-2018"},"1.20.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"1190---september-4-2018"},"1.19.0 - (September 4, 2018)"),(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---august-29-2018"},"1.18.0 - (August 29, 2018)"),(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---august-1-2018"},"1.17.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added isTransparent prop to set background to be transparent")))),(0,d.mdx)("h2",{id:"1160---july-19-2018"},"1.16.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"1150---july-17-2018"},"1.15.0 - (July 17, 2018)"),(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)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,d.mdx)("h2",{id:"1140---july-10-2018"},"1.14.0 - (July 10, 2018)"),(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---june-28-2018"},"1.13.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"1120---june-22-2018"},"1.12.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,d.mdx)("h2",{id:"1110---june-12-2018"},"1.11.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,d.mdx)("h2",{id:"1100---may-30-2018"},"1.10.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"190---may-25-2018"},"1.9.0 - (May 25, 2018)"),(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---may-23-2018"},"1.8.0 - (May 23, 2018)"),(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---may-16-2018"},"1.7.0 - (May 16, 2018)"),(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---may-9-2018"},"1.6.0 - (May 9, 2018)"),(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---may-2-2018"},"1.5.0 - (May 2, 2018)"),(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---april-20-2018"},"1.4.0 - (April 20, 2018)"),(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---april-15-2018"},"1.3.0 - (April 15, 2018)"),(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:"120---april-5-2018"},"1.2.0 - (April 5, 2018)"),(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---march-30-2018"},"1.1.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add ",(0,d.mdx)("inlineCode",{parentName:"li"},"role")," attribute to ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-section-header"))))),(0,d.mdx)("h2",{id:"100---march-14-2018"},"1.0.0 - (March 14, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=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}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},59889:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-section-header",name:"terra-section-header",version:"2.65.1",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10279-6c2f9a01c9bb05d15c8e.css b/10279-6c2f9a01c9bb05d15c8e.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/10279-6c2f9a01c9bb05d15c8e.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/10279-6c2f9a01c9bb05d15c8e.js b/10279-6c2f9a01c9bb05d15c8e.js new file mode 100644 index 000000000..f31679af7 --- /dev/null +++ b/10279-6c2f9a01c9bb05d15c8e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10279,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,r){var n=r(64836);a.Z=void 0;var t=n(r(67294)),l=n(r(45697)),d=n(r(19845)),i=n(r(17422)),s=d.default.bind(i.default),o={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var a=e.src,r=e.name,n=e.url,l=e.version,d=t.default.createElement("a",{className:s("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(l)},t.default.createElement("span",{className:s("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:s("badge-version")},"v".concat(l))),i=a?t.default.createElement("a",{className:s("badge"),href:a},t.default.createElement("span",{className:s("badge-name")},"github"),t.default.createElement("span",{className:s("badge-version")},"source")):void 0;return t.default.createElement("div",{className:s("badge-container")},d,i)};m.propTypes=o;var u=m;a.Z=u},10279:function(e,a,r){r.r(a),r.d(a,{default:function(){return m}});r(67294);var n=r(81254),t=r(95660),l=["components"];function d(){return d=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 l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var s={},o="wrapper";function m(e){var a=e.components,r=i(e,l);return(0,n.mdx)(o,d({},s,r,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-slide-panel-upgrade-guide"},"Terra Slide Panel Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("h4",{id:"renamed"},"Renamed"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,n.mdx)("th",{parentName:"tr",align:null},"New"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-slide-panel-panel-width-small"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-slide-panel-panel-small-width")))),(0,n.mdx)("h4",{id:"added"},"Added"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-main-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-overlay-position-start-box-shadow"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-overlay-position-end-box-shadow"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-main-squish-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-border-right-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-border-left-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-width-small"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-width-large-scalar")),(0,n.mdx)("h4",{id:"removed"},"Removed"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-shadow-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-shadow-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-border-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-border-color")))}m.isMDXComponent=!0},95660:function(e,a,r){r.d(a,{C:function(){return l}});var n=r(67294),t=r(22863),l=function(e){var a=e.url;return n.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel",name:"terra-slide-panel",version:"3.47.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/1030-41003df63b1025d4573c.js b/1030-41003df63b1025d4573c.js new file mode 100644 index 000000000..be33876d3 --- /dev/null +++ b/1030-41003df63b1025d4573c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1030],{77459:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(19845)),i=a(n(45697)),l=n(39711),u=a(n(99411)),d=r.default.bind(u.default),p={layoutConfig:i.default.shape({})},s=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:d("content-wrapper1")},o.default.createElement("div",{className:d("content-wrapper2")},o.default.createElement("h2",null,"Header"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:d("button")},"Toggle Menu"),"small"!==t.size&&"tiny"!==t.size&&o.default.createElement(l.Link,{to:"/page1",className:d("link")},"Page 1"),"small"!==t.size&&"tiny"!==t.size&&o.default.createElement(l.Link,{to:"/page2",className:d("link")},"Page 2"),"small"!==t.size&&"tiny"!==t.size&&o.default.createElement(l.Link,{to:"/page3",className:d("link")},"Page 3")))};s.propTypes=p;t.default=(0,l.withRouter)(s)},91220:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(19845)),i=a(n(45697)),l=n(39711),u=a(n(61852)),d=r.default.bind(u.default),p=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:d("content-wrapper1")},o.default.createElement("div",{className:d("content-wrapper2")},t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:d("button")},"Toggle Menu"),t.togglePin&&!t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:d("button")},"Pin"),t.togglePin&&t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:d("button")},"Unpin"),o.default.createElement("h2",null,"Menu"),o.default.createElement("br",null),o.default.createElement(l.Link,{to:"/page1"},"Page 1"),o.default.createElement("br",null),o.default.createElement(l.Link,{to:"/page2"},"Page 2"),o.default.createElement("br",null),o.default.createElement(l.Link,{to:"/page3"},"Page 3")))};p.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func,togglePin:i.default.func,menuIsPinned:i.default.bool})};t.default=(0,l.withRouter)(p)},48613:function(e,t,n){var a=n(64836);t.Z=void 0;var o=a(n(67294)),r=a(n(19845)),i=n(39711),l=a(n(12771)),u=a(n(77459)),d=a(n(91220)),p=a(n(99369)),s=a(n(8430)),m=a(n(73725)),c=a(n(48939)),f=a(n(34119)),h=a(n(61852)),g=r.default.bind(h.default),y={header:{"/":{path:"/",component:{default:{componentClass:u.default}}}},menu:{"/":{path:"/",component:{tiny:{componentClass:d.default},small:{componentClass:d.default}}},"/page1":{path:"/page1",component:{default:{componentClass:c.default}}},"/page2":{path:"/page2",component:{default:{componentClass:f.default}}}},content:{"/page1":{path:"/page1",component:{default:{componentClass:p.default}}},"/page2":{path:"/page2",component:{default:{componentClass:s.default}}},"/page3":{path:"/page3",component:{default:{componentClass:m.default}}}}},x=(0,i.withRouter)((function(e){var t=e.location;return o.default.createElement("div",null,o.default.createElement("h3",null,"Features"),o.default.createElement("ul",null,o.default.createElement("li",null,"Contains 3 different primary routes: /page1, /page2, and /page3"),o.default.createElement("ul",null,o.default.createElement("li",null,"/page1 - Has content, inner routes, and an associated menu"),o.default.createElement("li",null,"/page2 - Has content and an associated menu"),o.default.createElement("li",null,"/page3 - Has only content")),o.default.createElement("li",null,"Has a Header that is rendered for all routes (matched to `/` path)"),o.default.createElement("li",null,"Header provides links to other primary routes for breakpoints `medium`, `large`, and `huge`"),o.default.createElement("li",null,"When size is `tiny` or `small`, a new Menu is presented to expose links to primary routes (the Header hides its links at these sizes)"),o.default.createElement("li",null,"Page menus expose navigation to parent menus"),o.default.createElement("li",null,"Page content and menus expose Layout-provided functionality")),o.default.createElement("h3",null,"Browser Location: ".concat(t.pathname)),o.default.createElement(l.default,{config:y,menuText:"Example Menu",className:g("example-menu")}))}));t.Z=function(){return o.default.createElement(i.MemoryRouter,{initialEntries:["/page1","/page1/item1","/page1/item2","/page2","page3"],initialIndex:0},o.default.createElement(x,null))}},99369:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(19845)),i=a(n(45697)),l=n(39711),u=a(n(61852)),d=r.default.bind(u.default),p=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:d("content-wrapper1")},o.default.createElement("div",{className:d("content-wrapper2")},o.default.createElement("h2",null,"Page 1 Content"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:d("button")},"Toggle Menu"),o.default.createElement(l.Route,{path:"/page1/item1",render:function(){return o.default.createElement("h2",null,"Item 1")}}),o.default.createElement(l.Route,{path:"/page1/item2",render:function(){return o.default.createElement("h2",null,"Item 2")}})))};p.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func})};t.default=p},48939:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(19845)),i=a(n(45697)),l=n(39711),u=a(n(49771)),d=a(n(61852)),p=r.default.bind(d.default),s=function(e){var t=e.layoutConfig,n=e.routingStackDelegate;return o.default.createElement("div",{className:p("content-wrapper1")},o.default.createElement("div",{className:p("content-wrapper2")},n&&n.showParent&&o.default.createElement("button",{type:"button",onClick:n.showParent,className:p("button")},"Go Back"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:p("button")},"Toggle Menu"),t.togglePin&&!t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:p("button")},"Pin"),t.togglePin&&t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:p("button")},"Unpin"),o.default.createElement("h2",null,"Page 1 Menu"),o.default.createElement("br",null),o.default.createElement(l.Link,{to:"/page1/item1"},"Item 1"),o.default.createElement("br",null),o.default.createElement(l.Link,{to:"/page1/item2"},"Item 2")))};s.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func,togglePin:i.default.func,menuIsPinned:i.default.bool}),routingStackDelegate:u.default.propType};t.default=(0,l.withRouter)(s)},8430:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(19845)),i=a(n(45697)),l=a(n(61852)),u=r.default.bind(l.default),d=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:u("content-wrapper1")},o.default.createElement("div",{className:u("content-wrapper2")},o.default.createElement("h2",null,"Page 2 Content"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:u("button")},"Toggle Menu")))};d.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func})};t.default=d},34119:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(19845)),i=a(n(45697)),l=n(39711),u=a(n(49771)),d=a(n(61852)),p=r.default.bind(d.default),s=function(e){var t=e.layoutConfig,n=e.routingStackDelegate;return o.default.createElement("div",{className:p("content-wrapper1")},o.default.createElement("div",{className:p("content-wrapper2")},n&&n.showParent&&o.default.createElement("button",{type:"button",onClick:n.showParent,className:p("button")},"Go Back"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:p("button")},"Toggle Menu"),t.togglePin&&!t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:p("button")},"Pin"),t.togglePin&&t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:p("button")},"Unpin"),o.default.createElement("h2",null,"Page 2 Menu")))};s.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func,togglePin:i.default.func,menuIsPinned:i.default.bool}),routingStackDelegate:u.default.propType};t.default=(0,l.withRouter)(s)},73725:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(19845)),i=a(n(45697)),l=a(n(61852)),u=r.default.bind(l.default),d=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:u("content-wrapper1")},o.default.createElement("div",{className:u("content-wrapper2")},o.default.createElement("h2",null,"Page 3 Content"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:u("button")},"Toggle Menu")))};d.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func})};t.default=d},1030:function(e,t,n){n.r(t),n.d(t,{default:function(){return L}});var a=n(67294),o=n(81254),r=n(65814),i=n(78530),l=["components"];function u(){return u=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}var p={},s="wrapper";function m(e){var t=e.components,n=d(e,l);return(0,o.mdx)(s,u({},p,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(i.ZP,{mdxType:"PropsTable"},(0,o.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"header"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The component to render within the NavigationLayout's ",(0,o.mdx)("inlineCode",{parentName:"p"},"header")," region. If provided, this component\nmust appropriately handle the NavigationLayout-supplied props: ",(0,o.mdx)("inlineCode",{parentName:"p"},"routeConfig"),", and ",(0,o.mdx)("inlineCode",{parentName:"p"},"navigationLayoutSize"),"."))),(0,o.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"menu"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The component to render within the NavigationLayout's ",(0,o.mdx)("inlineCode",{parentName:"p"},"menu")," region. If provided, this component\nmust appropriately handle the NavigationLayout-supplied props: ",(0,o.mdx)("inlineCode",{parentName:"p"},"routeConfig"),", and ",(0,o.mdx)("inlineCode",{parentName:"p"},"navigationLayoutSize"),"."))),(0,o.mdx)(i.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The component to render within the NavigationLayout's ",(0,o.mdx)("inlineCode",{parentName:"p"},"content")," region. If provided, this component\nmust appropriately handle the NavigationLayout-supplied props: ",(0,o.mdx)("inlineCode",{parentName:"p"},"routeConfig"),", and ",(0,o.mdx)("inlineCode",{parentName:"p"},"navigationLayoutSize"),"."))),(0,o.mdx)(i.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"menuText"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The String to display in the NavigationLayout's hover-target menu disclosure."))),(0,o.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"config"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,o.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The configuration Object that will be used to generate the specified regions of the NavigationLayout.\nNote: The config prop is treated as an immutable object to prevent unnecessary processing and improve performance.\nIf the configuration is changed after the first render, a new configuration object instance must be provided."))),(0,o.mdx)(i.X2,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"indexPath"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The index path of the consuming application's routing structure. If provided, the NavigationLayout will\nensure Redirects are present where necessary."))),(0,o.mdx)(i.X2,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"location"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,o.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The location as provided by the ",(0,o.mdx)("inlineCode",{parentName:"p"},"withRouter()")," HOC."))),(0,o.mdx)(i.X2,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"match"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,o.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The match as provided by the ",(0,o.mdx)("inlineCode",{parentName:"p"},"withRouter()")," HOC."))),(0,o.mdx)(i.X2,{key:"ROW9",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"history"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,o.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The history as provided by the ",(0,o.mdx)("inlineCode",{parentName:"p"},"withRouter()")," HOC."))),(0,o.mdx)(i.X2,{key:"ROW10",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"staticContext"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The staticContext as provided by the ",(0,o.mdx)("inlineCode",{parentName:"p"},"withRouter()")," HOC. This will only be provided when\nwithin a StaticRouter.")))))}m.isMDXComponent=!0;var c=n(48613),f=["components"];function h(){return h=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}var y={};function x(e){var t=e.components,n=g(e,f);return(0,o.mdx)("wrapper",h({},y,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { MemoryRouter, withRouter } from 'react-router-dom';\nimport NavigationLayout from 'terra-navigation-layout';\nimport HeaderExample from './HeaderExample';\nimport MenuExample from './MenuExample';\nimport Page1Content from './Page1Content';\nimport Page2Content from './Page2Content';\nimport Page3Content from './Page3Content';\nimport Page1Menu from './Page1Menu';\nimport Page2Menu from './Page2Menu';\nimport styles from './NavigationLayoutDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\n// If changing config, ensure NavigationLayoutStandardConfig.md is updated to match\nconst config = {\n header: {\n '/': {\n path: '/',\n component: {\n default: {\n componentClass: HeaderExample,\n },\n },\n },\n },\n menu: {\n '/': {\n path: '/',\n component: {\n tiny: {\n componentClass: MenuExample,\n },\n small: {\n componentClass: MenuExample,\n },\n },\n },\n '/page1': {\n path: '/page1',\n component: {\n default: {\n componentClass: Page1Menu,\n },\n },\n },\n '/page2': {\n path: '/page2',\n component: {\n default: {\n componentClass: Page2Menu,\n },\n },\n },\n },\n content: {\n '/page1': {\n path: '/page1',\n component: {\n default: {\n componentClass: Page1Content,\n },\n },\n },\n '/page2': {\n path: '/page2',\n component: {\n default: {\n componentClass: Page2Content,\n },\n },\n },\n '/page3': {\n path: '/page3',\n component: {\n default: {\n componentClass: Page3Content,\n },\n },\n },\n },\n};\n\nconst NavigationLayoutStandard = withRouter(({ location }) => (\n
\n

Features

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

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

\n \n
\n));\n\nconst NavigationLayoutRouter = () => (\n \n \n \n);\n\nexport default NavigationLayoutRouter;\n\n")))}x.isMDXComponent=!0;var v=n(49271),b=["components"];function C(){return C=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}var w={};function P(e){var t=e.components,n=N(e,b);return(0,o.mdx)("wrapper",C({},w,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper1 {\n border: 4px dashed #d3d3d3;\n height: calc(100% - 10px);\n margin: 5px;\n position: relative;\n width: calc(100% - 10px);\n }\n\n .content-wrapper2 {\n color: #808080;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate3d(-50%, -50%, 0);\n }\n\n .button {\n border: 1px dashed #d3d3d3;\n display: inline-block;\n height: 25px;\n margin-left: 5px;\n }\n\n .content-wrapper h2 {\n margin: 0;\n }\n\n .example-menu {\n height: 400px;\n width: 100%;\n }\n}\n\n")))}P.isMDXComponent=!0;var T=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(v.Z,{title:t||"Navigation Layout Standard",description:n,example:a.createElement(c.Z,null),exampleCssSrc:a.createElement(P,null),exampleSrc:a.createElement(x,null),isExpanded:o})},E=["components"];function k(){return k=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}var O={},j="wrapper";function L(e){var t=e.components,n=R(e,E);return(0,o.mdx)(j,k({},O,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(r.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-navigation-layout"},"Terra Navigation Layout"),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"NavigationLayout")," is a configuration-based, ",(0,o.mdx)("inlineCode",{parentName:"p"},"react-router"),"-driven layout. It wraps the ",(0,o.mdx)("inlineCode",{parentName:"p"},"Layout")," component provided by ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-layout")," and injects routing-based components into its various component regions. If navigation is not desired, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"Layout")," component can and should be used directly. However, the NavigationLayout does support very basic navigation workflows with minimal configuration required."),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"NavigationLayout")," is able to successfully render with just the config object defining its structure. However, custom components can be provided directly to the NavigationLayout for the ",(0,o.mdx)("inlineCode",{parentName:"p"},"header"),", ",(0,o.mdx)("inlineCode",{parentName:"p"},"menu"),", and ",(0,o.mdx)("inlineCode",{parentName:"p"},"content")," props. Those custom components will be provided with any relevant configuration data to allow them to render things as they see fit."),(0,o.mdx)("h2",{id:"prerequisites"},"Prerequisites"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.mdx)("inlineCode",{parentName:"li"},"NavigationLayout")," must have a ",(0,o.mdx)("inlineCode",{parentName:"li"},"Router")," (or other high-level router like ",(0,o.mdx)("inlineCode",{parentName:"li"},"BrowserRouter"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"HashRouter"),", or ",(0,o.mdx)("inlineCode",{parentName:"li"},"MemoryRouter"),") as a component ancestor."),(0,o.mdx)("li",{parentName:"ul"},"A configuration prop must be supplied to the ",(0,o.mdx)("inlineCode",{parentName:"li"},"NavigationLayout")," that defines the desired routing setup. The ",(0,o.mdx)("inlineCode",{parentName:"li"},"NavigationLayout")," treats this prop as immutable for caching and performance reasons. If a configuration object is changing due to a state change in a higher component, a new object instance must be provided for those changes to take effect.")),(0,o.mdx)("h2",{id:"configuration-api"},"Configuration API"),(0,o.mdx)("p",null,"The configuration object is structured like the below example. A couple key takeaways:"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.mdx)("inlineCode",{parentName:"li"},"header"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"menu"),", and ",(0,o.mdx)("inlineCode",{parentName:"li"},"content")," regions have a separate configurations but share the same configuration APIs. These can be omitted if routing is unnecessary for an individual section."),(0,o.mdx)("li",{parentName:"ul"},"The configuration can be responsive and supports specifying components on a per-route, per-breakpoint basis."),(0,o.mdx)("li",{parentName:"ul"},"Routes can be provided in any order; however, the NavigationLayout will sort them as necessary to ensure the expected render order is maintained."),(0,o.mdx)("li",{parentName:"ul"},"Proptypes for the various pieces of the configuration object are exported by the ",(0,o.mdx)("inlineCode",{parentName:"li"},"configurationPropTypes.js")," file.")),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-js"},"{\n /**\n * The menu, content, and header configurations are keyed at the root of the object.\n */\n menu: {\n /**\n * At this level of the configuration, we're defining each path to which we want to match.\n * The key here doesn't have to be a path (the actual path used is specified within), but generally it\n * makes sense to use the path as the key as they need to be unique anyway.\n */\n '/': {\n path: '/',\n component: {\n /**\n * Here we get access to the configuration's responsive API.\n * The keys at this level must be either `default` or one of our supported breakpoints (`tiny`, `small`, `medium`, `large`, `huge`)\n * If you specify a component for `default`, it will be rendered for any size that isn't overridden.\n * If you do not specify a `default` component, any size that has no defined component will simply not be rendered.\n */\n default: {\n componentClass: MenuExample,\n props: {\n menuTitle: 'Title From Config' // The `props` are applied to the given componentClass when instantiated.\n },\n },\n /**\n * We're going to provide a separate configuration for the `huge` breakpoint that has a different prop value.\n * While we're just changing the prop value, we could add props, remove them, or provide a different componentClass entirely.\n */\n huge: {\n componentClass: MenuExample,\n props: {\n menuTitle: 'Long Title From Config Because There Is Lots of Space (Cause The Size Is Huge)'\n },\n },\n },\n },\n '/page1': {\n /*\n * Now a component for the route /page1 is being defined. This path is a descendent of the route above (/), so when the\n * page location matches '/page1', the Page1Menu will be rendered instead of the MenuExample.\n */\n path: '/page1',\n component: {\n default: {\n componentClass: Page1Menu,\n },\n },\n },\n '/page1/subpage1': {\n /*\n * Similarly, this route is a descendent of /page1 and will take precedent over it when the location matches. The order of these configurations\n * are not important, as the NavigationLayout will determine the parent-child relationships and render things accordingly.\n */\n path: '/page1/subpage1',\n component: {\n default: {\n componentClass: Subpage1Menu,\n },\n },\n }\n },\n content: {...}, // The configuration shape for the content and header sections is the same as that of the menu section.\n header: {...},\n}\n")),(0,o.mdx)("h2",{id:"routingstackdelegate"},"RoutingStackDelegate"),(0,o.mdx)("p",null,"All components rendered within the ",(0,o.mdx)("inlineCode",{parentName:"p"},"NavigationLayout")," receive a ",(0,o.mdx)("inlineCode",{parentName:"p"},"routingStackDelegate")," prop. This prop contains the following attributes:"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"location")," - The location used to render the component. This can be used to build NavLinks or other components that might desire the current location."),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"parentPaths")," - An array of String paths that were determined to preceed the current path in the configuration. For example, if the routes ",(0,o.mdx)("inlineCode",{parentName:"li"},"/pages"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"/pages/:id"),", and ",(0,o.mdx)("inlineCode",{parentName:"li"},"/pages/:id/summary")," were defined by the config, the component rendered for the path ",(0,o.mdx)("inlineCode",{parentName:"li"},"/pages/123/summary")," would receive a parentPaths value of ","[",(0,o.mdx)("inlineCode",{parentName:"li"},"/pages"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"/pages/123"),"]",". This set of paths could be used to build breadcrumbs or simple navigation functionality.")),(0,o.mdx)("p",null,"Components within the ",(0,o.mdx)("inlineCode",{parentName:"p"},"menu")," region get a few extra features, however. To help enable nested menu scenarios, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"routingStackDelegate")," will also include the following:"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"show")," - A function that will cause the NavigationLayout to display the menu for the given path. If the given path does not match the current history location, the new location is pushed onto the history stack. If the given path already matches the current history location, only the RoutingStack's internal location is updated; this insures that the history is not being manipulated unnecessarily when navigating down the stack of menu components."),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"showParent")," - A function that will cause the NavigationLayout to display the immediate parent path (if one is present)."),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"showRoot")," - A function that will cause the NavigationLayout to display the first (or root) parent path (if one is present, and the number of parent paths is more than 1).")),(0,o.mdx)("p",null,"It is important to note that ",(0,o.mdx)("inlineCode",{parentName:"p"},"showParent"),"/",(0,o.mdx)("inlineCode",{parentName:"p"},"showRoot")," change the location used by the menu components, but they do not change the location of the overall page. For example, if the page location is ",(0,o.mdx)("inlineCode",{parentName:"p"},"/pages/99/summary"),", and the menu component calls ",(0,o.mdx)("inlineCode",{parentName:"p"},"showParent"),", the menu component for ",(0,o.mdx)("inlineCode",{parentName:"p"},"/pages/99")," will be rendered, but the content component for ",(0,o.mdx)("inlineCode",{parentName:"p"},"/pages/99/summary")," will still be rendered, and the browser URL will still be ",(0,o.mdx)("inlineCode",{parentName:"p"},"[base-url]/pages/99/summary"),"."),(0,o.mdx)("p",null,"After calling these navigation functions, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"location")," provided in the ",(0,o.mdx)("inlineCode",{parentName:"p"},"routingStackDelegate")," match the parent path specified. If the true page location is still necessary, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"withRouter")," HOC provided by ",(0,o.mdx)("inlineCode",{parentName:"p"},"react-router")," can be utilized as needed. And if this functionality is not desired at all for a given application, these props can be safely ignored."),(0,o.mdx)("h2",{id:"refuseroutingstacknavigation"},"refuseRoutingStackNavigation"),(0,o.mdx)("p",null,"The configuration API supports an additional key for each component specification called ",(0,o.mdx)("inlineCode",{parentName:"p"},"refuseRoutingStackNavigation")," that will prevent the associated component from appearing in parentPaths and will disallow navigation to it through the ",(0,o.mdx)("inlineCode",{parentName:"p"},"showParent"),"/",(0,o.mdx)("inlineCode",{parentName:"p"},"showRoot"),". A component with ",(0,o.mdx)("inlineCode",{parentName:"p"},"refuseRoutingStackNavigation")," set to ",(0,o.mdx)("inlineCode",{parentName:"p"},"true")," will only be presented if the current location matches its route. This is an advanced option that can be used to better control menu-based workflows."),(0,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-navigation-layout"))))),(0,o.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,o.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,o.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-router-dom"),(0,o.mdx)("td",{parentName:"tr",align:null},"^5.0.0")))),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-js"},"import NavigationLayout from 'terra-navigation-layout'\n")),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(T,{title:"Example Navigation Layout",mdxType:"NavigationLayoutStandard"}),(0,o.mdx)("h2",{id:"navigation-layout-props-table"},"Navigation Layout Props Table"),(0,o.mdx)(m,{mdxType:"NavigationLayoutPropsTable"}))}L.isMDXComponent=!0},65814:function(e,t,n){n.d(t,{C:function(){return r}});var a=n(67294),o=n(22863),r=function(e){var t=e.url;return a.createElement(o.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-layout",name:"terra-navigation-layout",version:"5.40.0",url:t})}},99411:function(e,t,n){n.r(t),t.default={"content-wrapper1":"HeaderExample-module__content-wrapper1___OzuTh","content-wrapper2":"HeaderExample-module__content-wrapper2___W276L",link:"HeaderExample-module__link___Rwadj",button:"HeaderExample-module__button___jOgHF"}},61852:function(e,t,n){n.r(t),t.default={"content-wrapper1":"NavigationLayoutDocCommon-module__content-wrapper1___QhTGN","content-wrapper2":"NavigationLayoutDocCommon-module__content-wrapper2___MR93e",button:"NavigationLayoutDocCommon-module__button___jiaAf","content-wrapper":"NavigationLayoutDocCommon-module__content-wrapper___QtI4q","example-menu":"NavigationLayoutDocCommon-module__example-menu___7l9MD"}},50371:function(e,t,n){n.r(t),t.default={content:"NavigationLayoutContent-module__content___WUXRL"}},12771:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(10434)),r=a(n(70215)),i=a(n(56690)),l=a(n(89728)),u=a(n(66115)),d=a(n(61655)),p=a(n(94993)),s=a(n(73808)),m=a(n(67294)),c=a(n(45697)),f=n(39711),h=a(n(41926)),g=a(n(74622)),y=n(6769),x=n(22134),v=["header","children","menu","menuText","config","indexPath","location","match","history","staticContext"];function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,s.default)(e);if(t){var o=(0,s.default)(this).constructor;n=Reflect.construct(a,arguments,o)}else n=a.apply(this,arguments);return(0,p.default)(this,n)}}var C=function(e){var t=e||window.innerWidth;return t>=1440?"huge":t>=1216?"large":t>=992?"medium":t>=768?"small":"tiny"},N={header:c.default.element,menu:c.default.element,children:c.default.element,menuText:c.default.string,config:y.navigationLayoutConfigPropType.isRequired,indexPath:c.default.string,location:c.default.object.isRequired,match:c.default.object.isRequired,history:c.default.object.isRequired,staticContext:c.default.object},w=function(e){(0,d.default)(n,e);var t=b(n);function n(e){var a;return(0,i.default)(this,n),(a=t.call(this,e)).updateSize=a.updateSize.bind((0,u.default)(a)),a.state={size:C(),processedRoutes:n.processRouteConfig(e.config),prevPropsConfig:e.config},a}return(0,l.default)(n,[{key:"componentDidMount",value:function(){window.addEventListener("resize",this.updateSize)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateSize)}},{key:"updateSize",value:function(){var e=C();this.state.size!==e&&this.setState({size:e})}},{key:"decorateElement",value:function(e,t){if(!e)return null;var n=this.state.size;return m.default.cloneElement(e,{navigationLayoutRoutes:t,navigationLayoutSize:n})}},{key:"render",value:function(){var e=this.props,t=e.header,n=e.children,a=e.menu,i=e.menuText,l=(e.config,e.indexPath),u=e.location,d=(e.match,e.history,e.staticContext,(0,r.default)(e,v)),p=this.state,s=p.size,c=p.processedRoutes,f=t||m.default.createElement(g.default,null),y=n||m.default.createElement(g.default,{redirectPath:l}),b=a;return!b&&(0,x.validateMatchExists)(u.pathname,c[s].menu)&&(b=m.default.createElement(g.default,{stackNavigationIsEnabled:!0})),m.default.createElement(h.default,(0,o.default)({},d,{header:this.decorateElement(f,c[s].header),menu:this.decorateElement(b,c[s].menu),menuText:i}),this.decorateElement(y,c[s].content))}}],[{key:"processRouteConfig",value:function(e){var t={};return y.supportedComponentBreakpoints.forEach((function(n){var a={};a.header=(0,x.reduceRouteConfig)(e.header,n),a.menu=(0,x.reduceRouteConfig)(e.menu,n),a.content=(0,x.reduceRouteConfig)(e.content,n),t[n]=a})),t}},{key:"getDerivedStateFromProps",value:function(e,t){return e.config!==t.prevPropsConfig?{processedRoutes:n.processRouteConfig(e.config)}:null}}]),n}(m.default.Component);w.propTypes=N;t.default=(0,f.withRouter)(w)},74622:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(70215)),r=a(n(67294)),i=a(n(45697)),l=n(39711),u=a(n(19845)),d=a(n(7035)),p=n(6769),s=a(n(50371)),m=["navigationLayoutRoutes","redirectPath","stackNavigationIsEnabled"],c=u.default.bind(s.default),f={navigationLayoutRoutes:p.processedRoutesPropType,redirectPath:i.default.string,stackNavigationIsEnabled:i.default.bool},h=function(e){var t=e.navigationLayoutRoutes,n=e.redirectPath,a=e.stackNavigationIsEnabled,i=(0,o.default)(e,m);return r.default.createElement("div",{className:c("content")},r.default.createElement(d.default,{navEnabled:a,routes:t,ancestorProps:i},n&&r.default.createElement(l.Redirect,{to:n})))};h.propTypes=f;t.default=h},7035:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(10434)),r=a(n(56690)),i=a(n(89728)),l=a(n(66115)),u=a(n(61655)),d=a(n(94993)),p=a(n(73808)),s=a(n(67294)),m=a(n(45697)),c=n(39711),f=a(n(49771));function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,p.default)(e);if(t){var o=(0,p.default)(this).constructor;n=Reflect.construct(a,arguments,o)}else n=a.apply(this,arguments);return(0,d.default)(this,n)}}var g={routes:n(6769).processedRoutesPropType,navEnabled:m.default.bool,location:m.default.object,history:m.default.object,children:m.default.node,ancestorProps:m.default.object},y=function(e){(0,u.default)(n,e);var t=h(n);function n(e){var a;return(0,r.default)(this,n),(a=t.call(this,e)).updateStackLocation=a.updateStackLocation.bind((0,l.default)(a)),a.createRoutes=a.createRoutes.bind((0,l.default)(a)),a.state={stackLocation:void 0},a}return(0,i.default)(n,[{key:"componentDidUpdate",value:function(e){e!==this.props&&this.setState({stackLocation:void 0})}},{key:"updateStackLocation",value:function(e){this.setState({stackLocation:{pathname:e}})}},{key:"createRoutes",value:function(e){var t=this,n=this.props,a=n.navEnabled,r=n.location,i=n.history,l=n.ancestorProps,u=this.state.stackLocation;if(e&&e.length)return e.map((function(e){var n={location:u||r,show:function(e){var n=e.path;(0,c.matchPath)(r.pathname,{path:n})?t.updateStackLocation(n):i.push(n)}};e.parentPaths&&e.parentPaths.length&&(n.parentPaths=e.parentPaths.reduce((function(e,t){var n=(0,c.matchPath)(r.pathname,{path:t});return n&&e.push(n.url),e}),[]),a&&n.parentPaths.length&&(n.showParent=function(){t.updateStackLocation(n.parentPaths[n.parentPaths.length-1])},n.parentPaths.length>1&&(n.showRoot=function(){t.updateStackLocation(n.parentPaths[0])})));var d=e.componentClass;return s.default.createElement(c.Route,{path:e.path,key:e.path,render:function(){return s.default.createElement(c.Route,{location:t.props.location,render:function(){return s.default.createElement(d,(0,o.default)({},l,e.componentProps,{routingStackDelegate:f.default.create(n)}))}})}})}))}},{key:"render",value:function(){var e=this.props,t=e.routes,n=e.location,a=e.children;return s.default.createElement(c.Switch,{location:this.state.stackLocation||n},this.createRoutes(t),a)}}]),n}(s.default.Component);y.propTypes=g;t.default=(0,c.withRouter)(y)},49771:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(45697)),r=["location","parentPaths","showParent","showRoot","show"],i={propType:o.default.shape({location:o.default.shape({pathname:o.default.string}),parentPaths:o.default.arrayOf(o.default.string),showParent:o.default.func,showRoot:o.default.func,show:o.default.func}),create:function(e){var t={};return r.forEach((function(n){e&&e[n]&&(t[n]=e[n])})),Object.freeze(t)},isEqual:function(e,t){return e===t||!(!e||!t)&&!r.some((function(n){return e[n]!==t[n]}))}};t.default=i},6769:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.supportedComponentBreakpoints=t.routePropType=t.routeConfigPropType=t.processedRoutesPropType=t.navigationLayoutConfigPropType=t.componentConfigPropType=void 0;var o=a(n(18698)),r=a(n(45697)),i=t.supportedComponentBreakpoints=["tiny","small","medium","large","huge"],l=t.componentConfigPropType=r.default.objectOf((function(e,t,n,a,r){if(!("default"===t||i.indexOf(t)>=0))return new Error("Invalid prop '".concat(r,"' supplied to '").concat(n,"'. Validation failed."));var l=e[t],u=!0;return null!==l&&("object"!==(0,o.default)(l)||!l.componentClass||"object"!==(0,o.default)(l.props)&&null!==l.props&&void 0!==l.props)&&(u=!1),!!u||new Error("Invalid prop '".concat(r,"' supplied to '").concat(n,"'. Validation failed."))})),u=t.routePropType=r.default.shape({path:function(e,t,n){return!!/\/.*/.test(e[t])||new Error("Invalid prop `".concat(t,"` supplied to")+" `".concat(n,"`. Validation failed. ").concat(t," must start with a forward slash (/)."))},component:l.isRequired}),d=t.routeConfigPropType=r.default.objectOf(u);t.navigationLayoutConfigPropType=r.default.shape({header:d,menu:d,content:d}),t.processedRoutesPropType=r.default.arrayOf(r.default.shape({path:r.default.string,componentClass:r.default.func,componentProps:r.default.object}))},22134:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.validateMatchExists=t.reduceRouteConfig=void 0;var o=a(n(38416)),r=a(n(18698)),i=n(39711);function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function u(e){for(var t=1;tt.path?-1:0})).map((function(e,t,n){if("/"===e.path)return e;for(var a=e.path.split("/"),o=[],r=0,i=a.length;r:first-child{margin-right:.5714rem}[dir=rtl] .Alert-module__actions___tQ0AP>:first-child{margin-left:.5714rem}[dir=ltr] .Alert-module__actions___tQ0AP>:last-child{margin-right:0}[dir=rtl] .Alert-module__actions___tQ0AP>:last-child{margin-left:0}[dir] .Alert-module__alert___1NkdW{background-color:#fedcdc;background-color:var(--terra-alert-alert-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-alert-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__error___srMNe{background-color:#fedcdc;background-color:var(--terra-alert-error-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-error-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__warning___2nZ8\+{background-color:#fff3ce;background-color:var(--terra-alert-warning-background-color, #fff3ce);box-shadow:2px 0 0 #ffc20a inset;box-shadow:var(--terra-alert-warning-box-shadow, 2px 0 0 #ffc20a inset)}[dir] .Alert-module__unsatisfied___fPicn{background-color:#f4f4f4;background-color:var(--terra-alert-unsatisfied-background-color, #f4f4f4);box-shadow:2px 0 0 #fa0000 inset;box-shadow:var(--terra-alert-unsatisfied-box-shadow, 2px 0 0 #fa0000 inset)}[dir] .Alert-module__unverified___rz\+PZ{background-color:#f4f4f4;background-color:var(--terra-alert-unverified-background-color, #f4f4f4);box-shadow:2px 0 0 #78288c inset;box-shadow:var(--terra-alert-unverified-box-shadow, 2px 0 0 #78288c inset)}[dir] .Alert-module__advisory___7AfzD{background-color:#f4f4f4;background-color:var(--terra-alert-advisory-background-color, #f4f4f4);box-shadow:2px 0 0 #9b9fa1 inset;box-shadow:var(--terra-alert-advisory-box-shadow, 2px 0 0 #9b9fa1 inset)}[dir] .Alert-module__info___2cMNU{background-color:#f4f4f4;background-color:var(--terra-alert-info-background-color, #f4f4f4);box-shadow:2px 0 0 #0092e0 inset;box-shadow:var(--terra-alert-info-box-shadow, 2px 0 0 #0092e0 inset)}[dir] .Alert-module__success___yOkOV{background-color:#f4f4f4;background-color:var(--terra-alert-success-background-color, #f4f4f4);box-shadow:2px 0 0 #78c346 inset;box-shadow:var(--terra-alert-success-box-shadow, 2px 0 0 #78c346 inset)}[dir] .Alert-module__custom___sjV0i{background-color:#f4f4f4;background-color:var(--terra-alert-custom-background-color, #f4f4f4);box-shadow:2px 0 0 inset;box-shadow:var(--terra-alert-custom-box-shadow, 2px 0 0 inset)}.Alert-module__alert___1NkdW .Alert-module__title___Ygk4p{color:#c00;color:var(--terra-alert-alert-title-color, #c00)}.Alert-module__error___srMNe .Alert-module__title___Ygk4p{color:#c00;color:var(--terra-alert-error-title-color, #c00)}.Alert-module__unsatisfied-icon___otAv1{color:#fa0000;color:var(--terra-alert-unsatisfied-icon-color, #fa0000)}.Alert-module__unverified-icon___\+HsE4{color:#78288c;color:var(--terra-alert-unverified-icon-color, #78288c)}.Alert-module__custom-default-color___8U7Ot{color:#9b9fa1;color:var(--terra-alert-custom-default-color, #9b9fa1)} +.colors-module__clinical-lowlight-theme___hlaqD{--terra-core-docs-attention-example-color: #f94e4e;--terra-core-docs-dismiss-example-color: #ff049b;--terra-core-docs-help-example-color: #0addff}.colors-module__orion-fusion-theme___2KJAr{--terra-core-docs-attention-example-color: #fa0000;--terra-core-docs-dismiss-example-color: #ff049b;--terra-core-docs-help-example-color: #b961cf}:root{--terra-core-docs-attention-example-color: #fa0000;--terra-core-docs-help-example-color: #b961cf;--terra-core-docs-dismiss-example-color: #ffa500}.colors-module__my-app-alert-attention-example___iAGBc{color:#fa0000;color:var(--terra-core-docs-attention-example-color, #fa0000)}.colors-module__my-app-alert-help-example___CSLgC{color:#b961cf;color:var(--terra-core-docs-help-example-color, #b961cf)}.colors-module__my-app-alert-dismiss-example___NOGjQ{color:#ffa500;color:var(--terra-core-docs-dismiss-example-color, #ffa500)} +[dir] .LongTextExample-module__long-text-example___\+Fdlh p{margin:.71428rem 0}[dir] .LongTextExample-module__long-text-example___\+Fdlh p:first-child{margin-top:0}[dir] .LongTextExample-module__long-text-example___\+Fdlh p:last-child{margin-bottom:0} +.ToggleButton-module__toggle-button___eo1aB{display:block}.ToggleButton-module__icon___mFdVK{display:inline-block;line-height:1}[dir] .ToggleButton-module__icon___mFdVK{transform:rotate(0deg)}.ToggleButton-module__icon___mFdVK svg{font-size:.8em;position:relative;top:-0.14em}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ToggleButton-module__icon___mFdVK svg{top:-0.07em}}[dir=ltr] .ToggleButton-module__is-open___W1RlO .ToggleButton-module__icon___mFdVK{transform:rotate(90deg)}[dir=rtl] .ToggleButton-module__is-open___W1RlO .ToggleButton-module__icon___mFdVK{transform:rotate(-90deg)}.ToggleButton-module__is-icon-animated___4e24X .ToggleButton-module__icon___mFdVK{transition:transform .15s ease-in}.ToggleButton-module__is-open___W1RlO.ToggleButton-module__is-icon-animated___4e24X .ToggleButton-module__icon___mFdVK{transition:transform .15s ease-in}[dir=ltr] .ToggleButton-module__button-text___\+N0CK{padding-left:.3rem}[dir=rtl] .ToggleButton-module__button-text___\+N0CK{padding-right:.3rem} diff --git a/1048-933460ddcefed63b8976.js b/1048-933460ddcefed63b8976.js new file mode 100644 index 000000000..5c055ceba --- /dev/null +++ b/1048-933460ddcefed63b8976.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1048],{83108:function(n,e,t){var a=t(64836);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=a(t(54520)),o=[{key:"uid_event_1",label:{display:"Defect A"},onClick:t(22678).loadPopup,shape:{path:[{id:"calendar",d:"M31 5V1.8c0-1-.8-1.8-1.8-1.8h-1.5c-1 0-1.8.8-1.8 1.8V5H11V1.8c0-1-.8-1.8-1.8-1.8H7.8C6.8 0 6 .8 6 1.8V5H2v33h19.1c-.1-.7-.1-1.3-.1-2v-1H5V17h27v4.6c1-.3 2-.4 3-.5V5h-4z"},{id:"circle",fill:"#78C346",d:"M36 24c6.6 0 12 5.4 12 12s-5.4 12-12 12-12-5.4-12-12 5.4-12 12-12z"},{id:"check",fill:"#FFF",d:"M34.1 42.4l-6.5-6.5 2.1-2.1 4.4 4.3 8.2-8.1 2.1 2.1-10.3 10.3z"}],options:{x:-7,y:-7,scale:.4}},color:r.default.helpers.COLORS.BLACK,values:[new Date(2018,2,5).toISOString()]},{key:"uid_event_2",label:{display:"Defect B"},shape:{path:[{id:"clock",d:"M25.3 25.9l-5.2-5.2v-8.5c.1-.7-.4-1.3-1-1.4-.7-.1-1.3.4-1.4 1V21c0 .5.2.9.5 1.2l5.3 5.3c.5.5 1.2.6 1.8.2.5-.4.6-1.1.3-1.6-.1 0-.2-.1-.3-.2zm7.2-15l1.7-1.7c.6-.6.6-1.7 0-2.3l-1.1-1.1c-.6-.6-1.7-.6-2.3 0L29 7.6c-1.5-1.1-3.3-2-5.1-2.6-.9-.3-1.8-.5-2.7-.6V1.6c0-.9-.7-1.6-1.6-1.6h-1.5c-.9 0-1.6.7-1.6 1.6v2.7C7.2 5.7.9 14.4 2.3 23.7 3.6 32 10.7 38.1 19 38.1c1 0 1.9-.1 2.9-.3l-1.4-1.4c-.2-.2-.4-.5-.5-.8-.3 0-.7.1-1 .1-8.1 0-14.6-6.5-14.6-14.6S10.9 6.5 19 6.5c1.5 0 2.9.2 4.3.7 5.9 1.8 9.9 7.1 10.2 13.2.7-.5 1.6-.6 2.4-.2-.2-3.4-1.4-6.6-3.4-9.3z"},{id:"diamond",fill:"#E50000",d:"M47.6 34.1s0-.1 0 0L35.7 22.2c-.2-.2-.5-.4-.8-.4s-.6.1-.8.3l-12 12c-.5.4-.5 1.2-.1 1.6 0 0 0 .1.1.1L34 47.6c.5.4 1.1.4 1.6 0l11.9-11.9c.5-.4.5-1.2.1-1.6z"},{id:"exclamation",fill:"#FFF",d:"M34 39h2v2h-2v-2zm0-11h2v9h-2v-9z"}],options:{x:-7,y:-7,scale:.35}},color:r.default.helpers.COLORS.WHITE,values:[new Date(2018,5,4).toISOString()]},{key:"uid_event_3",label:{display:"Defect C"},shape:{path:[{id:"triangle",fill:"#E50000",d:"M1.2 45c-1.1 0-1.6-.8-1-1.7L23 3.7c.5-1 1.4-1 2 0l22.8 39.6c.5 1 .1 1.7-1 1.7H1.2z"},{id:"exclamation",fill:"#FFF",d:"M21.5 36.7h5V42h-5v-5.3zm0-22.7h5v17.3h-5V14z"}],options:{x:-6.5,y:-7.5,scale:.35}},values:[new Date(2018,3,30).toISOString()]}];e.default=o},43015:function(n,e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=[{key:"task3",onClick:t(22678).loadTaskPopup,label:{display:"Story Apex"},startDate:new Date(2018,3,1).toISOString(),endDate:new Date(2018,7,10).toISOString()}];e.default=a},58234:function(n,e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;e.default=function(n){return{bindTo:n,axis:{x:{show:!0,lowerLimit:new Date(2018,1,1,12).toISOString(),upperLimit:new Date(2019,1,1,12).toISOString(),rangeRounding:!0}}}}},50487:function(n,e,t){var a=t(64836);e.Z=void 0;var r=a(t(67294)),o=a(t(54520)),l=a(t(53334));t(56867),t(77449);var s=a(t(93065)),c=a(t(58234)),i=a(t(42777)),p=a(t(43015)),d=a(t(83108)),u=l.default.deepClone((0,c.default)("#ganttEvents"));u.showActionLegend=!1,u.dateline=[];var m=(0,i.default)([p.default],[],[d.default],[],1);e.Z=function(){return r.default.useEffect((function(){var n=o.default.api.gantt(u);m.forEach((function(e){n.loadContent(e)}))}),[]),r.default.createElement(s.default,{id:"ganttEvents"})}},1048:function(n,e,t){t.r(e),t.d(e,{default:function(){return E}});var a=t(67294),r=t(81254),o=t(50487),l=["components"];function s(){return s=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var i={};function p(n){var e=n.components,t=c(n,l);return(0,r.mdx)("wrapper",s({},i,t,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Gantt/GanttChart.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGanttDefaultConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Gantt/ganttDefaultConfig';\nimport loadTracks from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/loadTracks';\nimport taskDataset2 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset2';\nimport eventDataset1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/eventDataset1';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGanttDefaultConfig('#ganttEvents'));\ngraphConfig.showActionLegend = false;\ngraphConfig.dateline = [];\nconst dataset = loadTracks([taskDataset2], [], [eventDataset1], [], 1);\n\nconst GanttEventsExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.gantt(graphConfig);\n dataset.forEach((data) => {\n graph.loadContent(data);\n });\n }, []);\n\n return (\n \n );\n};\n\nexport default GanttEventsExample;\n\n")))}p.isMDXComponent=!0;var d=t(49271),u=t(25005),m=function(n){var e=n.title,t=n.description,r=n.isExpanded;return a.createElement(d.Z,{title:e||"Events",description:t,example:a.createElement(o.Z,null),exampleCssSrc:a.createElement(u.Z,null),exampleSrc:a.createElement(p,null),isExpanded:r})},f=t(75831),h=t(47530),g=t(12437),v=["components"];function b(){return b=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var y={},O="wrapper";function j(n){var e=n.components,t=x(n,v);return(0,r.mdx)(O,b({},y,t,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst scheduled = {\n path: [\n {\n id: 'calendar',\n d:\n 'M31 5V1.8c0-1-.8-1.8-1.8-1.8h-1.5c-1 0-1.8.8-1.8 1.8V5H11V1.8c0-1-.8-1.8-1.8-1.8H7.8C6.8'\n + ' 0 6 .8 6 1.8V5H2v33h19.1c-.1-.7-.1-1.3-.1-2v-1H5V17h27v4.6c1-.3 2-.4 3-.5V5h-4z',\n },\n {\n id: 'circle',\n fill: '#78C346',\n d:\n 'M36 24c6.6 0 12 5.4 12 12s-5.4 12-12 12-12-5.4-12-12 5.4-12 12-12z',\n },\n {\n id: 'check',\n fill: '#FFF',\n d: 'M34.1 42.4l-6.5-6.5 2.1-2.1 4.4 4.3 8.2-8.1 2.1 2.1-10.3 10.3z',\n },\n ],\n options: {\n x: -7,\n y: -7,\n scale: 0.4,\n },\n};\n\nconst dueSoon = {\n path: [\n {\n id: 'clock',\n d:\n 'M25.3 25.9l-5.2-5.2v-8.5c.1-.7-.4-1.3-1-1.4-.7-.1-1.3.4-1.4 1V21c0 .5.2.9.5 '\n + '1.2l5.3 5.3c.5.5 1.2.6 1.8.2.5-.4.6-1.1.3-1.6-.1 0-.2-.1-.3-.2zm7.2-15l1.7-1.7c.6-.6.6-1.7 '\n + '0-2.3l-1.1-1.1c-.6-.6-1.7-.6-2.3 0L29 7.6c-1.5-1.1-3.3-2-5.1-2.6-.9-.3-1.8-.5-2.7-.6V1.6c0-.9-.7-'\n + '1.6-1.6-1.6h-1.5c-.9 0-1.6.7-1.6 1.6v2.7C7.2 5.7.9 14.4 2.3 23.7 3.6 32 10.7 38.1 19 38.1c1 0 1.9-.1 2.9'\n + '-.3l-1.4-1.4c-.2-.2-.4-.5-.5-.8-.3 0-.7.1-1 .1-8.1 0-14.6-6.5-14.6-14.6S10.9 6.5 19 6.5c1.5 0 2.9.2 4.3.7 '\n + '5.9 1.8 9.9 7.1 10.2 13.2.7-.5 1.6-.6 2.4-.2-.2-3.4-1.4-6.6-3.4-9.3z',\n },\n {\n id: 'diamond',\n fill: '#E50000',\n d:\n 'M47.6 34.1s0-.1 0 0L35.7 22.2c-.2-.2-.5-.4-.8-.4s-.6.1-.8.3l-12 12c-.5.4-.5 1.2-.1 1.6 0 0 0 '\n + '.1.1.1L34 47.6c.5.4 1.1.4 1.6 0l11.9-11.9c.5-.4.5-1.2.1-1.6z',\n },\n {\n id: 'exclamation',\n fill: '#FFF',\n d: 'M34 39h2v2h-2v-2zm0-11h2v9h-2v-9z',\n },\n ],\n options: {\n x: -7,\n y: -7,\n scale: 0.35,\n },\n};\n\nconst alert = {\n path: [\n {\n id: 'triangle',\n fill: '#E50000',\n d:\n 'M1.2 45c-1.1 0-1.6-.8-1-1.7L23 3.7c.5-1 1.4-1 2 0l22.8 39.6c.5 1 .1 1.7-1 1.7H1.2z',\n },\n {\n id: 'exclamation',\n fill: '#FFF',\n d: 'M21.5 36.7h5V42h-5v-5.3zm0-22.7h5v17.3h-5V14z',\n },\n ],\n options: {\n x: -6.5,\n y: -7.5,\n scale: 0.35,\n },\n};\n\nconst eventDataset1 = [\n {\n key: 'uid_event_1',\n label: {\n display: 'Defect A',\n },\n onClick: loadPopup,\n shape: scheduled,\n color: Carbon.helpers.COLORS.BLACK,\n values: [new Date(2018, 2, 5).toISOString()],\n },\n {\n key: 'uid_event_2',\n label: {\n display: 'Defect B',\n },\n shape: dueSoon,\n color: Carbon.helpers.COLORS.WHITE,\n values: [new Date(2018, 5, 4).toISOString()],\n },\n {\n key: 'uid_event_3',\n label: {\n display: 'Defect C',\n },\n shape: alert,\n values: [new Date(2018, 3, 30).toISOString()],\n },\n];\n\nexport default eventDataset1;\n\n")))}j.isMDXComponent=!0;var C=["components"];function D(){return D=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}t(51320);var w={},k="wrapper";function E(n){var e=n.components,t=S(n,C);return(0,r.mdx)(k,D({},w,t,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"simple-gantt"},"Simple Gantt"),(0,r.mdx)("p",null,"This is a simple Gantt chart with Events."),(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 i @cerner/carbon-graphs --save-dev"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(m,{mdxType:"GanttChart"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Data")),(0,r.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,r.mdx)(f.Z,{mdxType:"GraphConfig"}),(0,r.mdx)("h3",{id:"data-object"},"Data object"),(0,r.mdx)("h4",{id:"task-dataset"},"Task Dataset"),(0,r.mdx)(h.Z,{mdxType:"TasksDataObject"}),(0,r.mdx)("h4",{id:"events-dataset"},"Events Dataset"),(0,r.mdx)(j,{mdxType:"EventsDataObject"}),(0,r.mdx)("h3",{id:"load-track"},"Load Track"),(0,r.mdx)(g.Z,{mdxType:"LoadTracks"})))}E.isMDXComponent=!0},47530:function(n,e,t){t.d(e,{Z:function(){return i}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var s={},c="wrapper";function i(n){var e=n.components,t=l(n,r);return(0,a.mdx)(c,o({},s,t,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset2 = [\n {\n key: 'task3',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Apex',\n },\n startDate: new Date(2018, 3, 1).toISOString(),\n endDate: new Date(2018, 7, 10).toISOString(),\n },\n];\n\nexport default taskDataset2;\n\n")))}i.isMDXComponent=!0},75831:function(n,e,t){t.d(e,{Z:function(){return i}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var s={},c="wrapper";function i(n){var e=n.components,t=l(n,r);return(0,a.mdx)(c,o({},s,t,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const getGanttDefaultConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n show: true,\n lowerLimit: new Date(2018, 1, 1, 12).toISOString(),\n upperLimit: new Date(2019, 1, 1, 12).toISOString(),\n rangeRounding: true, // If set to false, we don't extend the domain\n },\n },\n});\n\nexport default getGanttDefaultConfig;\n\n\n")))}i.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/10706-928f8699b7809516a1f5.js b/10706-928f8699b7809516a1f5.js new file mode 100644 index 000000000..7d097bdb7 --- /dev/null +++ b/10706-928f8699b7809516a1f5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10706],{28597:function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=[{key:"activity1",label:{display:"activity1"},onClick:function(){},color:"#FFDF00",startDate:new Date(2018,1,1).toISOString(),endDate:new Date(2018,4,10).toISOString(),style:{isDotted:!1,isHollow:!1}}];e.default=n},95043:function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=[{key:"activity2-hashed",label:{display:"Story Apex Hashed Activity"},color:"#000",startDate:new Date(2018,0,1).toISOString(),endDate:new Date(2018,3,1).toISOString(),style:{isDotted:!1,isHollow:!1,isHashed:!0}},{key:"activity3",color:"#ff0000",label:{display:"Story Apex Activity"},startDate:new Date(2018,3,1).toISOString(),endDate:new Date(2018,9,10).toISOString(),style:{isDotted:!1,isHollow:!1}}];e.default=n},50679:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=n(88703),r=n(22678),o=[{key:"activity4",color:a.COLORS.LIGHT_BLUE,onMouseEnter:r.loadTaskPopup,onMouseMove:r.loadTaskPopup,label:{display:"Story Charming Activity"},startDate:new Date(2016,0,1,10,30).toISOString(),endDate:new Date(2016,0,1,12,30).toISOString(),style:{isDotted:!1,isHollow:!1}}];e.default=o},45469:function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=[{key:"activity5",label:{display:"activity5"},onClick:function(){},color:"#FFDF00",startDate:new Date(2016,0,1,12).toISOString(),endDate:new Date(2016,0,1,15).toISOString(),style:{isDotted:!1,isHollow:!1}}];e.default=n},86739:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=n(22678),r=[{key:"task1",onClick:a.loadTaskPopup,label:{display:"Story Apex"},startDate:new Date(2018,2,1).toISOString(),endDate:new Date(2018,3,10).toISOString()},{key:"task2",onClick:a.loadTaskPopup,label:{display:"Story Broccoli"},startDate:new Date(2018,8,1).toISOString(),endDate:new Date(2018,9,10).toISOString()}];e.default=r},43015:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=[{key:"task3",onClick:n(22678).loadTaskPopup,label:{display:"Story Apex"},startDate:new Date(2018,3,1).toISOString(),endDate:new Date(2018,7,10).toISOString()}];e.default=a},4216:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=n(22678),r=[{key:"task4",onClick:a.loadTaskPopup,label:{display:"Story Charming"},startDate:new Date(2018,6,1).toISOString(),endDate:new Date(2018,7,10).toISOString()},{key:"task5",onClick:a.loadTaskPopup,label:{display:"Story Broccoli"},startDate:new Date(2018,10,1).toISOString(),endDate:new Date(2018,10,1).toISOString()}];e.default=r},42765:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=[{key:"task6",onClick:n(22678).loadTaskPopup,label:{display:"Story Apex"},startDate:new Date(2018,6,1).toISOString(),endDate:new Date(2018,9,10).toISOString()}];e.default=a},58234:function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;e.default=function(t){return{bindTo:t,axis:{x:{show:!0,lowerLimit:new Date(2018,1,1,12).toISOString(),upperLimit:new Date(2019,1,1,12).toISOString(),rangeRounding:!0}}}}},54574:function(t,e,n){var a=n(64836);e.Z=void 0;var r=a(n(67294)),o=a(n(54520)),s=a(n(53334));n(56867),n(77449);var i=a(n(93065)),l=a(n(58234)),p=a(n(42777)),c=a(n(86739)),d=a(n(43015)),u=a(n(4216)),f=a(n(42765)),m=a(n(28597)),y=a(n(95043)),g=a(n(50679)),O=a(n(45469)),b=s.default.deepClone((0,l.default)("#ganttTasksAndActivities")),v=[s.default.deepClone(c.default),s.default.deepClone(d.default),s.default.deepClone(u.default),s.default.deepClone(f.default)],D=[s.default.deepClone(m.default),s.default.deepClone(y.default),s.default.deepClone(g.default),s.default.deepClone(O.default)],x=(0,p.default)(v,D,[],[],4);e.Z=function(){return r.default.useEffect((function(){var t=o.default.api.gantt(b);x.forEach((function(e){t.loadContent(e)}))}),[]),r.default.createElement(i.default,{id:"ganttTasksAndActivities"})}},10706:function(t,e,n){n.r(e),n.d(e,{default:function(){return U}});var a=n(67294),r=n(81254),o=n(54574),s=["components"];function i(){return i=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var p={};function c(t){var e=t.components,n=l(t,s);return(0,r.mdx)("wrapper",i({},p,n,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Gantt/GanttChart.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGanttDefaultConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Gantt/ganttDefaultConfig';\nimport loadTracks from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/loadTracks';\nimport taskDataset1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset1';\nimport taskDataset2 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset2';\nimport taskDataset3 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset3';\nimport taskDataset4 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset4';\nimport activityDataset1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/activityDataset1';\nimport activityDataset2 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/activityDataset2';\nimport activityDataset3 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/activityDataset3';\nimport activityDataset4 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/activityDataset4';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGanttDefaultConfig('#ganttTasksAndActivities'));\nconst tasksData = [utils.deepClone(taskDataset1), utils.deepClone(taskDataset2), utils.deepClone(taskDataset3), utils.deepClone(taskDataset4)];\nconst activitiesData = [utils.deepClone(activityDataset1), utils.deepClone(activityDataset2), utils.deepClone(activityDataset3), utils.deepClone(activityDataset4)];\nconst dataset = loadTracks(tasksData, activitiesData, [], [], 4);\n\nconst GanttTasksAndActivitiesExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.gantt(graphConfig);\n dataset.forEach((data) => {\n graph.loadContent(data);\n });\n }, []);\n\n return (\n \n );\n};\n\nexport default GanttTasksAndActivitiesExample;\n\n")))}c.isMDXComponent=!0;var d=n(49271),u=n(25005),f=function(t){var e=t.title,n=t.description,r=t.isExpanded;return a.createElement(d.Z,{title:e||"Tasks And Activities",description:n,example:a.createElement(o.Z,null),exampleCssSrc:a.createElement(u.Z,null),exampleSrc:a.createElement(c,null),isExpanded:r})},m=n(75831),y=n(65092),g=n(47530),O=n(29890),b=n(67517),v=n(42026),D=["components"];function x(){return x=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var h={},k="wrapper";function j(t){var e=t.components,n=S(t,D);return(0,r.mdx)(k,x({},h,n,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"const activityDataset2 = [\n {\n key: 'activity2-hashed',\n label: {\n display: 'Story Apex Hashed Activity',\n },\n color: '#000',\n startDate: new Date(2018, 0, 1).toISOString(),\n endDate: new Date(2018, 3, 1).toISOString(),\n style: {\n isDotted: false,\n isHollow: false,\n isHashed: true,\n },\n },\n {\n key: 'activity3',\n color: '#ff0000',\n label: {\n display: 'Story Apex Activity',\n },\n startDate: new Date(2018, 3, 1).toISOString(),\n endDate: new Date(2018, 9, 10).toISOString(),\n style: {\n isDotted: false,\n isHollow: false,\n },\n },\n];\n\nexport default activityDataset2;\n\n")))}j.isMDXComponent=!0;var w=["components"];function C(){return C=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var P={},I="wrapper";function A(t){var e=t.components,n=T(t,w);return(0,r.mdx)(I,C({},P,n,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import { COLORS } from '@cerner/carbon-graphs/lib/js/helpers/constants';\nimport { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst activityDataset3 = [\n {\n key: 'activity4',\n color: COLORS.LIGHT_BLUE,\n onMouseEnter: loadTaskPopup,\n onMouseMove: loadTaskPopup,\n label: {\n display: 'Story Charming Activity',\n },\n startDate: new Date(2016, 0, 1, 10, 30).toISOString(),\n endDate: new Date(2016, 0, 1, 12, 30).toISOString(),\n style: {\n isDotted: false,\n isHollow: false,\n },\n },\n];\n\nexport default activityDataset3;\n\n")))}A.isMDXComponent=!0;var M=["components"];function E(){return E=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var N={},L="wrapper";function X(t){var e=t.components,n=G(t,M);return(0,r.mdx)(L,E({},N,n,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"const activityDataset4 = [\n {\n key: 'activity5',\n label: {\n display: 'activity5',\n },\n onClick: () => {},\n color: '#FFDF00',\n startDate: new Date(2016, 0, 1, 12).toISOString(),\n endDate: new Date(2016, 0, 1, 15).toISOString(),\n style: {\n isDotted: false,\n isHollow: false,\n },\n },\n];\n\nexport default activityDataset4;\n\n")))}X.isMDXComponent=!0;var _=n(12437),Z=["components"];function H(){return H=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}n(51320);var R={},B="wrapper";function U(t){var e=t.components,n=F(t,Z);return(0,r.mdx)(B,H({},R,n,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"simple-gantt"},"Simple Gantt"),(0,r.mdx)("p",null,"This is a simple Gantt chart with tasks and Activities."),(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 i @cerner/carbon-graphs --save-dev"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(f,{mdxType:"GanttChart"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Data")),(0,r.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,r.mdx)(m.Z,{mdxType:"GraphConfig"}),(0,r.mdx)("h4",{id:"task-dataset-1"},"Task Dataset 1"),(0,r.mdx)(y.Z,{mdxType:"TaskDataObject1"}),(0,r.mdx)("h4",{id:"task-dataset-2"},"Task Dataset 2"),(0,r.mdx)(g.Z,{mdxType:"TaskDataObject2"}),(0,r.mdx)("h4",{id:"task-dataset-3"},"Task Dataset 3"),(0,r.mdx)(O.Z,{mdxType:"TaskDataObject3"}),(0,r.mdx)("h4",{id:"task-dataset-4"},"Task Dataset 4"),(0,r.mdx)(b.Z,{mdxType:"TaskDataObject4"}),(0,r.mdx)("h4",{id:"activity-dataset-1"},"Activity Dataset 1"),(0,r.mdx)(v.Z,{mdxType:"ActivityDataObject1"}),(0,r.mdx)("h4",{id:"activity-dataset-2"},"Activity Dataset 2"),(0,r.mdx)(j,{mdxType:"ActivityDataObject2"}),(0,r.mdx)("h4",{id:"activity-dataset-3"},"Activity Dataset 3"),(0,r.mdx)(A,{mdxType:"ActivityDataObject3"}),(0,r.mdx)("h4",{id:"activity-dataset-4"},"Activity Dataset 4"),(0,r.mdx)(X,{mdxType:"ActivityDataObject4"}),(0,r.mdx)("h3",{id:"load-track"},"Load Track"),(0,r.mdx)(_.Z,{mdxType:"LoadTracks"})))}U.isMDXComponent=!0},42026:function(t,e,n){n.d(e,{Z:function(){return p}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i={},l="wrapper";function p(t){var e=t.components,n=s(t,r);return(0,a.mdx)(l,o({},i,n,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const activityDataset1 = [\n {\n key: 'activity1',\n label: {\n display: 'activity1',\n },\n onClick: () => {},\n color: '#FFDF00',\n startDate: new Date(2018, 1, 1).toISOString(),\n endDate: new Date(2018, 4, 10).toISOString(),\n style: {\n isDotted: false,\n isHollow: false,\n },\n },\n];\n\nexport default activityDataset1;\n\n")))}p.isMDXComponent=!0},65092:function(t,e,n){n.d(e,{Z:function(){return p}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i={},l="wrapper";function p(t){var e=t.components,n=s(t,r);return(0,a.mdx)(l,o({},i,n,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset1 = [\n {\n key: 'task1',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Apex',\n },\n startDate: new Date(2018, 2, 1).toISOString(),\n endDate: new Date(2018, 3, 10).toISOString(),\n },\n {\n key: 'task2',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Broccoli',\n },\n startDate: new Date(2018, 8, 1).toISOString(),\n endDate: new Date(2018, 9, 10).toISOString(),\n },\n];\n\nexport default taskDataset1;\n\n")))}p.isMDXComponent=!0},47530:function(t,e,n){n.d(e,{Z:function(){return p}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i={},l="wrapper";function p(t){var e=t.components,n=s(t,r);return(0,a.mdx)(l,o({},i,n,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset2 = [\n {\n key: 'task3',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Apex',\n },\n startDate: new Date(2018, 3, 1).toISOString(),\n endDate: new Date(2018, 7, 10).toISOString(),\n },\n];\n\nexport default taskDataset2;\n\n")))}p.isMDXComponent=!0},29890:function(t,e,n){n.d(e,{Z:function(){return p}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i={},l="wrapper";function p(t){var e=t.components,n=s(t,r);return(0,a.mdx)(l,o({},i,n,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset3 = [\n {\n key: 'task4',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Charming',\n },\n startDate: new Date(2018, 6, 1).toISOString(),\n endDate: new Date(2018, 7, 10).toISOString(),\n },\n {\n key: 'task5',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Broccoli',\n },\n startDate: new Date(2018, 10, 1).toISOString(),\n endDate: new Date(2018, 10, 1).toISOString(),\n },\n];\n\nexport default taskDataset3;\n\n")))}p.isMDXComponent=!0},67517:function(t,e,n){n.d(e,{Z:function(){return p}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i={},l="wrapper";function p(t){var e=t.components,n=s(t,r);return(0,a.mdx)(l,o({},i,n,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset4 = [\n {\n key: 'task6',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Apex',\n },\n startDate: new Date(2018, 6, 1).toISOString(),\n endDate: new Date(2018, 9, 10).toISOString(),\n },\n];\n\nexport default taskDataset4;\n\n")))}p.isMDXComponent=!0},75831:function(t,e,n){n.d(e,{Z:function(){return p}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i={},l="wrapper";function p(t){var e=t.components,n=s(t,r);return(0,a.mdx)(l,o({},i,n,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const getGanttDefaultConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n show: true,\n lowerLimit: new Date(2018, 1, 1, 12).toISOString(),\n upperLimit: new Date(2019, 1, 1, 12).toISOString(),\n rangeRounding: true, // If set to false, we don't extend the domain\n },\n },\n});\n\nexport default getGanttDefaultConfig;\n\n\n")))}p.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/10790-be0ffb1867111519657e.css b/10790-be0ffb1867111519657e.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/10790-be0ffb1867111519657e.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/10790-be0ffb1867111519657e.js b/10790-be0ffb1867111519657e.js new file mode 100644 index 000000000..5cc1daa4f --- /dev/null +++ b/10790-be0ffb1867111519657e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10790,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,n,t){var r=t(64836);n.Z=void 0;var a=r(t(67294)),i=r(t(45697)),l=r(t(19845)),o=r(t(17422)),s=l.default.bind(o.default),d={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},c=function(e){var n=e.src,t=e.name,r=e.url,i=e.version,l=a.default.createElement("a",{className:s("badge"),href:r||"https://www.npmjs.org/package/".concat(t,"/v/").concat(i)},a.default.createElement("span",{className:s("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:s("badge-version")},"v".concat(i))),o=n?a.default.createElement("a",{className:s("badge"),href:n},a.default.createElement("span",{className:s("badge-name")},"github"),a.default.createElement("span",{className:s("badge-version")},"source")):void 0;return a.default.createElement("div",{className:s("badge-container")},l,o)};c.propTypes=d;var u=c;n.Z=u},10790:function(e,n,t){t.r(n),t.d(n,{default:function(){return c}});t(67294);var r=t(81254),a=t(97583),i=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var s={},d="wrapper";function c(e){var n=e.components,t=o(e,i);return(0,r.mdx)(d,l({},s,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(a.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"stylelint-config-terra-upgrade-guide"},"stylelint-config-terra Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-cernerstylelint-config-terra-400-to-cernerstylelint-config-terra-500"},"Changes from @cerner/stylelint-config-terra 4.0.0 to @cerner/stylelint-config-terra 5.0.0"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Stylelint version 15 is now required. Refer to the ",(0,r.mdx)("a",{parentName:"li",href:"https://stylelint.io/migration-guide/to-15"},"Stylelint 15 Migration Guide for more details"),". "),(0,r.mdx)("li",{parentName:"ul"},"Support for IE10 rules has been dropped. Make sure you are no longer using IE10 rules in your project before upgrading."),(0,r.mdx)("li",{parentName:"ul"},"Stylint CLI no longer supports --syntax option. Refer to the ",(0,r.mdx)("a",{parentName:"li",href:"https://stylelint.io/migration-guide/to-14#syntax-option-and-automatic-inferral-of-syntax"},"Stylelint 14 Migration Guide for more details"),".")),(0,r.mdx)("h2",{id:"changes-from-stylelint-config-terra-3x-to-cernerstylelint-config-terra-400"},"Changes from stylelint-config-terra 3.x to @cerner/stylelint-config-terra 4.0.0"),(0,r.mdx)("h3",{id:"node-10"},"Node 10"),(0,r.mdx)("p",null,"Node 10 is not the minimum supported version. Upgrade to node 14."),(0,r.mdx)("h3",{id:"stylelint-13"},"Stylelint 13"),(0,r.mdx)("p",null,"Stylelint version 13 is now required."),(0,r.mdx)("h3",{id:"cerner-scoping"},"@cerner scoping"),(0,r.mdx)("p",null,"The package is now scoped under @cerner."),(0,r.mdx)("h3",{id:"upgrading"},"Upgrading"),(0,r.mdx)("p",null,"Upgrades are confined to the consuming packages package.json file."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},'{\n "stylelint": {\n- "extends": "stylelint-config-terra",\n+ "extends": "@cerner/stylelint-config-terra",\n },\n "devDependencies": {\n+ "@cerner/stylelint-config-terra": "^4.0.0",\n- "stylelint": "^11.0.0",\n+ "stylelint": "^13.0.0",\n- "stylelint-config-terra": "^3.2.0",\n }\n}\n')))}c.isMDXComponent=!0},97583:function(e,n,t){t.d(n,{C:function(){return i}});var r=t(67294),a=t(22863),i=function(e){var n=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/stylelint-config-terra",name:"@cerner/stylelint-config-terra",version:"5.0.1",url:n})}},17422: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"}}}]); \ No newline at end of file diff --git a/10877-048b6572b20619c2e31a.js b/10877-048b6572b20619c2e31a.js new file mode 100644 index 000000000..cdaa30d0d --- /dev/null +++ b/10877-048b6572b20619c2e31a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10877],{10877:function(e,n,t){t.r(n),t.d(n,{default:function(){return s}});t(67294);var o=t(81254),r=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var a={},l="wrapper";function s(e){var n=e.components,t=d(e,r);return(0,o.mdx)(l,i({},a,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"docker-development-environment"},"Docker Development Environment"),(0,o.mdx)("p",null,"Terra provides a docker development environment that allows developers access to a common environment to develop Terra components regardless of the OS they are developing on."),(0,o.mdx)("h2",{id:"services"},"Services"),(0,o.mdx)("p",null,"In each Terra repository there is a docker-compose.yml file that defines several services, most importantly ",(0,o.mdx)("inlineCode",{parentName:"p"},"dev"),"."),(0,o.mdx)("h3",{id:"dev-service"},"Dev Service"),(0,o.mdx)("p",null,"The dev service provides a linux environment with node, npm and the zsh terminal pre-installed. By default the dev service volume mounts the entire local repo directory into the docker container to enable hot reloading during development."),(0,o.mdx)("h3",{id:"standalone-chrome-service"},"Standalone Chrome Service"),(0,o.mdx)("p",null,"Terra's webdriver.io integration tests must run against selenium standalone-chrome node, so this service is required to run wdio tests. It is started alongside the dev and test-ci services."),(0,o.mdx)("h2",{id:"sharing-node_modules"},"Sharing ",(0,o.mdx)("inlineCode",{parentName:"h2"},"node_modules")),(0,o.mdx)("p",null,"The docker development environment intentionally will write out ",(0,o.mdx)("inlineCode",{parentName:"p"},"node_modules")," to the shared host volume. This provides several benefits:"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Simpler volume mounting, everything edited in the repo is shared to the docker container."),(0,o.mdx)("li",{parentName:"ul"},"Node module caching. For the development containers ",(0,o.mdx)("inlineCode",{parentName:"li"},"npm install")," is run at run time of the docker container (opposed to build time). This is done to allow ",(0,o.mdx)("inlineCode",{parentName:"li"},"npm install")," to discover local dependencies. To avoid long startup times ",(0,o.mdx)("inlineCode",{parentName:"li"},"node_modules")," are cached to the local volume. If ",(0,o.mdx)("inlineCode",{parentName:"li"},"node_modules")," are found ",(0,o.mdx)("inlineCode",{parentName:"li"},"npm install")," is not run at run time.")),(0,o.mdx)("h2",{id:"before-development"},"Before Development"),(0,o.mdx)("p",null,"To build all the services in the docker-compose file, run:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-bash"},"docker-compose build\n")),(0,o.mdx)("h2",{id:"developing"},"Developing"),(0,o.mdx)("p",null,"To get started developing with the dev service, run:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-bash"},"docker-compose run --service-ports dev\n")),(0,o.mdx)("p",null,"This will start the docker container for the repo, run npm install (if ",(0,o.mdx)("inlineCode",{parentName:"p"},"node_modules")," are not detected) and then launch the zsh terminal. Then you're free to use your favorite editor to manipulate the code in the repo. Simply run ",(0,o.mdx)("inlineCode",{parentName:"p"},"npm run start")," once the terminal has launched to start the server."),(0,o.mdx)("h2",{id:"testing"},"Testing"),(0,o.mdx)("p",null,"It is required to use the ",(0,o.mdx)("inlineCode",{parentName:"p"},"--service-ports")," flag when running either service to run wdio tests from the docker container. This maps the service's ports to the host."),(0,o.mdx)("h2",{id:"after-development"},"After development"),(0,o.mdx)("p",null,"After you've finished running development (or periodically), run:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-bash"},"docker-compose down\n")),(0,o.mdx)("p",null,"This will stop the standalone-chrome service that will otherwise be left running on your device."),(0,o.mdx)("h2",{id:"using-local-dependencies"},"Using Local Dependencies"),(0,o.mdx)("p",null,"Local dependencies are supported in the docker development environment, but require an additional step. For the docker container to be able to find the local dependency, it must be volume mounted to the docker container from the dev service."),(0,o.mdx)("p",null,"For example:"),(0,o.mdx)("p",null,"package.json"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-json"},'"dependencies": {\n "classnames": "file:../classnames",\n}\n')),(0,o.mdx)("p",null,"docker-compose.yml"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-diff"},'dev:\n image: "terra-ui:dev"\n build:\n context: ./\n args:\n - npm_install=false\n ports:\n - 8080:8080\n volumes:\n - .:/opt/module\n+ # This is the local dependency volume mount.\n+ - ../classnames:/opt/classnames\n')),(0,o.mdx)("h2",{id:"other-ways-to-run-the-zsh-terminal"},"Other Ways to Run the Zsh Terminal"),(0,o.mdx)("p",null,"It is also possible to run the Zsh terminal on a docker container. To attach to a running docker container, run:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-bash"},"docker exec -it /bin/zsh\n")),(0,o.mdx)("h2",{id:"troubleshooting"},"Troubleshooting"),(0,o.mdx)("h3",{id:"error-missing-binding"},"Error: Missing binding"),(0,o.mdx)("p",null,"This error means that a node_module install for one environment is being run in another. Likely this means that you ran npm install on your host OS and are now trying to use that module in your docker container or the opposite. To resolve the issue delete the ",(0,o.mdx)("inlineCode",{parentName:"p"},"node_modules")," folder and run npm_install where you are attempting to start the server."),(0,o.mdx)("h3",{id:"dependency-changes-not-taking-effect"},"Dependency changes not taking effect"),(0,o.mdx)("p",null,"npm install is triggered at run time of the docker container. If a ",(0,o.mdx)("inlineCode",{parentName:"p"},"node_modules")," directory is found npm install will not run. If dependencies have changed the script checking for ",(0,o.mdx)("inlineCode",{parentName:"p"},"node_modules")," isn't smart enough to re-run npm install. To resolve the issue either terminate the service and run npm install or delete the ",(0,o.mdx)("inlineCode",{parentName:"p"},"node_modules")," folder and rerun the docker container."))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/10885-dff470d541fd489a0841.css b/10885-dff470d541fd489a0841.css new file mode 100644 index 000000000..06b201ce4 --- /dev/null +++ b/10885-dff470d541fd489a0841.css @@ -0,0 +1,4 @@ +:root{--default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1);--default-transition-duration: 1s}:root{--terra-graphs-white: #fff;--terra-graphs-dark: #1c1f21;--terra-graphs-grey5: #f4f4f4;--terra-graphs-grey10: #e8e9ea;--terra-graphs-grey15: #dedfe0;--terra-graphs-grey25: #c8cacb;--terra-graphs-grey30: #bcbfc0;--terra-graphs-grey45: #9b9fa1;--terra-graphs-grey65: #6f7477;--terra-graphs-blue100: #004c76;--terra-graphs-blue30: #a6d9f4;--terra-graphs-blue10: #ebf6fd;--terra-graphs-red85: #c00;--terra-graphs-yellow60: #ffc20a;--terra-graphs-grey55: #868a8c}.carbon-svg-icon{display:inline-block;height:.625rem;width:.625rem}.carbon-graph-container{color:#1c1f21;color:var(--terra-graphs-dark);display:block;width:100%}[dir] .carbon-graph-container{padding-bottom:.8333rem;padding-top:.8333rem}.carbon-graph-container svg:not(:root){overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.carbon-graph-canvas{box-sizing:border-box;display:block;overflow-x:hidden;overflow-y:auto}.carbon-axis path.domain,.carbon-axis line{fill:none;stroke:#bcbfc0;stroke:var(--terra-graphs-grey30)}.carbon-grid line,.carbon-content-container{shape-rendering:auto}.carbon-axis-x[aria-hidden=true],.carbon-axis-y[aria-hidden=true],.carbon-axis-y2[aria-hidden=true],.carbon-axis-info-row[aria-hidden=true]{display:none}.carbon-axis.carbon-axis-reference-line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:2px}.carbon-grid>* .domain[stroke]{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-lower-step-grid line{stroke:#9b9b9b;stroke-width:1px}.carbon-midpoint-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10);stroke-width:1px}.carbon-upper-step-grid line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:3px}.carbon-no-data-text{fill:#1c1f21;fill:var(--terra-graphs-dark)}.carbon-legend{-ms-flex-line-pack:center;align-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;list-style-type:none}[dir] .carbon-legend{margin:0;padding:0}.carbon-legend .carbon-legend-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;outline:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-legend .carbon-legend-item{margin:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-btn{-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;font-size:inherit;height:1.875rem;width:2.1875rem}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{background-color:#dedfe0;background-color:var(--terra-graphs-grey15);border:0;border-radius:.25rem;padding:0}[dir=ltr] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-right:.5rem}[dir=rtl] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-left:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-text{word-wrap:break-word}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]{cursor:pointer}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]:hover{background-color:#ebf6fd;background-color:var(--terra-graphs-blue10)}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-btn, [dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-text{cursor:pointer}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn,.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{outline:none}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn{opacity:.35}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{color:#bcbfc0;color:var(--terra-graphs-grey30)}.carbon-legend .carbon-legend-item .carbon-legend-item-icon{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-icon-with-line{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-span{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:center;justify-content:center}.carbon-legend .carbon-legend-item .carbon-legend-item-line{height:5px;width:28px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{height:5px;width:18px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-white-line{stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:6px}[dir] .carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-btn{background-color:#fff;background-color:var(--terra-graphs-white);border-color:#dedfe0;border-color:var(--terra-graphs-grey15);border-style:solid;border-width:1px}.carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-text{color:#6f7477;color:var(--terra-graphs-grey65)}.carbon-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing);opacity:.2}[dir] .carbon-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-point[aria-disabled=false]{cursor:pointer}.carbon-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point{display:block;fill:#ebf6fd;fill:var(--terra-graphs-blue10);fill-opacity:.25;stroke:#a6d9f4;stroke:var(--terra-graphs-blue30)}.carbon-selected-data-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-selected-data-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point path{stroke-width:1px}.carbon-criticality-outer[aria-hidden=true],.carbon-criticality-inner[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-criticality-outer[aria-hidden=true], [dir] .carbon-criticality-inner[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-criticality-outer{fill:#c00;fill:var(--terra-graphs-red85);stroke:#c00;stroke:var(--terra-graphs-red85);stroke-width:24px}.carbon-criticality-inner{fill:#fff;fill:var(--terra-graphs-white);stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:8px}.carbon-region{fill:#f4f4f4;fill:var(--terra-graphs-grey5)}.carbon-region[aria-hidden=true],.carbon-region.carbon-region-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-region[aria-hidden=true], [dir] .carbon-region.carbon-region-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-region.carbon-value-region{stroke:#f4f4f4;stroke:var(--terra-graphs-grey5);stroke-width:.625rem}.carbon-region.carbon-region-highlight{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:1;visibility:visible}[dir] .carbon-region.carbon-region-highlight{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-content-container{fill:none;stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-data-completion-bar,.carbon-data-bar{shape-rendering:auto;stroke-width:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-data-completion-bar[aria-disabled=false], [dir] .carbon-data-bar[aria-disabled=false]{cursor:pointer}.carbon-data-completion-bar[aria-hidden=true],.carbon-data-bar[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-data-completion-bar[aria-hidden=true], [dir] .carbon-data-bar[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-axis-info-row-item[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-axis-info-row-item[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-axis-info-row-item[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline{shape-rendering:auto;opacity:.3;stroke-width:3px}[dir] .carbon-dateline-group .carbon-dateline-point[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-eventline-group .carbon-eventline{shape-rendering:auto;opacity:1;stroke-width:2px}.carbon-no-data-label{fill:#6f7477;fill:var(--terra-graphs-grey65);font-size:1.25rem;text-anchor:middle}.carbon-no-data-overlay{fill:#fff;fill:var(--terra-graphs-white);opacity:.6}.carbon-label-popup-tooltip{-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:absolute;z-index:20}[dir] .carbon-label-popup-tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.carbon-label-popup-tooltip.popup-item{display:block}.carbon-label-popup-tooltip.section{display:block}[dir=ltr] .carbon-label-popup-tooltip.section{padding-left:1rem}[dir=rtl] .carbon-label-popup-tooltip.section{padding-right:1rem}.carbon-label-popup-tooltip.content{display:block}[dir] .carbon-label-popup-tooltip.content:last-child{padding-bottom:0}[dir] .carbon-label-popup-tooltip.content:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-tooltip g{display:inline-block}.carbon-label-popup-tooltip g.popup-label{color:#01579b}.carbon-label-popup-tooltip g.popup-label::after{content:": "}.carbon-label-popup-tooltip g.popup-text{color:#000}[dir] .carbon-label-popup-tooltip g:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .carbon-label-popup-overlay{cursor:pointer}[dir=ltr] .carbon-label-popup-overlay{left:0}[dir=rtl] .carbon-label-popup-overlay{right:0} +:root{--default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1);--default-transition-duration: 1s}:root{--terra-graphs-white: #fff;--terra-graphs-dark: #1c1f21;--terra-graphs-grey5: #f4f4f4;--terra-graphs-grey10: #e8e9ea;--terra-graphs-grey15: #dedfe0;--terra-graphs-grey25: #c8cacb;--terra-graphs-grey30: #bcbfc0;--terra-graphs-grey45: #9b9fa1;--terra-graphs-grey65: #6f7477;--terra-graphs-blue100: #004c76;--terra-graphs-blue30: #a6d9f4;--terra-graphs-blue10: #ebf6fd;--terra-graphs-red85: #c00;--terra-graphs-yellow60: #ffc20a;--terra-graphs-grey55: #868a8c}.carbon-data-pair--selected{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:1;visibility:visible}[dir] .carbon-data-pair--selected{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-paired-point[aria-disabled=false]{cursor:pointer}.carbon-paired-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-paired-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-paired-line{fill:none;stroke:#1c1f21;stroke:var(--terra-graphs-dark);stroke-width:1px}[dir] .carbon-paired-line[aria-disabled=false]{cursor:pointer}.carbon-paired-line[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-paired-line[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)} +[dir] .example-graph-container, [dir] .legend-bindto-container{padding:2.17rem 0}.carbon-graph-container,.carbon-timeline-container,.legend-bindto-container{font-size:.75rem}.bindto-container{display:-ms-flexbox;display:flex;width:100%}.bindto-container .legend-bindto-container{width:20%}.bindto-container .legend-bindto-graph-container{width:80%}.tooltip{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:fixed;z-index:20}[dir] .tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.tooltip .popup-item{display:block}.tooltip .section{display:block}[dir=ltr] .tooltip .section{padding-left:1rem}[dir=rtl] .tooltip .section{padding-right:1rem}.tooltip .content{display:block}[dir] .tooltip .content:last-child{padding-bottom:0}[dir] .tooltip .content:not(:last-child){padding-bottom:.5rem}.tooltip g{display:inline-block}.tooltip g .popup-label{color:#01579b}.tooltip g .popup-label::after{content:": "}.tooltip g .popup-text{color:#000}[dir] .tooltip g:not(:last-child){padding-bottom:.5rem}.overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .overlay{cursor:pointer}[dir=ltr] .overlay{left:0}[dir=rtl] .overlay{right:0}.shape-container{width:100%}.panning-container{display:-ms-flexbox;display:flex}[dir] .panning-container{padding:1rem}.panning-container .nav-left,.panning-container .nav-right{display:-ms-flexbox;display:flex;font-size:inherit}[dir] .panning-container .nav-left, [dir] .panning-container .nav-right{background-color:#176ba0;border:.1rem solid #dedfe0;border-radius:.25rem;cursor:pointer;padding:.5rem}[dir=ltr] .panning-container .nav-left, [dir=ltr] .panning-container .nav-right{margin-right:.5rem}[dir=rtl] .panning-container .nav-left, [dir=rtl] .panning-container .nav-right{margin-left:.5rem}.custom-container-style{height:auto !important}[dir] .custom-container-style{border:1px dashed;padding:5rem 5rem 0}[dir] .custom-container-style .carbon-graph-container, [dir] .custom-container-style .legend-bindto-container{padding:0}[dir] .custom-container-legend-style .carbon-graph-container, [dir] .custom-container-legend-style .legend-bindto-container{padding:0}[dir] .background-color-class{background-color:#176ba0}.initial-tooltip{display:none}[dir] .button-pan-right{margin-top:15px}[dir] .button-pan-left{margin-top:15px}[dir=ltr] .button-pan-left{margin-left:18px;margin-right:10px}[dir=rtl] .button-pan-left{margin-right:18px;margin-left:10px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/109-f6f6874a991b51d61a1b.css b/109-f6f6874a991b51d61a1b.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/109-f6f6874a991b51d61a1b.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/109-f6f6874a991b51d61a1b.js b/109-f6f6874a991b51d61a1b.js new file mode 100644 index 000000000..f95262df2 --- /dev/null +++ b/109-f6f6874a991b51d61a1b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[109,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,l){var n=l(64836);a.Z=void 0;var m=n(l(67294)),d=n(l(45697)),r=n(l(19845)),i=n(l(17422)),t=r.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 a=e.src,l=e.name,n=e.url,d=e.version,r=m.default.createElement("a",{className:t("badge"),href:n||"https://www.npmjs.org/package/".concat(l,"/v/").concat(d)},m.default.createElement("span",{className:t("badge-name")},n?"package":"npm"),m.default.createElement("span",{className:t("badge-version")},"v".concat(d))),i=a?m.default.createElement("a",{className:t("badge"),href:a},m.default.createElement("span",{className:t("badge-name")},"github"),m.default.createElement("span",{className:t("badge-version")},"source")):void 0;return m.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;var x=p;a.Z=x},109:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var n=l(81254),m=l(15985),d=["components"];function r(){return r=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 d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var t={},u="wrapper";function p(e){var a=e.components,l=i(e,d);return(0,n.mdx)(u,r({},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:"3180---november-13-2023"},"3.18.0 - (November 13, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3170---march-1-2023"},"3.17.0 - (March 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"},"Updated alt prop to include ",(0,n.mdx)("inlineCode",{parentName:"li"},"Deceased")," string when ",(0,n.mdx)("inlineCode",{parentName:"li"},"isDeceased")," prop is set based on its value.")))),(0,n.mdx)("h2",{id:"3160---february-15-2023"},"3.16.0 - (February 15, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"3151---january-31-2023"},"3.15.1 - (January 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 of ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-image"))))),(0,n.mdx)("h2",{id:"3150---december-7-2022"},"3.15.0 - (December 7, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3141---january-4-2022"},"3.14.1 - (January 4, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3140---september-28-2021"},"3.14.0 - (September 28, 2021)"),(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 doc to terra-core-docs")))),(0,n.mdx)("h2",{id:"3130---september-21-2021"},"3.13.0 - (September 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3120---april-6-2021"},"3.12.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"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,n.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,n.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,n.mdx)("li",{parentName:"ul"},"Updated jest tests to not require a jpg mock.")))),(0,n.mdx)("h2",{id:"3110---january-5-2021"},"3.11.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:"3100---december-8-2020"},"3.10.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:"390---november-17-2020"},"3.9.0 - (November 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"380---august-4-2020"},"3.8.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"370---july-29-2020"},"3.7.0 - (July 29, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,n.mdx)("h2",{id:"360---july-7-2020"},"3.6.0 - (July 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"350---june-9-2020"},"3.5.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 wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"340---june-2-2020"},"3.4.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"},"Updated jest snapshots for terra-image change.")))),(0,n.mdx)("h2",{id:"330---may-19-2020"},"3.3.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"},"Apply themes by context and directly include packaged themes.")))),(0,n.mdx)("h2",{id:"320---april-28-2020"},"3.2.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"310---april-22-2020"},"3.1.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated documentation links"),(0,n.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,n.mdx)("h2",{id:"300---march-31-2020"},"3.0.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Changed the fallback behavior of Avatar. Such that if the image fails to load, the avatar falls back to the initials display instead of default user icon."),(0,n.mdx)("li",{parentName:"ul"},"To Make all User avatars available in same variant ",(0,n.mdx)("inlineCode",{parentName:"li"},"generic")," subcomponent has been added."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"generic")," subcomponent replaces the ",(0,n.mdx)("inlineCode",{parentName:"li"},"sharedUser")," subcomponent."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"generic")," subcomponent contains a ",(0,n.mdx)("inlineCode",{parentName:"li"},"variant")," prop that toggles between ",(0,n.mdx)("inlineCode",{parentName:"li"},"single-user"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"shared-user"),", and ",(0,n.mdx)("inlineCode",{parentName:"li"},"provider")," user avatar."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"user")," avatar has been moved into ",(0,n.mdx)("inlineCode",{parentName:"li"},"generic")," sub-comopnent with varaint name ",(0,n.mdx)("inlineCode",{parentName:"li"},"single-user"),".")))),(0,n.mdx)("h2",{id:"2360---march-10-2020"},"2.36.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:"2350---february-25-2020"},"2.35.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:"2340---february-18-2020"},"2.34.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:"2330---february-4-2020"},"2.33.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:"2320---january-7-2020"},"2.32.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:"2310---december-3-2019"},"2.31.0 - (December 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated snapshots for terra-image change.")))),(0,n.mdx)("h2",{id:"2300---october-30-2019"},"2.30.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 lint warnings for multiple empty lines")))),(0,n.mdx)("h2",{id:"2290---october-3-2019"},"2.29.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2280---september-26-2019"},"2.28.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 version bump")))),(0,n.mdx)("h2",{id:"2270---september-19-2019"},"2.27.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"},"Introduce background-clip themeable variable.")))),(0,n.mdx)("h2",{id:"2260---september-6-2019"},"2.26.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,n.mdx)("h2",{id:"2250---august-21-2019"},"2.25.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,n.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"2240---august-14-2019"},"2.24.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 issue for avatar to allow non-square images by sending ",(0,n.mdx)("inlineCode",{parentName:"li"},"Fit")," as ",(0,n.mdx)("inlineCode",{parentName:"li"},"cover"),"."))),(0,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:"2230---july-30-2019"},"2.23.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2220---july-24-2019"},"2.22.0 - (July 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2210---july-16-2019"},"2.21.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:"2200----july-11-2019"},"2.20.0 - (July 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2190---july-9-2019"},"2.19.0 - (July 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"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,n.mdx)("h2",{id:"2180---june-28-2019"},"2.18.0 - (June 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2170---june-18-2019"},"2.17.0 - (June 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,n.mdx)("h2",{id:"2160---june-11-2019"},"2.16.0 - (June 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,n.mdx)("h2",{id:"2150---may-1-2019"},"2.15.0 - (May 1, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2140---april-16-2019"},"2.14.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2130---april-2-2019"},"2.13.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 version bump")))),(0,n.mdx)("h2",{id:"2120---march-26-2019"},"2.12.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:"2110---march-21-2019"},"2.11.0 - (March 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed terra-form-select dependency")))),(0,n.mdx)("h2",{id:"2100---march-6-2019"},"2.10.0 - (March 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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"290---march-5-2019"},"2.9.0 - (March 5, 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"},"Fallback icon on invalid image now renders correctly."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"CSS classes to handle fallback and deceased edge cases.")))),(0,n.mdx)("h2",{id:"280---february-26-2019"},"2.8.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"270---february-12-2019"},"2.7.0 - (February 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---february-5-2019"},"2.6.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"250---january-28-2019"},"2.5.0 - (January 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{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---january-26-2019"},"2.4.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:"230---january-22-2019"},"2.3.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:"220---january-22-2019"},"2.2.0 - (January 22, 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"},"Refactor 'netraul' theme var to 'neutral'")))),(0,n.mdx)("h2",{id:"210---january-8-2019"},"2.1.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"},"Added theme variable change to upgrade guide")))),(0,n.mdx)("h2",{id:"200---january-2-2019"},"2.0.0 - (January 2, 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"},"Removed variant prop"),(0,n.mdx)("li",{parentName:"ul"},"Initials prop now only accepts one or two letters"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Split avatar into three functional sub-components - avatar, facility, and shared user."),(0,n.mdx)("li",{parentName:"ul"},"Split theme tests into their own package"),(0,n.mdx)("li",{parentName:"ul"},"Refactor box shadow to after 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 color variants"),(0,n.mdx)("li",{parentName:"ul"},"Added alt, color, hashValue, isDeceased, isAriaHidden, and size props")))),(0,n.mdx)("h2",{id:"1290---november-19-2018"},"1.29.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1280---november-13-2018"},"1.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:"1270---november-9-2018"},"1.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:"1260---october-30-2018"},"1.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:"1250---october-24-2018"},"1.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:"1240---october-16-2018"},"1.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:"1230---october-8-2018"},"1.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:"1220---october-2-2018"},"1.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:"1210---september-25-2018"},"1.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:"1201---september-6-2018"},"1.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:"1200---september-5-2018"},"1.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"},"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:"1190---september-4-2018"},"1.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:"1180---august-29-2018"},"1.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:"1170---august-1-2018"},"1.17.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:"1160---july-19-2018"},"1.16.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:"1150---july-17-2018"},"1.15.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,n.mdx)("h2",{id:"1140---july-10-2018"},"1.14.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:"1130---june-28-2018"},"1.13.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"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed bug with extra space showing below image avatar"))),(0,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:"1120---june-22-2018"},"1.12.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:"1110---june-12-2018"},"1.11.0 - (June 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 "test:jest" script to work on windows.'))),(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 image flickering when updating ",(0,n.mdx)("inlineCode",{parentName:"li"},"image"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"alt"),", or ",(0,n.mdx)("inlineCode",{parentName:"li"},"variant")," props")))),(0,n.mdx)("h2",{id:"1100---may-30-2018"},"1.10.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:"190---may-23-2018"},"1.9.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:"180---may-16-2018"},"1.8.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:"170---may-9-2018"},"1.7.0 - (May 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"160---may-2-2018"},"1.6.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:"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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"140---april-15-2018"},"1.4.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:"130---april-5-2018"},"1.3.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:"120---march-30-2018"},"1.2.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:"110---march-14-2018"},"1.1.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"},"Exported AvatarVariants constants.")))),(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")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=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 d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,n.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(m.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},15985:function(e,a,l){l.d(a,{C:function(){return d}});var n=l(67294),m=l(22863),d=function(e){var a=e.url;return n.createElement(m.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-avatar",name:"terra-avatar",version:"3.18.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10925-82286d8785ec24c6b223.js b/10925-82286d8785ec24c6b223.js new file mode 100644 index 000000000..275557e6f --- /dev/null +++ b/10925-82286d8785ec24c6b223.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10925],{59263:function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;n.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,label:"Data",lowerLimit:80,upperLimit:280},y:{show:!0,label:"Line Set A",lowerLimit:-18,upperLimit:18},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},allowCalibration:!1,showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0}}},64531:function(e,n,a){var r=a(64836);n.Z=void 0;var t=r(a(67294)),i=r(a(54520)),o=r(a(53334));a(56867),a(39003);var l=r(a(93065)),s=r(a(59263)),p=r(a(66177)),d=o.default.deepClone((0,s.default)("#disableCalibration")),c=o.default.deepClone(p.default);n.Z=function(){return t.default.useEffect((function(){i.default.api.graph(d).loadContent(i.default.api.line(c))}),[]),t.default.createElement(l.default,{id:"disableCalibration"})}},10925:function(e,n,a){a.r(n),a.d(n,{default:function(){return j}});var r=a(67294),t=a(81254),i=a(64531),o=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var p={};function d(e){var n=e.components,a=s(e,o);return(0,t.mdx)("wrapper",l({},p,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Line/LineGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getLineDefaultNoCalibrationConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Line/lineDefaultNoCalibration';\nimport exampleData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/dataset6';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getLineDefaultNoCalibrationConfig('#disableCalibration'));\nconst dataset = utils.deepClone(exampleData);\n\nconst DisableCalibrationLineExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.graph(graphConfig);\n graph.loadContent(Carbon.api.line(dataset));\n }, []);\n\n return (\n \n );\n};\n\nexport default DisableCalibrationLineExample;\n\n\n")))}d.isMDXComponent=!0;var c=a(49271),m=a(25005),u=function(e){var n=e.title,a=e.description,t=e.isExpanded;return r.createElement(c.Z,{title:n||"Disable Calibration",description:a,example:r.createElement(i.Z,null),exampleCssSrc:r.createElement(m.Z,null),exampleSrc:r.createElement(d,null),isExpanded:t})},b=a(91701),f=a(32792),h=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}a(51320);var C={},y="wrapper";function j(e){var n=e.components,a=x(e,h);return(0,t.mdx)(y,g({},C,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("h1",{id:"disable-calibration"},"Disable Calibration"),(0,t.mdx)("p",null,"This is a simple line graph with calibration disabled."),(0,t.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Install with ",(0,t.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"npm i @cerner/carbon-graphs --save-dev"))))),(0,t.mdx)("h2",{id:"usage"},"Usage"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,t.mdx)("h2",{id:"example"},"Example"),(0,t.mdx)(u,{mdxType:"LineGraph"}),(0,t.mdx)("details",null,(0,t.mdx)("summary",{style:{fontSize:24}},(0,t.mdx)("b",null,"Data")),(0,t.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,t.mdx)(b.Z,{mdxType:"GraphConfig"}),(0,t.mdx)("h3",{id:"data-object"},"Data object"),(0,t.mdx)(f.Z,{mdxType:"DataObject"})))}j.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/10930-16a5bd0e3cfb1ac05f39.js b/10930-16a5bd0e3cfb1ac05f39.js new file mode 100644 index 000000000..57c8d3ec4 --- /dev/null +++ b/10930-16a5bd0e3cfb1ac05f39.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10930],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(19845)),i=d(l(17422)),t=r.default.bind(i.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:t("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:t("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:t("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:t("badge"),href:a},m.default.createElement("span",{className:t("badge-name")},"github"),m.default.createElement("span",{className:t("badge-version")},"source")):void 0;return m.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;var x=p;a.Z=x},10930:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(67294);var d=l(81254),m=l(27025),n=["components"];function r(){return r=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}var t={},u="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,d.mdx)(u,r({},t,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"41020---january-2-2024"},"4.102.0 - (January 2, 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:"41010---december-18-2023"},"4.101.0 - (December 18, 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:"41000---november-23-2023"},"4.100.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"},"Updated jest snapshots.")))),(0,d.mdx)("h2",{id:"4990---november-9-2023"},"4.99.0 - (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"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4980---october-11-2023"},"4.98.0 - (October 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:"4970---october-3-2023"},"4.97.0 - (October 3, 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:"4960---september-21-2023"},"4.96.0 - (September 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed error that occurs when date format is called upon null reference\nwhen time transitions from DST to ST.")))),(0,d.mdx)("h2",{id:"4950---september-19-2023"},"4.95.0 - (September 19, 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:"4940---september-5-2023"},"4.94.0 - (September 5, 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:"4930---august-31-2023"},"4.93.0 - (August 31, 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:"4921---august-4-2023"},"4.92.1 - (August 4, 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:"4920---august-2-2023"},"4.92.0 - (August 2, 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:"4910---july-31-2023"},"4.91.0 - (July 31, 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:"4900---july-25-2023"},"4.90.0 - (July 25, 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:"4890---july-19-2023"},"4.89.0 - (July 19, 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:"4880---july-4-2023"},"4.88.0 - (July 4, 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:"4870---june-12-2023"},"4.87.0 - (June 12, 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:"4860---june-5-2023"},"4.86.0 - (June 5, 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:"4850---may-25-2023"},"4.85.0 - (May 25, 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:"4840---may-11-2023"},"4.84.0 - (May 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:"4830---april-27-2023"},"4.83.0 - (April 27, 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:"4820---march-29-2023"},"4.82.0 - (March 29, 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"},"Updated WDIO screenshots.")))),(0,d.mdx)("h2",{id:"4810---march-1-2023"},"4.81.0 - (March 1, 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"},"Updated Jest snapshot for terra-button changes")))),(0,d.mdx)("h2",{id:"4800---february-14-2023"},"4.80.0 - (February 14, 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"},"Added event.persist to fix onBlur bug."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO test and screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4790---february-7-2023"},"4.79.0 - (February 7, 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:"4780---december-13-2022"},"4.78.0 - (December 13, 2022)"),(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:"4770---september-20-2022"},"4.77.0 - (September 20, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed Keyboard navigation when moving over the start day of DST.")))),(0,d.mdx)("h2",{id:"4760---july-27-2022"},"4.76.0 - (July 27, 2022)"),(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:"4750---march-29-2022"},"4.75.0 - (March 29, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added keyboard shortcuts ",(0,d.mdx)("inlineCode",{parentName:"li"},"N"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"-"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"+"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"A"),", and ",(0,d.mdx)("inlineCode",{parentName:"li"},"P")," for auto-setting date and time values.")))),(0,d.mdx)("h2",{id:"4740---march-15-2022"},"4.74.0 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrated docs to terra framework docs")))),(0,d.mdx)("h2",{id:"4731---march-1-2022"},"4.73.1 - (March 1, 2022)"),(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:"4730---february-15-2022"},"4.73.0 - (February 15, 2022)"),(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 test updates due to Time Input dependency changes")))),(0,d.mdx)("h2",{id:"4723---february-9-2022"},"4.72.3 - (February 9, 2022)"),(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:"4722---february-2-2022"},"4.72.2 - (February 2, 2022)"),(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:"4721---january-4-2022"},"4.72.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated tests due to terra-button-group update")))),(0,d.mdx)("h2",{id:"4720---november-16-2021"},"4.72.0 - (November 16, 2021)"),(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:"4710---november-9-2021"},"4.71.0 - (November 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated tests due to rounding differences in terra-abstract-modal")))),(0,d.mdx)("h2",{id:"4701---november-3-2021"},"4.70.1 - (November 3, 2021)"),(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:"4700---november-2-2021"},"4.70.0 - (November 2, 2021)"),(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:"4690---october-14-2021"},"4.69.0 - (October 14, 2021)"),(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:"4680---october-12-2021"},"4.68.0 - (October 12, 2021)"),(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:"4670---september-20-2021"},"4.67.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Tests updated to reflect input splitting in ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-date-picker"),"."),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-dev-site")," examples to use hooks."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,d.mdx)("h2",{id:"4660---july-21-2021"},"4.66.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-form-field")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v4.5.0"),".")))),(0,d.mdx)("h2",{id:"4650---july-20-2021"},"4.65.0 - (July 20, 2021)"),(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:"4640---july-13-2021"},"4.64.0 - (July 13, 2021)"),(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:"4630---june-8-2021"},"4.63.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),"."),(0,d.mdx)("li",{parentName:"ul"},"screenshot updates")))),(0,d.mdx)("h2",{id:"4620---june-1-2021"},"4.62.0 - (June 1, 2021)"),(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:"4610---may-4-2021"},"4.61.0 - (May 4, 2021)"),(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:"4600---april-6-2021"},"4.60.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"4590---march-9-2021"},"4.59.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,d.mdx)("h2",{id:"4580---february-9-2021"},"4.58.0 - (February 9, 2021)"),(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:"4570---february-2-2021"},"4.57.0 - (February 2, 2021)"),(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:"4560---january-26-2021"},"4.56.0 - (January 26, 2021)"),(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:"4550---january-5-2021"},"4.55.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,d.mdx)("li",{parentName:"ul"},"Updated to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"injectIntl")," instead of ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," for react-intl v2-v5 compatibility"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"4540---december-8-2020"},"4.54.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"initialTimeZone")," prop which takes a valid timezone string. This enables date-time-picker set to a particular timezone. The default timezone is set to the local/browser timezone."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed flaky test failure due to loading unintended test example.")))),(0,d.mdx)("h2",{id:"4530---november-24-2020"},"4.53.0 - (November 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"4520---november-10-2020"},"4.52.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,d.mdx)("h2",{id:"4510---october-20-2020"},"4.51.0 - (October 20, 2020)"),(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:"4500---october-13-2020"},"4.50.0 - (October 13, 2020)"),(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:"4490---october-6-2020"},"4.49.0 - (October 6, 2020)"),(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:"4480---september-29-2020"},"4.48.0 - (September 29, 2020)"),(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:"4470---september-16-2020"},"4.47.0 - (September 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"onClickOutside")," prop has been deprecated, will resolve to ",(0,d.mdx)("inlineCode",{parentName:"li"},"onRequestClose")),(0,d.mdx)("li",{parentName:"ul"},"Updated wdio snapshots due to changes in date-picker and time-input"),(0,d.mdx)("li",{parentName:"ul"},"Update ",(0,d.mdx)("inlineCode",{parentName:"li"},"timeVariant")," prop description to include ",(0,d.mdx)("inlineCode",{parentName:"li"},"es")," in locales supporting only 24 hour format.")))),(0,d.mdx)("h2",{id:"4460---september-10-2020"},"4.46.0 - (September 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix to clear out invalid date value when time input selected in date-time-picker.")))),(0,d.mdx)("h2",{id:"4450---august-18-2020"},"4.45.0 - (August 18, 2020)"),(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:"4440---august-11-2020"},"4.44.0 - (August 11, 2020)"),(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:"4430---august-4-2020"},"4.43.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"4420---july-28-2020"},"4.42.0 - (July 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated color for previous and next month buttons in calendar to meet the minimum contrast ratio.")))),(0,d.mdx)("h2",{id:"4400---july-14-2020"},"4.40.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,d.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,d.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,d.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,d.mdx)("h2",{id:"4390---june-16-2020"},"4.39.0 - (June 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update ",(0,d.mdx)("inlineCode",{parentName:"li"},"maxDate")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"minDate")," prop description to clarify usage.")))),(0,d.mdx)("h2",{id:"4380---june-9-2020"},"4.38.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,d.mdx)("li",{parentName:"ul"},"Update test and screenshots to account for min/max changes in DatePicker."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio screenshots failing in main.")))),(0,d.mdx)("h2",{id:"4370---may-19-2020"},"4.37.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update screenshots due to change in button hover.")))),(0,d.mdx)("h2",{id:"4360---april-28-2020"},"4.36.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"4350---april-14-2020"},"4.35.0 - (April 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed error that occurs during remount when setting focus with a null reference to the hour input.")))),(0,d.mdx)("h2",{id:"4340---april-6-2020"},"4.34.0 - (April 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to focus style changes in react-datepicker.")))),(0,d.mdx)("h2",{id:"4330---march-31-2020"},"4.33.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"4320---march-24-2020"},"4.32.0 - (March 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated props documentation")))),(0,d.mdx)("h2",{id:"4310---march-10-2020"},"4.31.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onBlur")," callback to also return the following metadata: dateValue, timeValue and isAmbiguousHour"),(0,d.mdx)("li",{parentName:"ul"},"Changed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onChange")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callbacks to return the following metadata as part of the third parameter: iso, inputValue, dateValue, timeValue, isAmbiguousHour, isCompleteValue, isValidValue")))),(0,d.mdx)("h2",{id:"4300---march-3-2020"},"4.30.0 - (March 3, 2020)"),(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:"4290---february-25-2020"},"4.29.0 - (February 25, 2020)"),(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:"4280---february-18-2020"},"4.28.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"4270---february-4-2020"},"4.27.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed date-time-picker issue of updating default value programmatically")))),(0,d.mdx)("h2",{id:"4260---january-28-2020"},"4.26.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"4250---january-7-2020"},"4.25.0 - (January 7, 2020)"),(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:"4240---december-16-2019"},"4.24.0 - (December 16, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"4230---december-10-2019"},"4.23.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to changes in react-datepicker colors.")))),(0,d.mdx)("h2",{id:"4220---november-26-2019"},"4.22.0 - (November 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed eslint error regarding operator-assignment.")))),(0,d.mdx)("h2",{id:"4210---november-20-2019"},"4.21.0 - (November 20, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"4200---november-18-2019"},"4.20.0 - (November 18, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"4190---november-7-2019"},"4.19.0 - (November 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,d.mdx)("h2",{id:"4180---october-30-2019"},"4.18.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Force update to render the missing hour."),(0,d.mdx)("li",{parentName:"ul"},"Duplicate ID in examples changed."),(0,d.mdx)("li",{parentName:"ul"},"Changed 12-hour format appearance for mobile and desktop."),(0,d.mdx)("li",{parentName:"ul"},"Meridiem select on Desktop has been changed to buttons which means that the WebdriverIO reference screenshots (if any) and/or any code in the consumer application that accesses the old meridiem select functionality on the Desktop view need to be updated.")))),(0,d.mdx)("h2",{id:"4170---october-21-2019"},"4.17.0 - (October 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots to account for button updates in terra-date-picker"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed onBlur event data for entering invalid dates.")))),(0,d.mdx)("h2",{id:"4160---october-16-2019"},"4.16.0 - (October 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isIncomplete")," prop and stylings"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isInvalid")," prop and stylings"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isInvalidMeridiem")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"required")," prop")))),(0,d.mdx)("h2",{id:"4150---october-3-2019"},"4.15.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update the ",(0,d.mdx)("inlineCode",{parentName:"li"},"variant")," prop description to call out which locales do not use the 12-hour time notation.")))),(0,d.mdx)("h2",{id:"4140---september-26-2019"},"4.14.0 - (September 26, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"4130---september-19-2019"},"4.13.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"browser.refresh()")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"date-time-picker-spec")," to support wdio tests failing in theming repos."),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest snapshots and WDIO screenshots"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations."),(0,d.mdx)("li",{parentName:"ul"},"Updated documentations to call out the supported ISO 8601 date time format.")))),(0,d.mdx)("h2",{id:"4120---september-6-2019"},"4.12.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onBlur")," prop to receive correct date and time upon resolving ambiguous hour to Standard time in the Time Clarification modal.")))),(0,d.mdx)("h2",{id:"4110---august-21-2019"},"4.11.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix JS error when losing focus from an empty date input."),(0,d.mdx)("li",{parentName:"ul"},"Fixed ambiguous hour that occurs in the southern hemisphere."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added a function to DateTimeUtil."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed extra calls to hide the caret in inputs (some are still needed because ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-time-input")," explicitly sets a ",(0,d.mdx)("inlineCode",{parentName:"li"},"caret-color"),")."),(0,d.mdx)("li",{parentName:"ul"},"Removed styles hiding carets on test pages when not running within WDIO")))),(0,d.mdx)("h2",{id:"4100---august-14-2019"},"4.10.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Allow blur to be handled after the date time ambiguity is resolved."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed all the accessibility issues and updated the tests and screenshots accordingly."),(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"),(0,d.mdx)("li",{parentName:"ul"},"Updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Corrected Typos."),(0,d.mdx)("li",{parentName:"ul"},"Updated wdio test to work with changes in terra-date-picker."),(0,d.mdx)("li",{parentName:"ul"},"Updated to interface with react-intl's context rather than old React Context API.")))),(0,d.mdx)("h2",{id:"490---july-30-2019"},"4.9.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,d.mdx)("h2",{id:"481---july-23-2019"},"4.8.1 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,d.mdx)("h2",{id:"480---july-23-2019"},"4.8.0 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"When the date-time picker time clarification modal is open on touch devices, it will now focus on the first interactive DOM element within it. This enables focus to be shifted into the modal correctly when using VoiceOver on iOS.")))),(0,d.mdx)("h2",{id:"470---july-16-2019"},"4.7.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"),(0,d.mdx)("li",{parentName:"ul"},"Added the ability for the user to enter seconds in the time input")))),(0,d.mdx)("h2",{id:"460---july-10-2019"},"4.6.0 - (July 10, 2019)"),(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)("li",{parentName:"ul"},"Fixed tests to appropriately reset before beginning next test.")))),(0,d.mdx)("h2",{id:"450---july-2-2019"},"4.5.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Screenshots updated for mobile view."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test to work with changes in terra-date-picker"),(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"440---june-19-2019"},"4.4.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports")))),(0,d.mdx)("h2",{id:"430---june-12-2019"},"4.3.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots for date-picker changes."),(0,d.mdx)("li",{parentName:"ul"},"Updated daylight savings time/standard time button to have aria-label and title with additional timezone info, to clarify its meaning."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed wdio tests by calling browser.refresh() on subsequent loads instead of loading the url directly."),(0,d.mdx)("li",{parentName:"ul"},"Focus now automatically moves to the hour input after a date is selected from the picker."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"420---may-21-2019"},"4.2.0 - (May 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed js error in the filterDate example.")))),(0,d.mdx)("h2",{id:"410---may-15-2019"},"4.1.0 - (May 15, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"400---may-13-2019"},"4.0.0 - (May 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"requestFocus")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Update the filterDate examples to handle an ISO string instead of a moment object."),(0,d.mdx)("li",{parentName:"ul"},"Leverage createSafeDate from the DateUtil."),(0,d.mdx)("li",{parentName:"ul"},"Changed the onBlur event to get triggered only when the entire date time picker component loses focus."),(0,d.mdx)("li",{parentName:"ul"},"Updated upgrade guide."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed 'onInputFocus' prop in favor of the added 'onFocus' prop."),(0,d.mdx)("li",{parentName:"ul"},"Remove minDateTime and maxDateTime props. These props are being renamed to minDate and maxDate."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added 'onFocus' prop since 'preventOpenOnFocus' can be used to prevent picker from opening on focus."),(0,d.mdx)("li",{parentName:"ul"},"Add minDate and maxDate props. These props replace minDateTime and maxDateTime for the purpose of ignoring the time portion when determining the min/max range.")))),(0,d.mdx)("h2",{id:"3160---may-7-2019"},"3.16.0 - (May 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changes made to the time is now preserved when the modification is made with an invalid date.")))),(0,d.mdx)("h2",{id:"3150---april-24-2019"},"3.15.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added timeVariant prop to datetime picker to support 12-hour format."),(0,d.mdx)("li",{parentName:"ul"},"Added example for time variant on terra-dev site"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added onSelect function prop that fires when selecting a date via date picker."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"3140---april-16-2019"},"3.14.0 - (April 16, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"3130---april-9-2019"},"3.13.0 - (April 9, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"3120---april-2-2019"},"3.12.0 - (April 2, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"3110---march-26-2019"},"3.11.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated prop onChange call logic with respect to ambiguous date-times."),(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"3100---march-20-2019"},"3.10.0 - (March 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,d.mdx)("h2",{id:"390---march-12-2019"},"3.9.0 - (March 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,d.mdx)("h2",{id:"380---march-5-2019"},"3.8.0 - (March 5, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"370---february-26-2019"},"3.7.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed browser.execute functions in wdio spec to be strings for IE and FF driver compatibility")))),(0,d.mdx)("h2",{id:"360---february-13-2019"},"3.6.0 - (February 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Throws NPE if manually entered valid date is outside of allotted datetime range.")))),(0,d.mdx)("h2",{id:"350---february-5-2019"},"3.5.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate package to the terra-framework repository")))),(0,d.mdx)("h2",{id:"340---january-26-2019"},"3.4.0 - (January 26, 2019)"),(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:"330---january-22-2019"},"3.3.0 - (January 22, 2019)"),(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:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(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:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(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:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated examples to use ModalManager v4"),(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"2390---january-2-2019"},"2.39.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing ar translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed use of componentWillReceiveProps"),(0,d.mdx)("li",{parentName:"ul"},"Removed use of componentWillMount"),(0,d.mdx)("li",{parentName:"ul"},"Updated component to use injectIntl"),(0,d.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"2381---november-20-2018"},"2.38.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2380---november-19-2018"},"2.38.0 - (November 19, 2018)"),(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:"2370---november-13-2018"},"2.37.0 - (November 13, 2018)"),(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:"2360---november-9-2018"},"2.36.0 - (November 9, 2018)"),(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:"2350---october-24-2018"},"2.35.0 - (October 24, 2018)"),(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:"2340---october-16-2018"},"2.34.0 - (October 16, 2018)"),(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:"2330---october-8-2018"},"2.33.0 - (October 8, 2018)"),(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:"2320---october-2-2018"},"2.32.0 - (October 2, 2018)"),(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:"2310---september-25-2018"},"2.31.0 - (September 25, 2018)"),(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:"2301---september-6-2018"},"2.30.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2300---september-5-2018"},"2.30.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2290---september-4-2018"},"2.29.0 - (September 4, 2018)"),(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:"2280---august-29-2018"},"2.28.0 - (August 29, 2018)"),(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:"2270---august-21-2018"},"2.27.0 - (August 21, 2018)"),(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:"2260---august-8-2018"},"2.26.0 - (August 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,d.mdx)("h2",{id:"2250---august-1-2018"},"2.25.0 - (August 1, 2018)"),(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:"2241---july-26-2018"},"2.24.1 - (July 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2240---july-25-2018"},"2.24.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Resolve issue where disabled component doesn't disable time clarification")))),(0,d.mdx)("h2",{id:"2230---july-19-2018"},"2.23.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated translations"),(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)"),(0,d.mdx)("li",{parentName:"ul"},"Use datepicker that consumes new form inputs.")))),(0,d.mdx)("h2",{id:"2220---july-17-2018"},"2.22.0 - (July 17, 2018)"),(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)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"),(0,d.mdx)("li",{parentName:"ul"},"Required props no longer set a default prop")))),(0,d.mdx)("h2",{id:"2210---july-10-2018"},"2.21.0 - (July 10, 2018)"),(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:"2200---july-3-2018"},"2.20.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added source code for examples on terra-dev-site")))),(0,d.mdx)("h2",{id:"2190---june-28-2018"},"2.19.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Replaced nightwatch tests with wdio"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2180---june-22-2018"},"2.18.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,d.mdx)("h2",{id:"2170---june-19-2018"},"2.17.0 - (June 19, 2018)"),(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:"2160---june-13-2018"},"2.16.0 - (June 13, 2018)"),(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:"2150---june-12-2018"},"2.15.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,d.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base.")))),(0,d.mdx)("h2",{id:"2140---may-30-2018"},"2.14.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"2130---may-25-2018"},"2.13.0 - (May 25, 2018)"),(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:"2120---may-23-2018"},"2.12.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependency on terra-modal removed, now depends on terra-abstract-modal.")))),(0,d.mdx)("h2",{id:"2110---may-16-2018"},"2.11.0 - (May 16, 2018)"),(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:"2100---may-9-2018"},"2.10.0 - (May 9, 2018)"),(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:"290---may-2-2018"},"2.9.0 - (May 2, 2018)"),(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:"280---april-20-2018"},"2.8.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped devDependency on terra-modal-manager to use 2.x version")))),(0,d.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(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:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(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:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(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:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update lower bound version of moment.js to latest release")))),(0,d.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(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:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(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:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,d.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,d.mdx)("li",{parentName:"ul"},"Uplifted component to use terra-button v2"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"disabled")," prop")))),(0,d.mdx)("h2",{id:"170---february-1-2018"},"1.7.0 - (February 1, 2018)"),(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---january-18-2018"},"1.6.0 - (January 18, 2018)"),(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-5-2018"},"1.5.0 - (January 5, 2018)"),(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---november-28-2017"},"1.4.0 - (November 28, 2017)"),(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---november-16-2017"},"1.3.0 - (November 16, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Handle unacceptable default dates.")))),(0,d.mdx)("h2",{id:"120---november-7-2017"},"1.2.0 - (November 7, 2017)"),(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---october-31-2017"},"1.1.0 - (October 31, 2017)"),(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:"100---october-24-2017"},"1.0.0 - (October 24, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=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}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,d.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},27025:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-time-picker",name:"terra-date-time-picker",version:"4.102.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10947-11889e08e445bf66c234.js b/10947-11889e08e445bf66c234.js new file mode 100644 index 000000000..ee295c427 --- /dev/null +++ b/10947-11889e08e445bf66c234.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10947],{47693:function(e,t,n){"use strict";t.Z=void 0;var r=i(n(67294)),a=i(n(5071)),l=i(n(19845)),o=i(n(74524));function i(e){return e&&e.__esModule?e:{default:e}}var s=l.default.bind(o.default);t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:18},"Font Color: 'default' class"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,colorClass:s(["attention"])},"Font Color: 'attention' class"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,colorClass:s(["success"])},"Font Color: 'success' class"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,colorClass:s(["info"])},"Font Color: 'info' class"))}},3075:function(e,t,n){"use strict";t.Z=void 0;var r=i(n(67294)),a=i(n(5071)),l=i(n(30381)),o=i(n(29270));function i(e){return e&&e.__esModule?e:{default:e}}var s=(0,l.default)("01-06-2022","MM-DD-YYYY").format("MM-DD-YYYY");t.Z=function(){return r.default.createElement(r.default.Fragment,null,r.default.createElement("p",null,"Date format using Semantic Element:"),r.default.createElement(a.default,{id:"dateTest"},r.default.createElement("time",{dateTime:s},s)),r.default.createElement("p",null,"Date format using custom labels:"),r.default.createElement(a.default,{id:"text"},r.default.createElement(o.default,{text:"June, 01, 2017"}),r.default.createElement("span",{"aria-hidden":"true"},"2017-06-01")),r.default.createElement("p",null,"Date format using date as a string:"),r.default.createElement(a.default,{id:"text"},"2017/06/01"))}},1131:function(e,t,n){"use strict";t.Z=void 0;var r=u(n(67294)),a=u(n(78490)),l=u(n(5071)),o=u(n(19845)),i=u(n(59865)),s=u(n(74524)),d=u(n(7192));function u(e){return e&&e.__esModule?e:{default:e}}var c=o.default.bind(i.default),m=o.default.bind(s.default),f=o.default.bind(d.default);t.Z=function(){return r.default.createElement("div",null,r.default.createElement("h2",null,"Fonts",r.default.createElement("br",null),r.default.createElement(l.default,{weight:400},"Font Stack:",r.default.createElement("span",{className:c(["font-stack"])}))),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Weight: 300"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{weight:300,className:m(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(l.default,{weight:300,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{weight:300,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{weight:300,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Style: Italic Font Weight: 300"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{isItalic:!0,weight:300,className:m(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(l.default,{isItalic:!0,weight:300,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,weight:300,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,weight:300,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Weight: 400"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{className:m(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(l.default,{fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Style: Italic"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{isItalic:!0,className:m(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(l.default,{isItalic:!0,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Weight: 700"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{weight:700,className:m(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(l.default,{weight:700,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{weight:700,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{weight:700,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Style: Italic Font Weight: 700"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{isItalic:!0,weight:700,className:m(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(l.default,{isItalic:!0,weight:700,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,weight:700,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,weight:700,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}))}},1194:function(e,t,n){"use strict";t.Z=void 0;var r=l(n(67294)),a=l(n(5071));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:100},"100px (7.143rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:92},"92px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:72},"72px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:64},"64px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:56},"56px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:50},"50px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:46},"46px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:36},"36px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:32},"32px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:24},"24px (1.714rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:20},"20px (1.429rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18},"18px (1.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:16},"16px (1.143rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:14},"14px (1rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:12},"12px (0.8571rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:10},"10px (0.7143rem)"))}},61096:function(e,t,n){"use strict";t.Z=void 0;var r=o(n(67294)),a=o(n(5071)),l=o(n(29270));function o(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement(r.default.Fragment,null,r.default.createElement("p",null,"Time format using Semantic Element:"),r.default.createElement(a.default,{id:"timeTest"},r.default.createElement("time",{dateTime:"10:22:30"},"10:22:30")),r.default.createElement("p",null,"Time format using custom labels:"),r.default.createElement(a.default,{id:"text"},r.default.createElement(l.default,{text:"10 Hours 22 Minutes 30 Seconds"}),r.default.createElement("span",{"aria-hidden":"true"},"10:22:30")))}},80026:function(e,t,n){"use strict";t.Z=void 0;var r=i(n(67294)),a=i(n(5071)),l=i(n(19845)),o=i(n(74524));function i(e){return e&&e.__esModule?e:{default:e}}var s=l.default.bind(o.default);t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:18,colorClass:s(["success"]),isItalic:!0},"Text with color set to",r.default.createElement("code",null,"'success' class")," ","and",r.default.createElement("code",null,"isItalic")),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:24,weight:200},"Text with font-size set to",r.default.createElement("code",null,"24")," ","and weight set to",r.default.createElement("code",null,"200")))}},88196:function(e,t,n){"use strict";t.Z=void 0;var r=l(n(67294)),a=l(n(5071));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("div",null,r.default.createElement("p",null,"The example below includes a",r.default.createElement("code",null," ")," ","component using the",r.default.createElement("code",null," isVisuallyHidden")," ","prop."),r.default.createElement(a.default,{isVisuallyHidden:!0},"This text is not visible, however it is accessible to screen readers."))}},35720:function(e,t,n){"use strict";t.Z=void 0;var r=l(n(67294)),a=l(n(5071));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:18,weight:200},"Font Weight: 200"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,weight:300},"Font Weight: 300"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,weight:400},"Font Weight: 400"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,weight:700},"Font Weight: 700"))}},94656:function(e,t,n){"use strict";t.Z=void 0;var r=i(n(67294)),a=i(n(5071)),l=i(n(19845)),o=i(n(7192));function i(e){return e&&e.__esModule?e:{default:e}}var s=l.default.bind(o.default);t.Z=function(){return r.default.createElement("div",{className:s("text-wrapper")},r.default.createElement(a.default,{id:"text",isWordWrapped:!0},"https://engineering.cerner.com/terra-ui/#/components/terra-text/text/text"))}},22863:function(e,t,n){"use strict";var r=n(64836);t.Z=void 0;var a=r(n(67294)),l=r(n(45697)),o=r(n(19845)),i=r(n(17422)),s=o.default.bind(i.default),d={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,o=a.default.createElement("a",{className:s("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:s("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:s("badge-version")},"v".concat(l))),i=t?a.default.createElement("a",{className:s("badge"),href:t},a.default.createElement("span",{className:s("badge-name")},"github"),a.default.createElement("span",{className:s("badge-version")},"source")):void 0;return a.default.createElement("div",{className:s("badge-container")},o,i)};u.propTypes=d;var c=u;t.Z=c},54157:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return Ye}});var r=n(67294),a=n(81254),l=n(25612),o=n(47693),i=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={};function c(e){var t=e.components,n=d(e,i);return(0,a.mdx)("wrapper",s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from './colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst TextColors = () => (\n
\n {'Font Color: \\'default\\' class'}\n
\n {'Font Color: \\'attention\\' class'}\n
\n {'Font Color: \\'success\\' class'}\n
\n {'Font Color: \\'info\\' class'}\n
\n);\n\nexport default TextColors;\n\n")))}c.isMDXComponent=!0;var m=n(49271),f=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var b={};function g(e){var t=e.components,n=x(e,f);return(0,a.mdx)("wrapper",p({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"/*stylelint-disable terra/custom-property-namespace*/\n@import './clinical-lowlight-theme/colors.module';\n@import './orion-fusion-theme/colors.module';\n\n:root {\n --terra-text-attention-color: rgb(220, 20, 60);\n --terra-text-success-color: rgb(46, 125, 50);\n --terra-text-info-color: #304ffe;\n --terra-text-default-color: #333;\n}\n\n:local {\n .default {\n color: var(--terra-text-default-color, #333);\n }\n\n .attention {\n color: var(--terra-text-attention-color, rgb(220, 20, 60));\n }\n\n .success {\n color: var(--terra-text-success-color, rgb(46, 125, 50));\n }\n\n .info {\n color: var(--terra-text-info-color, #304ffe);\n }\n}\n\n")))}g.isMDXComponent=!0;var y=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Text Colors",description:n,example:r.createElement(o.Z,null),exampleCssSrc:r.createElement(g,null),exampleSrc:r.createElement(c,null),isExpanded:a})},h=n(1131),v=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var E={};function O(e){var t=e.components,n=j(e,v);return(0,a.mdx)("wrapper",T({},E,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Arrange from 'terra-arrange';\nimport Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from 'terra-text/lib/Text.module.scss';\nimport styles2 from './colors.module.scss';\nimport styles3 from './TextDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\nconst cx2 = classNames.bind(styles2);\nconst cx3 = classNames.bind(styles3);\n\nconst TextDisplays = () => (\n
\n

\n Fonts\n
\n \n Font Stack:\n \n \n

\n
\n
\n

Font Weight: 300

\n Aa}\n fill={(\n
\n a b c d e f g h i j k l m n o p q r s t u v w x y z\n
\n A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\n
\n 1 2 3 4 5 6 7 8 9 0\n
\n )}\n />\n
\n
\n

Font Style: Italic Font Weight: 300

\n Aa}\n fill={(\n
\n a b c d e f g h i j k l m n o p q r s t u v w x y z\n
\n A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\n
\n 1 2 3 4 5 6 7 8 9 0\n
\n )}\n />\n
\n
\n

Font Weight: 400

\n Aa}\n fill={(\n
\n a b c d e f g h i j k l m n o p q r s t u v w x y z\n
\n A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\n
\n 1 2 3 4 5 6 7 8 9 0\n
\n)}\n />\n
\n
\n

Font Style: Italic

\n Aa}\n fill={(\n
\n a b c d e f g h i j k l m n o p q r s t u v w x y z\n
\n A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\n
\n 1 2 3 4 5 6 7 8 9 0\n
\n)}\n />\n
\n
\n

Font Weight: 700

\n Aa}\n fill={(\n
\n a b c d e f g h i j k l m n o p q r s t u v w x y z\n
\n A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\n
\n 1 2 3 4 5 6 7 8 9 0\n
\n)}\n />\n
\n
\n

Font Style: Italic Font Weight: 700

\n Aa}\n fill={(\n
\n a b c d e f g h i j k l m n o p q r s t u v w x y z\n
\n A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\n
\n 1 2 3 4 5 6 7 8 9 0\n
\n)}\n />\n
\n);\n\nexport default TextDisplays;\n\n")))}O.isMDXComponent=!0;var w=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var z={};function N(e){var t=e.components,n=S(e,w);return(0,a.mdx)("wrapper",_({},z,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"// Themes\n@import './clinical-lowlight-theme/Text.module';\n@import './orion-fusion-theme/Text.module';\n\n:local {\n .text {\n display: inline-block;\n font-weight: inherit;\n }\n\n .inherit-color {\n color: inherit;\n }\n\n // Text Italics\n .italic { font-style: italic; }\n\n // Word wrap\n .word-wrap {\n max-width: 100%; /* Allows text to wrap in IE */\n overflow-wrap: break-word; /* Modern browsers */\n word-wrap: break-word; /* For IE 10 and IE 11 */\n }\n\n // Text Sizes\n .font-size-100 { font-size: 7.143rem; }\n .font-size-92 { font-size: 6.571rem; }\n .font-size-72 { font-size: 5.143rem; }\n .font-size-64 { font-size: 4.571rem; }\n .font-size-56 { font-size: 4rem; }\n .font-size-50 { font-size: 3.571rem; }\n .font-size-46 { font-size: 3.286rem; }\n .font-size-36 { font-size: 2.571rem; }\n .font-size-32 { font-size: 2.286rem; }\n .font-size-24 { font-size: 1.714rem;}\n .font-size-20 { font-size: 1.429rem; }\n .font-size-18 { font-size: 1.286rem; }\n .font-size-16 { font-size: 1.143rem; }\n .font-size-14 { font-size: 1rem; }\n .font-size-12 { font-size: 0.8571rem; }\n .font-size-10 { font-size: 0.7143rem; }\n\n // Text Weights\n .font-weight-200 { font-weight: 200; }\n .font-weight-300 { font-weight: 300; }\n .font-weight-400 { font-weight: 400; }\n .font-weight-700 { font-weight: 700; }\n\n\n /**\n * Used to hide the content visually, yet provide the content to screen readers,\n * More info: http://a11yproject.com/posts/how-to-hide-content/\n */\n .visually-hidden {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n\n .font-stack {\n &::after {\n content: var(--terra-text-v2-font-stack-after-content, '\\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif');\n display: inline-block;\n }\n }\n}\n\n")))}N.isMDXComponent=!0;var C=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Text Displays",description:n,example:r.createElement(h.Z,null),exampleCssSrc:r.createElement(N,null),exampleSrc:r.createElement(O,null),isExpanded:a})},P=n(1194),D=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var I={};function M(e){var t=e.components,n=W(e,D);return(0,a.mdx)("wrapper",k({},I,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\n\nconst TextFontSizes = () => (\n
\n 100px (7.143rem)\n
\n 92px (2.286rem)\n
\n 72px (2.286rem)\n
\n 64px (2.286rem)\n
\n 56px (2.286rem)\n
\n 50px (2.286rem)\n
\n 46px (2.286rem)\n
\n 36px (2.286rem)\n
\n 32px (2.286rem)\n
\n 24px (1.714rem)\n
\n 20px (1.429rem)\n
\n 18px (1.286rem)\n
\n 16px (1.143rem)\n
\n 14px (1rem)\n
\n 12px (0.8571rem)\n
\n 10px (0.7143rem)\n
\n);\n\nexport default TextFontSizes;\n\n")))}M.isMDXComponent=!0;var F=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Text Font Sizes",description:n,example:r.createElement(P.Z,null),exampleSrc:r.createElement(M,null),isExpanded:a})},R=n(80026),A=["components"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var V={};function H(e){var t=e.components,n=X(e,A);return(0,a.mdx)("wrapper",Z({},V,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from './colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst TextVariations = () => (\n
\n \n Text with color set to\n {'\\'success\\' class'}\n {' '}\n and\n isItalic\n \n
\n \n Text with font-size set to\n 24\n {' '}\n and weight set to\n 200\n \n
\n);\n\nexport default TextVariations;\n\n")))}H.isMDXComponent=!0;var q=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Text Variations",description:n,example:r.createElement(R.Z,null),exampleCssSrc:r.createElement(g,null),exampleSrc:r.createElement(H,null),isExpanded:a})},Y=n(88196),L=["components"];function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Q={};function G(e){var t=e.components,n=U(e,L);return(0,a.mdx)("wrapper",B({},Q,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\n\nconst TextVisuallyHidden = () => (\n
\n

\n The example below includes a\n <Text />\n {' '}\n component using the\n isVisuallyHidden\n {' '}\n prop.\n

\n This text is not visible, however it is accessible to screen readers.\n
\n);\n\nexport default TextVisuallyHidden;\n\n")))}G.isMDXComponent=!0;var J=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Text Visually Hidden",description:n,example:r.createElement(Y.Z,null),exampleSrc:r.createElement(G,null),isExpanded:a})},K=n(35720),$=["components"];function ee(){return ee=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ne={};function re(e){var t=e.components,n=te(e,$);return(0,a.mdx)("wrapper",ee({},ne,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\n\nconst TextWeights = () => (\n
\n Font Weight: 200\n
\n Font Weight: 300\n
\n Font Weight: 400\n
\n Font Weight: 700\n
\n);\n\nexport default TextWeights;\n\n")))}re.isMDXComponent=!0;var ae=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Text Weights",description:n,example:r.createElement(K.Z,null),exampleSrc:r.createElement(re,null),isExpanded:a})},le=n(94656),oe=["components"];function ie(){return ie=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var de={};function ue(e){var t=e.components,n=se(e,oe);return(0,a.mdx)("wrapper",ie({},de,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from './TextDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst TextWordWrapped = () => (\n
https://engineering.cerner.com/terra-ui/#/components/terra-text/text/text
\n);\n\nexport default TextWordWrapped;\n\n")))}ue.isMDXComponent=!0;var ce=["components"];function me(){return me=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var pe={};function xe(e){var t=e.components,n=fe(e,ce);return(0,a.mdx)("wrapper",me({},pe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n margin-left: 10px;\n margin-right: 10px;\n }\n\n .text-wrapper {\n border: 1px solid;\n width: 150px;\n }\n}\n\n")))}xe.isMDXComponent=!0;var be=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Text Word Wrapped",description:n,example:r.createElement(le.Z,null),exampleCssSrc:r.createElement(xe,null),exampleSrc:r.createElement(ue,null),isExpanded:a})},ge=n(3075),ye=["components"];function he(){return he=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Te={};function je(e){var t=e.components,n=ve(e,ye);return(0,a.mdx)("wrapper",he({},Te,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\nimport moment from 'moment';\nimport VisuallyHiddenText from 'terra-visually-hidden-text';\n\nconst dateVar = moment('01-06-2022', 'MM-DD-YYYY').format('MM-DD-YYYY');\n\nconst TextDate = () => (\n <>\n

Date format using Semantic Element:

\n \n\n

Date format using custom labels:

\n {/* to make screen readers to announce value as date */}\n \n \n \n 2017-06-01\n \n \n\n

Date format using date as a string:

\n {/* to make screen readers to announce slash or any type of separator with date values */}\n 2017/06/01\n \n);\n\nexport default TextDate;\n\n")))}je.isMDXComponent=!0;var Ee=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Text Date",description:n,example:r.createElement(ge.Z,null),exampleSrc:r.createElement(je,null),isExpanded:a})},Oe=n(61096),we=["components"];function _e(){return _e=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ze={};function Ne(e){var t=e.components,n=Se(e,we);return(0,a.mdx)("wrapper",_e({},ze,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Text from \'terra-text\';\nimport VisuallyHiddenText from \'terra-visually-hidden-text\';\n\nconst TextTime = () => (\n <>\n

Time format using Semantic Element:

\n \n\n

Time format using custom labels:

\n {/* to make screen readers to announce value as time */}\n \n \n \n \n \n);\n\nexport default TextTime;\n\n')))}Ne.isMDXComponent=!0;var Ce=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Text Time",description:n,example:r.createElement(Oe.Z,null),exampleSrc:r.createElement(Ne,null),isExpanded:a})},Pe=n(78530),De=["components"];function ke(){return ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Ie={},Me="wrapper";function Fe(e){var t=e.components,n=We(e,De);return(0,a.mdx)(Me,ke({},Ie,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(Pe.ZP,{mdxType:"PropsTable"},(0,a.mdx)(Pe.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(Pe.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(Pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(Pe.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(Pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child nodes"))),(0,a.mdx)(Pe.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(Pe.O,{mdxType:"PropNameCell"},"isItalic"),(0,a.mdx)(Pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the text to display in italics."))),(0,a.mdx)(Pe.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(Pe.O,{mdxType:"PropNameCell"},"isVisuallyHidden"),(0,a.mdx)(Pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the text to appear visually hidden. The text will still be available to screen readers."))),(0,a.mdx)(Pe.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(Pe.O,{mdxType:"PropNameCell"},"isWordWrapped"),(0,a.mdx)(Pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates if word wrapping styles should be applied."))),(0,a.mdx)(Pe.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(Pe.O,{mdxType:"PropNameCell"},"fontSize"),(0,a.mdx)(Pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 10\n 12\n 14\n 16\n 18\n 20\n 24\n 32\n 36\n 46\n 50\n 56\n 64\n 72\n 92\n 100\n],\n"))),(0,a.mdx)(Pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the text size. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"10"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"12"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"14"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"16"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"18"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"20"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"24"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"32"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"36"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"46"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"50"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"56"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"64"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"72"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"92"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"100"),"."))),(0,a.mdx)(Pe.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(Pe.O,{mdxType:"PropNameCell"},"weight"),(0,a.mdx)(Pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 200\n 300\n 400\n 700\n],\n"))),(0,a.mdx)(Pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The prop can be used to specify the weight or boldness of the Text component. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"200"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"300"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"400"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"700"),"."))),(0,a.mdx)(Pe.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(Pe.O,{mdxType:"PropNameCell"},"colorClass"),(0,a.mdx)(Pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets an author defined class, to control the colors of the text and override the base color styles."),(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge//IMPORTANT/blue?icon=github",alt:"IMPORTANT"}),"\nAdding ",(0,a.mdx)("inlineCode",{parentName:"p"},"var(--my-app...")," CSS variables is required for proper re-themeability when creating custom color styles ",(0,a.mdx)("em",{parentName:"p"},"(see included examples)"),".")))))}Fe.isMDXComponent=!0;var Re=["components"];function Ae(){return Ae=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Xe,Ve=(Xe="Link",function(e){return console.warn("Component "+Xe+" was not imported, exported, or provided by MDXProvider as global scope"),(0,a.mdx)("div",e)}),He={},qe="wrapper";function Ye(e){var t=e.components,n=Ze(e,Re);return(0,a.mdx)(qe,Ae({},He,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-text"},"Terra Text"),(0,a.mdx)("p",null,"The font size, font weight, font family, and font color in terra components are set to defaults in terra-base which is then inherited into all components.\nComponents can override these base styles as needed in their specific component CSS. In some cases, you may need text that differs from the base font styles,\nthough, the text doesn't belong to a specific component."),(0,a.mdx)("p",null,"In these cases, the text component may be helpful. Using terra-text, you can create text that differs from the base text styles by changing the font size,\nfont weight, and color."),(0,a.mdx)("h1",{id:"decorative-text-attributes"},"Decorative text attributes"),(0,a.mdx)("p",null,"Decorative text attributes are attributes that do not add meaning to the content of a page. If the attribute is just decorative and does not convey any meaning, the text should not communicate anything else."),(0,a.mdx)("h1",{id:"supportive-text-attributes"},"Supportive Text Attributes"),(0,a.mdx)("p",null,'The text attribute is "Supportive" when the text attribute is paired with other text or imagery on the page that conveys the same information. Supportive text attributes should be considered the same as decorative, and no extra meaning should be applied.'),(0,a.mdx)("h1",{id:"meaningful-text-attributes"},"Meaningful Text Attributes"),(0,a.mdx)("p",null,"Meaningful text attributes are attributes that convey meaning and is not paired with other text or imagery on the page that conveys the meaning. When text attributes are meaningful there should be a way for the screen readers to convey so as to understand WHAT the text attribute means."),(0,a.mdx)("p",null,(0,a.mdx)("strong",{parentName:"p"},"Note:")," Large font sizes should be used only for decorative text and not for headers. For text to be understood as a heading, the text must be programmatically set to a heading level in the code."),(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-text"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Text from 'terra-text';\n")),(0,a.mdx)("h3",{id:"color-class"},"Color Class"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-css"},":root {\n --my-app-text-attention-color: rgb(220, 20, 60);\n --my-app-text-success-color: rgb(46, 125, 50);\n --my-app-text-info-color: #304ffe;\n --my-app-text-default-color: #333;\n}\n\n:local {\n .default {\n color: var(--my-app-text-default-color, #333);\n }\n\n .attention {\n color: var(--my-app-text-attention-color, rgb(220, 20, 60));\n }\n\n .success {\n color: var(--my-app-text-success-color, rgb(46, 125, 50));\n }\n\n .info {\n color: var(--my-app-text-info-color, #304ffe);\n }\n}\n")),(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#responsive-support"},"Responsive 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)("h2",{id:"examples"},"Examples"),(0,a.mdx)(C,{title:"Displays",mdxType:"TextDisplays"}),(0,a.mdx)(F,{title:"Font Sizes",description:"The font-size values represent the pixel values of our UX defined font-scale. Then the `Text` component will render these font-sizes with rem units.",mdxType:"TextFontSizes"}),(0,a.mdx)(y,{title:"Colors",description:"By passing in a className, authors can manually set the text color of any '' component.",mdxType:"TextColors"}),(0,a.mdx)(ae,{title:"Weight",mdxType:"TextWeights"}),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"isVisuallyHidden")," prop can be used to hide the content visually, yet provide the content to screen readers.\nMore info on this approach can be found here: ",(0,a.mdx)(Ve,{to:"http://a11yproject.com/posts/how-to-hide-content/",mdxType:"Link"},(0,a.mdx)("a",{parentName:"p",href:"http://a11yproject.com/posts/how-to-hide-content/"},"http://a11yproject.com/posts/how-to-hide-content/"))),(0,a.mdx)(J,{title:"Visually Hidden",mdxType:"TextVisuallyHidden"}),(0,a.mdx)(q,{title:"Variations",description:"You can mix and match props on the `` component to create various text styles.",mdxType:"TextVariations"}),(0,a.mdx)(be,{title:"Word Wrapped",description:"The `isWordWrapped` prop can be used to apply cross-browser word-wrapping styles.",mdxType:"TextWordWrapped"}),(0,a.mdx)(Ee,{title:"Date Format",description:"You can use `Terra-Text` for date formatting.",mdxType:"TextDate"}),(0,a.mdx)(Ce,{title:"Time Format",description:"You can use `Terra-Text` for time formatting.",mdxType:"TextTime"}),(0,a.mdx)("h2",{id:"text-props"},"Text Props"),(0,a.mdx)(Fe,{mdxType:"TextPropsTable"}))}Ye.isMDXComponent=!0},25612:function(e,t,n){"use strict";n.d(t,{C:function(){return l}});var r=n(67294),a=n(22863),l=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-text",name:"terra-text",version:"4.55.0",url:t})}},7192:function(e,t,n){"use strict";n.r(t),t.default={"content-wrapper":"TextDocCommon-module__content-wrapper___Iyhd9","text-wrapper":"TextDocCommon-module__text-wrapper___x8WkM"}},74524:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"colors-module__clinical-lowlight-theme___djX+a","orion-fusion-theme":"colors-module__orion-fusion-theme___gHvde",default:"colors-module__default___xEB3r",attention:"colors-module__attention___ra+PH",success:"colors-module__success___0EbKw",info:"colors-module__info___DYABi"}},17422:function(e,t,n){"use strict";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"}},66633:function(e,t,n){"use strict";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"}},59865:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"Text-module__clinical-lowlight-theme___mG7dV","orion-fusion-theme":"Text-module__orion-fusion-theme___s3eY+",text:"Text-module__text___pR3Hk","inherit-color":"Text-module__inherit-color___BT1c9",italic:"Text-module__italic___Ai80R","word-wrap":"Text-module__word-wrap___RWBlC","font-size-100":"Text-module__font-size-100___QjMrh","font-size-92":"Text-module__font-size-92___xffy1","font-size-72":"Text-module__font-size-72___R9WxS","font-size-64":"Text-module__font-size-64___A0fSP","font-size-56":"Text-module__font-size-56___EpTwK","font-size-50":"Text-module__font-size-50___Hy8ue","font-size-46":"Text-module__font-size-46___MU8-J","font-size-36":"Text-module__font-size-36___8M9ck","font-size-32":"Text-module__font-size-32___-m5nt","font-size-24":"Text-module__font-size-24___OOFKN","font-size-20":"Text-module__font-size-20___rJO6P","font-size-18":"Text-module__font-size-18___TCBtv","font-size-16":"Text-module__font-size-16___ovQH2","font-size-14":"Text-module__font-size-14___fYamg","font-size-12":"Text-module__font-size-12___EGKPm","font-size-10":"Text-module__font-size-10___xZOQY","font-weight-200":"Text-module__font-weight-200___NABUq","font-weight-300":"Text-module__font-weight-300___vm83w","font-weight-400":"Text-module__font-weight-400___Z-2pQ","font-weight-700":"Text-module__font-weight-700___WIUZQ","visually-hidden":"Text-module__visually-hidden___hgjcq","font-stack":"Text-module__font-stack___ydj-0"}},46700:function(e,t,n){var r={"./af":42786,"./af.js":42786,"./ar":30867,"./ar-dz":14130,"./ar-dz.js":14130,"./ar-kw":96135,"./ar-kw.js":96135,"./ar-ly":56440,"./ar-ly.js":56440,"./ar-ma":47702,"./ar-ma.js":47702,"./ar-ps":20315,"./ar-ps.js":20315,"./ar-sa":16040,"./ar-sa.js":16040,"./ar-tn":37100,"./ar-tn.js":37100,"./ar.js":30867,"./az":31083,"./az.js":31083,"./be":9808,"./be.js":9808,"./bg":68338,"./bg.js":68338,"./bm":67438,"./bm.js":67438,"./bn":8905,"./bn-bd":76225,"./bn-bd.js":76225,"./bn.js":8905,"./bo":11560,"./bo.js":11560,"./br":1278,"./br.js":1278,"./bs":80622,"./bs.js":80622,"./ca":2468,"./ca.js":2468,"./cs":5822,"./cs.js":5822,"./cv":50877,"./cv.js":50877,"./cy":47373,"./cy.js":47373,"./da":24780,"./da.js":24780,"./de":59740,"./de-at":60217,"./de-at.js":60217,"./de-ch":60894,"./de-ch.js":60894,"./de.js":59740,"./dv":5300,"./dv.js":5300,"./el":50837,"./el.js":50837,"./en-au":78348,"./en-au.js":78348,"./en-ca":77925,"./en-ca.js":77925,"./en-gb":22243,"./en-gb.js":22243,"./en-ie":46436,"./en-ie.js":46436,"./en-il":47207,"./en-il.js":47207,"./en-in":44175,"./en-in.js":44175,"./en-nz":76319,"./en-nz.js":76319,"./en-sg":31662,"./en-sg.js":31662,"./eo":92915,"./eo.js":92915,"./es":55655,"./es-do":55251,"./es-do.js":55251,"./es-mx":96112,"./es-mx.js":96112,"./es-us":71146,"./es-us.js":71146,"./es.js":55655,"./et":5603,"./et.js":5603,"./eu":77763,"./eu.js":77763,"./fa":76959,"./fa.js":76959,"./fi":11897,"./fi.js":11897,"./fil":42549,"./fil.js":42549,"./fo":94694,"./fo.js":94694,"./fr":94470,"./fr-ca":63049,"./fr-ca.js":63049,"./fr-ch":52330,"./fr-ch.js":52330,"./fr.js":94470,"./fy":5044,"./fy.js":5044,"./ga":29295,"./ga.js":29295,"./gd":2101,"./gd.js":2101,"./gl":38794,"./gl.js":38794,"./gom-deva":27884,"./gom-deva.js":27884,"./gom-latn":23168,"./gom-latn.js":23168,"./gu":95349,"./gu.js":95349,"./he":24206,"./he.js":24206,"./hi":30094,"./hi.js":30094,"./hr":30316,"./hr.js":30316,"./hu":22138,"./hu.js":22138,"./hy-am":11423,"./hy-am.js":11423,"./id":29218,"./id.js":29218,"./is":90135,"./is.js":90135,"./it":90626,"./it-ch":10150,"./it-ch.js":10150,"./it.js":90626,"./ja":39183,"./ja.js":39183,"./jv":24286,"./jv.js":24286,"./ka":12105,"./ka.js":12105,"./kk":47772,"./kk.js":47772,"./km":18758,"./km.js":18758,"./kn":79282,"./kn.js":79282,"./ko":33730,"./ko.js":33730,"./ku":1408,"./ku-kmr":90563,"./ku-kmr.js":90563,"./ku.js":1408,"./ky":33291,"./ky.js":33291,"./lb":36841,"./lb.js":36841,"./lo":55466,"./lo.js":55466,"./lt":57010,"./lt.js":57010,"./lv":37595,"./lv.js":37595,"./me":39861,"./me.js":39861,"./mi":35493,"./mi.js":35493,"./mk":59637,"./mk.js":59637,"./ml":87341,"./ml.js":87341,"./mn":5115,"./mn.js":5115,"./mr":10370,"./mr.js":10370,"./ms":9847,"./ms-my":41237,"./ms-my.js":41237,"./ms.js":9847,"./mt":72126,"./mt.js":72126,"./my":56165,"./my.js":56165,"./nb":64924,"./nb.js":64924,"./ne":16744,"./ne.js":16744,"./nl":93901,"./nl-be":59814,"./nl-be.js":59814,"./nl.js":93901,"./nn":83877,"./nn.js":83877,"./oc-lnc":92135,"./oc-lnc.js":92135,"./pa-in":47762,"./pa-in.js":47762,"./pl":64495,"./pl.js":64495,"./pt":96432,"./pt-br":57971,"./pt-br.js":57971,"./pt.js":96432,"./ro":96459,"./ro.js":96459,"./ru":21793,"./ru.js":21793,"./sd":40950,"./sd.js":40950,"./se":10490,"./se.js":10490,"./si":90124,"./si.js":90124,"./sk":64249,"./sk.js":64249,"./sl":14985,"./sl.js":14985,"./sq":51104,"./sq.js":51104,"./sr":49131,"./sr-cyrl":79915,"./sr-cyrl.js":79915,"./sr.js":49131,"./ss":85893,"./ss.js":85893,"./sv":98760,"./sv.js":98760,"./sw":91172,"./sw.js":91172,"./ta":27333,"./ta.js":27333,"./te":23110,"./te.js":23110,"./tet":52095,"./tet.js":52095,"./tg":27321,"./tg.js":27321,"./th":9041,"./th.js":9041,"./tk":19005,"./tk.js":19005,"./tl-ph":75768,"./tl-ph.js":75768,"./tlh":89444,"./tlh.js":89444,"./tr":72397,"./tr.js":72397,"./tzl":28254,"./tzl.js":28254,"./tzm":51106,"./tzm-latn":30699,"./tzm-latn.js":30699,"./tzm.js":51106,"./ug-cn":9288,"./ug-cn.js":9288,"./uk":67691,"./uk.js":67691,"./ur":13795,"./ur.js":13795,"./uz":6791,"./uz-latn":14126,"./uz-latn.js":14126,"./uz.js":6791,"./vi":65666,"./vi.js":65666,"./x-pseudo":14378,"./x-pseudo.js":14378,"./yo":75805,"./yo.js":75805,"./zh-cn":83839,"./zh-cn.js":83839,"./zh-hk":55726,"./zh-hk.js":55726,"./zh-mo":99807,"./zh-mo.js":99807,"./zh-tw":74152,"./zh-tw.js":74152};function a(e){var t=l(e);return n(t)}function l(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}a.keys=function(){return Object.keys(r)},a.resolve=l,e.exports=a,a.id=46700},78490:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var a=d(n(67294)),l=d(n(45697)),o=d(n(19845)),i=d(n(66633)),s=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var x=o.default.bind(i.default),b={fitStart:l.default.element,fill:l.default.element.isRequired,fitEnd:l.default.element,align:l.default.oneOf(["center","bottom","stretch"]),alignFitStart:l.default.oneOf(["center","bottom","stretch"]),alignFitEnd:l.default.oneOf(["center","bottom","stretch"]),alignFill:l.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:l.default.object,fillAttributes:l.default.object,fitEndAttributes:l.default.object},g=function(e){var t=e.fitStart,n=e.fill,r=e.fitEnd,l=e.align,o=e.alignFitStart,i=e.alignFill,d=e.alignFitEnd,c=e.fitStartAttributes,f=e.fillAttributes,b=e.fitEndAttributes,g=p(e,s),y=m({},c),h=m({},f),v=m({},b);return a.default.createElement("span",u({},g,{className:x("arrange",g.className)}),a.default.createElement("span",u({},y,{className:x("fit",l||o,y.className,"fit-block")}),t),a.default.createElement("span",u({},h,{className:x("fill",l||i,h.className,"fill-block")}),n),a.default.createElement("span",u({},v,{className:x("fit",l||d,v.className)}),r))};g.propTypes=b;t.default=g},5071:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.TextWeight=t.TextFontSize=void 0;var a=c(n(67294)),l=c(n(45697)),o=c(n(93967)),i=c(n(19845)),s=c(n(50026)),d=c(n(59865)),u=["children","isVisuallyHidden","isItalic","fontSize","weight","isWordWrapped","colorClass"];function c(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var b=i.default.bind(d.default),g=(t.TextFontSize={10:10,12:12,14:14,16:16,18:18,20:20,24:24,32:32,36:36,46:46,50:50,56:56,64:64,72:72,92:92,100:100},t.TextWeight={200:200,300:300,400:400,700:700},{children:l.default.node.isRequired,isItalic:l.default.bool,isVisuallyHidden:l.default.bool,isWordWrapped:l.default.bool,fontSize:l.default.oneOf([10,12,14,16,18,20,24,32,36,46,50,56,64,72,92,100]),weight:l.default.oneOf([200,300,400,700]),colorClass:l.default.string}),y=function(e){var t=e.children,n=e.isVisuallyHidden,r=e.isItalic,l=e.fontSize,i=e.weight,d=e.isWordWrapped,c=e.colorClass,g=x(e,u),y=a.default.useContext(s.default),h=function(e){for(var t=1;t=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var m={},l="wrapper";function d(e){var n=e.components,t=i(e,a);return(0,r.mdx)(l,p({},m,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(o.ZP,{mdxType:"PropsTable"},(0,r.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"description"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A string describing the content or concept for which the NavigationPrompt is being rendered."))),(0,r.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"metaData"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An object containing any other pertinent information related to the NavigationPrompt.")))))}d.isMDXComponent=!0;var c=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var x={},y="wrapper";function f(e){var n=e.components,t=u(e,c);return(0,r.mdx)(y,s({},x,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"navigationprompt"},"NavigationPrompt"),(0,r.mdx)("p",null,"The NavigationPrompt communicates with ",(0,r.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/navigation-prompt-checkpoint"},"NavigationPromptCheckpoints"),"\nrendered by ApplicationBase and other framework components. NavigationPrompts should be rendered by a component when the component wants to indicate the presence\nof pending actions or unsaved changes to the framework."),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import NavigationPrompt from 'terra-application/lib/navigation-prompt';\n")),(0,r.mdx)("h2",{id:"props"},"Props"),(0,r.mdx)(d,{mdxType:"NavigationPromptProps"}))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/11013-9ce625fe0bb5df83ed44.css b/11013-9ce625fe0bb5df83ed44.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/11013-9ce625fe0bb5df83ed44.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/11013-9ce625fe0bb5df83ed44.js b/11013-9ce625fe0bb5df83ed44.js new file mode 100644 index 000000000..9f8f6245b --- /dev/null +++ b/11013-9ce625fe0bb5df83ed44.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11013,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var n=d(l(67294)),m=d(l(45697)),r=d(l(19845)),t=d(l(17422)),i=r.default.bind(t.default),u={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,m=e.version,r=n.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(m)},n.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(m))),t=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},r,t)};p.propTypes=u;var x=p;a.Z=x},11013:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),n=l(35953),m=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[l]=e[l]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var i={},u="wrapper";function p(e){var a=e.components,l=t(e,m);return(0,d.mdx)(u,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4410---november-13-2023"},"4.41.0 - (November 13, 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:"4400---february-15-2023"},"4.40.0 - (February 15, 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"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4390---december-7-2022"},"4.39.0 - (December 7, 2022)"),(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:"4381---january-4-2022"},"4.38.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"4380---september-21-2021"},"4.38.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"4370---april-6-2021"},"4.37.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Updated jest tests not have a mock spanning it blocks.")))),(0,d.mdx)("h2",{id:"4360---february-9-2021"},"4.36.0 - (February 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Avoid version 1.8.12 of intl-locales-supported as it is a bad publish.")))),(0,d.mdx)("h2",{id:"4350---january-5-2021"},"4.35.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"4340---december-8-2020"},"4.34.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"4330---september-29-2020"},"4.33.0 - (September 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Disable the regex cached maintained by the Intl Polyfill that can result in regex syntax errors.")))),(0,d.mdx)("h2",{id:"4320---august-4-2020"},"4.32.0 - (August 4, 2020)"),(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:"4310---july-29-2020"},"4.31.0 - (July 29, 2020)"),(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:"4300---july-7-2020"},"4.30.0 - (July 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,d.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,d.mdx)("h2",{id:"4290---june-9-2020"},"4.29.0 - (June 9, 2020)"),(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 file changes to comply with eslint rules"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"4280---april-28-2020"},"4.28.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"4270---april-22-2020"},"4.27.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README"),(0,d.mdx)("li",{parentName:"ul"},"Added Usage section")))),(0,d.mdx)("h2",{id:"4260---march-31-2020"},"4.26.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Check if Intl.DateTimeFormat and Int.NumberFormat have the ",(0,d.mdx)("inlineCode",{parentName:"li"},"supportedLocalesOf")," property before adding as constructors for intl-locales-supported.")))),(0,d.mdx)("h2",{id:"4250---march-10-2020"},"4.25.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"4240---february-18-2020"},"4.24.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Be the most explicit when checking when checking if Intl, Intl.DateTimeFormat and Int.NumberFormat by checking against expected type instead of check for undefined. Addresses: ",(0,d.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/2841"},"https://github.com/cerner/terra-core/issues/2841"))))),(0,d.mdx)("h2",{id:"4230---february-13-2020"},"4.23.0 - (February 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Be explicit when checking when checking if Intl, Intl.DateTimeFormat and Int.NumberFormat are available on the browser.")))),(0,d.mdx)("h2",{id:"4220---february-11-2020"},"4.22.0 - (February 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add try-catch blocks around the Intl check to ensure errors are correctly handled if an error is thrown. Fixes ",(0,d.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/2820"},"https://github.com/cerner/terra-core/issues/2820"),".")))),(0,d.mdx)("h2",{id:"4210---january-7-2020"},"4.21.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,d.mdx)("h2",{id:"4200---december-3-2019"},"4.20.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".'))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix Intl data loading logic. Locale data was only loading the initial locale data but did not load locale data for the new local when the locale was switched. This issue was discovered when running in IE 10.")))),(0,d.mdx)("h2",{id:"4190---october-30-2019"},"4.19.0 - (October 30, 2019)"),(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:"4180---october-14-2019"},"4.18.0 - (October 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix Intl Loading and conditionally add the ",(0,d.mdx)("inlineCode",{parentName:"li"},"intl")," polyfill when Intl is not provided by the browser. This issue was discovered when running in IE 10.")))),(0,d.mdx)("h2",{id:"4170---october-3-2019"},"4.17.0 - (October 3, 2019)"),(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:"4160---september-26-2019"},"4.16.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed the Finnish example since we don't officially support Finnish")))),(0,d.mdx)("h2",{id:"4150---september-19-2019"},"4.15.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,d.mdx)("h2",{id:"4140---september-6-2019"},"4.14.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"4130---august-21-2019"},"4.13.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"4120---august-14-2019"},"4.12.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Update tests for dev-site v6")))),(0,d.mdx)("h2",{id:"4110---july-30-2019"},"4.11.0 - (July 30, 2019)"),(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:"4100---july-24-2019"},"4.10.0 - (July 24, 2019)"),(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:"490---july-16-2019"},"4.9.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"480----july-11-2019"},"4.8.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,d.mdx)("h2",{id:"470---june-28-2019"},"4.7.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added more information to upgrade guide around Jest testing"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,d.mdx)("h2",{id:"460---june-18-2019"},"4.6.0 - (June 18, 2019)"),(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 bump")))),(0,d.mdx)("h2",{id:"450---june-11-2019"},"4.5.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5"),(0,d.mdx)("li",{parentName:"ul"},"Changed modules to export")))),(0,d.mdx)("h2",{id:"440---may-21-2019"},"4.4.0 - (May 21, 2019)"),(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:"430---may-1-2019"},"4.3.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added Upgrade Guide to doc site")))),(0,d.mdx)("h2",{id:"420---april-16-2019"},"4.2.0 - (April 16, 2019)"),(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:"410---april-9-2019"},"4.1.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update the intl polyfill to be more robust for IE10")))),(0,d.mdx)("h2",{id:"400---march-27-2019"},"4.0.0 - (March 27, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed post-install script which wrote default intl and translation loaders"),(0,d.mdx)("li",{parentName:"ul"},"Removed aggregate-translations pre-build tool/script"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"src/defaultIntlLoaders.js")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"src/defaultTranslationsLoaders.js")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"require.ensure")," syntax for loading Intl polyfill"),(0,d.mdx)("li",{parentName:"ul"},"This package no longer provides the ",(0,d.mdx)("inlineCode",{parentName:"li"},"injectIntl"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"intlShape"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"IntlProvider")," exports from react-intl"),(0,d.mdx)("li",{parentName:"ul"},"Removed div that wrapped children passed into the I18nProvider component. The I18nProvider component now uses a ",(0,d.mdx)("inlineCode",{parentName:"li"},"")," wrapper around children"),(0,d.mdx)("li",{parentName:"ul"},"Removed run time check for supported locales. This is provided at build time with terra-toolkit's aggregate-translations script")))),(0,d.mdx)("h2",{id:"350---march-26-2019"},"3.5.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release")))),(0,d.mdx)("h2",{id:"340---march-21-2019"},"3.4.0 - (March 21, 2019)"),(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:"330---february-26-2019"},"3.3.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations")))),(0,d.mdx)("h2",{id:"320---february-12-2019"},"3.2.0 - (February 12, 2019)"),(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:"310---february-5-2019"},"3.1.0 - (February 5, 2019)"),(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:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"2310---january-22-2019"},"2.31.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,d.mdx)("h2",{id:"2300---january-8-2019"},"2.30.0 - (January 8, 2019)"),(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:"2290---january-2-2019"},"2.29.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing ar translations."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"2280---november-19-2018"},"2.28.0 - (November 19, 2018)"),(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:"2270---november-13-2018"},"2.27.0 - (November 13, 2018)"),(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:"2260---november-9-2018"},"2.26.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add full list of locales to terra-i18n translation fixtures")))),(0,d.mdx)("h2",{id:"2250---october-24-2018"},"2.25.0 - (October 24, 2018)"),(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:"2240---october-16-2018"},"2.24.0 - (October 16, 2018)"),(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:"2230---october-8-2018"},"2.23.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated fs-extra dependency to latest stable release (^7.0.0)")))),(0,d.mdx)("h2",{id:"2220---october-2-2018"},"2.22.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Export IntlProvider from react-intl")))),(0,d.mdx)("h2",{id:"2210---september-25-2018"},"2.21.0 - (September 25, 2018)"),(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:"2203---september-13-2018"},"2.20.3 - (September 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fix",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add post-install script which writes default loaders")))),(0,d.mdx)("h2",{id:"2202---september-12-2018"},"2.20.2 - (September 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fix",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove post-install script which wrote default loaders")))),(0,d.mdx)("h2",{id:"2201---september-6-2018"},"2.20.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2200---september-5-2018"},"2.20.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2190---september-4-2018"},"2.19.0 - (September 4, 2018)"),(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:"2180---august-29-2018"},"2.18.0 - (August 29, 2018)"),(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:"2170---august-1-2018"},"2.17.0 - (August 1, 2018)"),(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)("li",{parentName:"ul"},"Updated translations")))),(0,d.mdx)("h2",{id:"2160---july-25-2018"},"2.16.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,d.mdx)("h2",{id:"2150---july-17-2018"},"2.15.0 - (July 17, 2018)"),(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)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,d.mdx)("h2",{id:"2140---july-10-2018"},"2.14.0 - (July 10, 2018)"),(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:"2130---june-28-2018"},"2.13.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2120---june-22-2018"},"2.12.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Major dependency version bump for ",(0,d.mdx)("inlineCode",{parentName:"li"},"fs-extra"))))),(0,d.mdx)("h2",{id:"2110---june-12-2018"},"2.11.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,d.mdx)("h2",{id:"2100---may-30-2018"},"2.10.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"290---may-23-2018"},"2.9.0 - (May 23, 2018)"),(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:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(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:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Export FormattedMessage from react-intl")))),(0,d.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added support for nl and nl-BE locales")))),(0,d.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(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:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Transpile defaultIntlLoaders and defaultTranslationsLoaders.")))),(0,d.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Implement locale fallback strategy in translations and locale loaders. Fallback strategy will be first try the regional locale, then try the base locale, then try 'en' english base locale, and lastly throw an error if 'en' is not provided."),(0,d.mdx)("li",{parentName:"ul"},"Aggregate-translations pre-build tool to aggregate translations and build dynamic intlLoader and translationLoader modules that are configured for the specified locales. This tool is offered as a CLI script and as a setup function."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Open up the i18nLoader restrictions such that non-terra-supported locales will load."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Only load the specified aggregated-translation locales."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Exported react-intl's injectIntl and intlShape")))),(0,d.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(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:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,d.mdx)("h2",{id:"1140---february-1-2018"},"1.14.0 - (February 1, 2018)"),(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---january-18-2018"},"1.13.0 - (January 18, 2018)"),(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---november-28-2017"},"1.12.0 - (November 28, 2017)"),(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---november-16-2017"},"1.11.0 - (November 16, 2017)"),(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---october-6-2017"},"1.10.0 - (October 6, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Spread customProps onto div.")))),(0,d.mdx)("h2",{id:"190---september-26-2017"},"1.9.0 - (September 26, 2017)"),(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---september-19-2017"},"1.8.0 - (September 19, 2017)"),(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---september-12-2017"},"1.7.0 - (September 12, 2017)"),(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---september-7-2017"},"1.6.0 - (September 7, 2017)"),(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---september-5-2017"},"1.5.0 - (September 5, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"140---august-31-2017"},"1.4.0 - (August 31, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Improved terra-i18n example in README.md")))),(0,d.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(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:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(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---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[l]=e[l]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(n.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},35953:function(e,a,l){l.d(a,{C:function(){return m}});var d=l(67294),n=l(22863),m=function(e){var a=e.url;return d.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-i18n",name:"terra-i18n",version:"4.41.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/11058-2d9aa276d922ca974ada.css b/11058-2d9aa276d922ca974ada.css new file mode 100644 index 000000000..b6d65c39c --- /dev/null +++ b/11058-2d9aa276d922ca974ada.css @@ -0,0 +1,3 @@ +:root{--default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1);--default-transition-duration: 1s}:root{--terra-graphs-white: #fff;--terra-graphs-dark: #1c1f21;--terra-graphs-grey5: #f4f4f4;--terra-graphs-grey10: #e8e9ea;--terra-graphs-grey15: #dedfe0;--terra-graphs-grey25: #c8cacb;--terra-graphs-grey30: #bcbfc0;--terra-graphs-grey45: #9b9fa1;--terra-graphs-grey65: #6f7477;--terra-graphs-blue100: #004c76;--terra-graphs-blue30: #a6d9f4;--terra-graphs-blue10: #ebf6fd;--terra-graphs-red85: #c00;--terra-graphs-yellow60: #ffc20a;--terra-graphs-grey55: #868a8c}.carbon-svg-icon{display:inline-block;height:.625rem;width:.625rem}.carbon-graph-container{color:#1c1f21;color:var(--terra-graphs-dark);display:block;width:100%}[dir] .carbon-graph-container{padding-bottom:.8333rem;padding-top:.8333rem}.carbon-graph-container svg:not(:root){overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.carbon-graph-canvas{box-sizing:border-box;display:block;overflow-x:hidden;overflow-y:auto}.carbon-axis path.domain,.carbon-axis line{fill:none;stroke:#bcbfc0;stroke:var(--terra-graphs-grey30)}.carbon-grid line,.carbon-content-container{shape-rendering:auto}.carbon-axis-x[aria-hidden=true],.carbon-axis-y[aria-hidden=true],.carbon-axis-y2[aria-hidden=true],.carbon-axis-info-row[aria-hidden=true]{display:none}.carbon-axis.carbon-axis-reference-line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:2px}.carbon-grid>* .domain[stroke]{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-lower-step-grid line{stroke:#9b9b9b;stroke-width:1px}.carbon-midpoint-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10);stroke-width:1px}.carbon-upper-step-grid line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:3px}.carbon-no-data-text{fill:#1c1f21;fill:var(--terra-graphs-dark)}.carbon-legend{-ms-flex-line-pack:center;align-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;list-style-type:none}[dir] .carbon-legend{margin:0;padding:0}.carbon-legend .carbon-legend-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;outline:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-legend .carbon-legend-item{margin:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-btn{-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;font-size:inherit;height:1.875rem;width:2.1875rem}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{background-color:#dedfe0;background-color:var(--terra-graphs-grey15);border:0;border-radius:.25rem;padding:0}[dir=ltr] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-right:.5rem}[dir=rtl] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-left:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-text{word-wrap:break-word}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]{cursor:pointer}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]:hover{background-color:#ebf6fd;background-color:var(--terra-graphs-blue10)}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-btn, [dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-text{cursor:pointer}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn,.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{outline:none}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn{opacity:.35}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{color:#bcbfc0;color:var(--terra-graphs-grey30)}.carbon-legend .carbon-legend-item .carbon-legend-item-icon{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-icon-with-line{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-span{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:center;justify-content:center}.carbon-legend .carbon-legend-item .carbon-legend-item-line{height:5px;width:28px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{height:5px;width:18px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-white-line{stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:6px}[dir] .carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-btn{background-color:#fff;background-color:var(--terra-graphs-white);border-color:#dedfe0;border-color:var(--terra-graphs-grey15);border-style:solid;border-width:1px}.carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-text{color:#6f7477;color:var(--terra-graphs-grey65)}.carbon-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing);opacity:.2}[dir] .carbon-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-point[aria-disabled=false]{cursor:pointer}.carbon-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point{display:block;fill:#ebf6fd;fill:var(--terra-graphs-blue10);fill-opacity:.25;stroke:#a6d9f4;stroke:var(--terra-graphs-blue30)}.carbon-selected-data-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-selected-data-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point path{stroke-width:1px}.carbon-criticality-outer[aria-hidden=true],.carbon-criticality-inner[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-criticality-outer[aria-hidden=true], [dir] .carbon-criticality-inner[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-criticality-outer{fill:#c00;fill:var(--terra-graphs-red85);stroke:#c00;stroke:var(--terra-graphs-red85);stroke-width:24px}.carbon-criticality-inner{fill:#fff;fill:var(--terra-graphs-white);stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:8px}.carbon-region{fill:#f4f4f4;fill:var(--terra-graphs-grey5)}.carbon-region[aria-hidden=true],.carbon-region.carbon-region-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-region[aria-hidden=true], [dir] .carbon-region.carbon-region-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-region.carbon-value-region{stroke:#f4f4f4;stroke:var(--terra-graphs-grey5);stroke-width:.625rem}.carbon-region.carbon-region-highlight{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:1;visibility:visible}[dir] .carbon-region.carbon-region-highlight{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-content-container{fill:none;stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-data-completion-bar,.carbon-data-bar{shape-rendering:auto;stroke-width:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-data-completion-bar[aria-disabled=false], [dir] .carbon-data-bar[aria-disabled=false]{cursor:pointer}.carbon-data-completion-bar[aria-hidden=true],.carbon-data-bar[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-data-completion-bar[aria-hidden=true], [dir] .carbon-data-bar[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-axis-info-row-item[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-axis-info-row-item[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-axis-info-row-item[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline{shape-rendering:auto;opacity:.3;stroke-width:3px}[dir] .carbon-dateline-group .carbon-dateline-point[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-eventline-group .carbon-eventline{shape-rendering:auto;opacity:1;stroke-width:2px}.carbon-no-data-label{fill:#6f7477;fill:var(--terra-graphs-grey65);font-size:1.25rem;text-anchor:middle}.carbon-no-data-overlay{fill:#fff;fill:var(--terra-graphs-white);opacity:.6}.carbon-label-popup-tooltip{-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:absolute;z-index:20}[dir] .carbon-label-popup-tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.carbon-label-popup-tooltip.popup-item{display:block}.carbon-label-popup-tooltip.section{display:block}[dir=ltr] .carbon-label-popup-tooltip.section{padding-left:1rem}[dir=rtl] .carbon-label-popup-tooltip.section{padding-right:1rem}.carbon-label-popup-tooltip.content{display:block}[dir] .carbon-label-popup-tooltip.content:last-child{padding-bottom:0}[dir] .carbon-label-popup-tooltip.content:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-tooltip g{display:inline-block}.carbon-label-popup-tooltip g.popup-label{color:#01579b}.carbon-label-popup-tooltip g.popup-label::after{content:": "}.carbon-label-popup-tooltip g.popup-text{color:#000}[dir] .carbon-label-popup-tooltip g:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .carbon-label-popup-overlay{cursor:pointer}[dir=ltr] .carbon-label-popup-overlay{left:0}[dir=rtl] .carbon-label-popup-overlay{right:0} +[dir] .example-graph-container, [dir] .legend-bindto-container{padding:2.17rem 0}.carbon-graph-container,.carbon-timeline-container,.legend-bindto-container{font-size:.75rem}.bindto-container{display:-ms-flexbox;display:flex;width:100%}.bindto-container .legend-bindto-container{width:20%}.bindto-container .legend-bindto-graph-container{width:80%}.tooltip{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:fixed;z-index:20}[dir] .tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.tooltip .popup-item{display:block}.tooltip .section{display:block}[dir=ltr] .tooltip .section{padding-left:1rem}[dir=rtl] .tooltip .section{padding-right:1rem}.tooltip .content{display:block}[dir] .tooltip .content:last-child{padding-bottom:0}[dir] .tooltip .content:not(:last-child){padding-bottom:.5rem}.tooltip g{display:inline-block}.tooltip g .popup-label{color:#01579b}.tooltip g .popup-label::after{content:": "}.tooltip g .popup-text{color:#000}[dir] .tooltip g:not(:last-child){padding-bottom:.5rem}.overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .overlay{cursor:pointer}[dir=ltr] .overlay{left:0}[dir=rtl] .overlay{right:0}.shape-container{width:100%}.panning-container{display:-ms-flexbox;display:flex}[dir] .panning-container{padding:1rem}.panning-container .nav-left,.panning-container .nav-right{display:-ms-flexbox;display:flex;font-size:inherit}[dir] .panning-container .nav-left, [dir] .panning-container .nav-right{background-color:#176ba0;border:.1rem solid #dedfe0;border-radius:.25rem;cursor:pointer;padding:.5rem}[dir=ltr] .panning-container .nav-left, [dir=ltr] .panning-container .nav-right{margin-right:.5rem}[dir=rtl] .panning-container .nav-left, [dir=rtl] .panning-container .nav-right{margin-left:.5rem}.custom-container-style{height:auto !important}[dir] .custom-container-style{border:1px dashed;padding:5rem 5rem 0}[dir] .custom-container-style .carbon-graph-container, [dir] .custom-container-style .legend-bindto-container{padding:0}[dir] .custom-container-legend-style .carbon-graph-container, [dir] .custom-container-legend-style .legend-bindto-container{padding:0}[dir] .background-color-class{background-color:#176ba0}.initial-tooltip{display:none}[dir] .button-pan-right{margin-top:15px}[dir] .button-pan-left{margin-top:15px}[dir=ltr] .button-pan-left{margin-left:18px;margin-right:10px}[dir=rtl] .button-pan-left{margin-right:18px;margin-left:10px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/11058-2d9aa276d922ca974ada.js b/11058-2d9aa276d922ca974ada.js new file mode 100644 index 000000000..09ccc06ea --- /dev/null +++ b/11058-2d9aa276d922ca974ada.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11058],{54775:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=function(e){return{bindTo:e,axis:{x:{label:"Data",lowerLimit:20.7,upperLimit:22.7,suppressTrailingZeros:!0},y:{label:"Line Set A",lowerLimit:.2,upperLimit:3.8,suppressTrailingZeros:!0},y2:{show:!0,label:"Line Set B",lowerLimit:10.2,upperLimit:13.8,suppressTrailingZeros:!0}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0,ticksCount:7}}},15528:function(e,t,n){"use strict";var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(54520));t.default=function(e){return{bindTo:e,axis:{x:{type:a.default.helpers.AXIS_TYPE.TIME_SERIES,label:"Datetime",lowerLimit:new Date(2016,0,1,0,0).toISOString(),upperLimit:new Date(2016,0,1,23,59).toISOString()},y:{label:"Line Set A",lowerLimit:10,upperLimit:30},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0}}},29030:function(e,t,n){"use strict";var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(54520));t.default=function(e){return{bindTo:e,axis:{x:{type:a.default.helpers.AXIS_TYPE.TIME_SERIES,label:"Datetime",lowerLimit:new Date(2016,0,1,0,0).toISOString(),upperLimit:new Date(2016,0,1,23,59).toISOString(),ticks:{values:[new Date(2016,0,1,1,0).toISOString(),new Date(2016,0,1,5,0).toISOString(),new Date(2016,0,1,10,0).toISOString(),new Date(2016,0,1,15,0).toISOString(),new Date(2016,0,1,20,0).toISOString()],format:"%a %b %e %X %Y"}},y:{label:"Line Set A",lowerLimit:10,upperLimit:30},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0}}},93065:function(e,t,n){"use strict";var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(67294)),i=r(n(45697));n(80244);var o={id:i.default.string.isRequired},s=function(e){return a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),a.default.createElement("div",{id:e.id,className:"example-graph-container"}))};s.propTypes=o;t.default=s},27705:function(e,t,n){"use strict";var r=n(64836);t.Z=void 0;var a=r(n(67294)),i=r(n(54520)),o=r(n(53334));n(56867);var s=r(n(93065)),l=r(n(15528)),p=o.default.deepClone((0,l.default)("#staticXAxisTicks"));t.Z=function(){return a.default.useEffect((function(){i.default.api.graph(p)}),[]),a.default.createElement(s.default,{id:"staticXAxisTicks"})}},8188:function(e,t,n){"use strict";var r=n(64836);t.Z=void 0;var a=r(n(67294)),i=r(n(54520)),o=r(n(53334));n(56867);var s=r(n(93065)),l=r(n(54775)),p=o.default.deepClone((0,l.default)("#supressTickValue"));t.Z=function(){return a.default.useEffect((function(){i.default.api.graph(p)}),[]),a.default.createElement(s.default,{id:"supressTickValue"})}},67603:function(e,t,n){"use strict";var r=n(64836);t.Z=void 0;var a=r(n(67294)),i=r(n(54520)),o=r(n(53334));n(56867);var s=r(n(93065)),l=r(n(29030)),p=o.default.deepClone((0,l.default)("#xAxisTicksFormatted"));t.Z=function(){return a.default.useEffect((function(){i.default.api.graph(p)}),[]),a.default.createElement(s.default,{id:"xAxisTicksFormatted"})}},93202:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return V}});var r=n(67294),a=n(81254),i=n(27705),o=["components"];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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p={};function c(e){var t=e.components,n=l(e,o);return(0,a.mdx)("wrapper",s({},p,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/timeseriesConfig';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#staticXAxisTicks'));\n\nconst StaticXAxisTicksGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default StaticXAxisTicksGeneralExample;\n\n")))}c.isMDXComponent=!0;var u=n(49271),m=n(25005),d=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.Z,{title:t||"Static X Axis Ticks",description:n,example:r.createElement(i.Z,null),exampleCssSrc:r.createElement(m.Z,null),exampleSrc:r.createElement(c,null),isExpanded:a})},f=n(11598),g=n(67603),h=["components"];function b(){return b=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var y={};function v(e){var t=e.components,n=x(e,h);return(0,a.mdx)("wrapper",b({},y,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/timeseriesConfigTicksFormatted';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#xAxisTicksFormatted'));\n\nconst XAxisTicksFormattedGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default XAxisTicksFormattedGeneralExample;\n\n")))}v.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.Z,{title:t||"X Axis Ticks Formatted",description:n,example:r.createElement(g.Z,null),exampleCssSrc:r.createElement(m.Z,null),exampleSrc:r.createElement(v,null),isExpanded:a})},O=n(8188),S=["components"];function j(){return j=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var E={};function T(e){var t=e.components,n=C(e,S);return(0,a.mdx)("wrapper",j({},E,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/generalDefaultDecimalAxes';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#supressTickValue'));\n\nconst SupressTickValueGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default SupressTickValueGeneralExample;\n\n")))}T.isMDXComponent=!0;var L=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.Z,{title:t||"Suppress Tick Value Trailing Zero",description:n,example:r.createElement(O.Z,null),exampleCssSrc:r.createElement(m.Z,null),exampleSrc:r.createElement(T,null),isExpanded:a})},k=["components"];function G(){return G=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var A={},X="wrapper";function I(e){var t=e.components,n=D(e,k);return(0,a.mdx)(X,G({},A,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const getDefaultConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n label: 'Data',\n lowerLimit: 20.7,\n upperLimit: 22.7,\n suppressTrailingZeros: true,\n },\n y: {\n label: 'Line Set A',\n lowerLimit: 0.2,\n upperLimit: 3.8,\n suppressTrailingZeros: true,\n },\n y2: {\n show: true,\n label: 'Line Set B',\n lowerLimit: 10.2,\n upperLimit: 13.8,\n suppressTrailingZeros: true,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n ticksCount: 7,\n});\n\nexport default getDefaultConfig;\n\n")))}I.isMDXComponent=!0;var P=["components"];function Z(){return Z=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}n(51320);var M={},_="wrapper";function V(e){var t=e.components,n=N(e,P);return(0,a.mdx)(_,Z({},M,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"axis-ticks"},"Axis Ticks"),(0,a.mdx)("p",null,"Axis ticks contains simple graph examples with static x-axis ticks, formatted ticks and suppress tick values trailing zeros."),(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 i @cerner/carbon-graphs --save-dev"))))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(d,{mdxType:"StaticXAxisTicksGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data used for static x-axis ticks")),(0,a.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,a.mdx)(f.Z,{mdxType:"StaticXAxisTicksGraphConfig"})),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)(w,{mdxType:"XAxisTicksFormattedGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data used for x-axis ticks formatted ")),(0,a.mdx)("h3",{id:"graph-config-object-1"},"Graph Config object"),(0,a.mdx)(f.Z,{mdxType:"XAxisTicksFormattedGraphConfig"})),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)(L,{mdxType:"SuppressTickValueTrailingZeroGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data used for suppress tick value trailing zero's")),(0,a.mdx)("h3",{id:"graph-config-object-2"},"Graph Config object"),(0,a.mdx)(I,{mdxType:"SuppressTickValueTrailingZeroGraphConfig"})))}V.isMDXComponent=!0},11598:function(e,t,n){"use strict";n.d(t,{Z:function(){return p}});n(67294);var r=n(81254),a=["components"];function i(){return i=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={},l="wrapper";function p(e){var t=e.components,n=o(e,a);return(0,r.mdx)(l,i({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\n\nconst getLineTimeseriesConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n type: Carbon.helpers.AXIS_TYPE.TIME_SERIES,\n label: 'Datetime',\n lowerLimit: new Date(2016, 0, 1, 1, 0).toISOString(),\n upperLimit: new Date(2016, 0, 1, 23, 59).toISOString(),\n },\n y: {\n label: 'Line Set A',\n lowerLimit: 10,\n upperLimit: 30,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getLineTimeseriesConfig;\n\n")))}p.isMDXComponent=!0},51320:function(e,t,n){var r,a;void 0===(a="function"==typeof(r=function(){var e="details",t="summary";function n(e){if("summary"===e.target.nodeName.toLowerCase()){var t=e.target.parentNode;if(!t)return;t.getAttribute("open")?(t.open=!1,t.removeAttribute("open")):(t.open=!0,t.setAttribute("open","open"))}}function r(){var n=document.createElement(e);if(!("open"in n))return!1;n.innerHTML="<"+t+">ab",document.body.appendChild(n);var r=n.offsetHeight;n.open=!0;var a=r!=n.offsetHeight;return document.body.removeChild(n),a}function a(e,t){if(!document.getElementById(e)){var n=document.createElement("style");n.id=e,n.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(n)}}r()||(document.documentElement.className+=" no-details",window.addEventListener("click",n),a("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+t+") { display: none; }\nhtml.no-details "+e+" > "+t+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+t+':before { content: "▼"; }'))})?r.call(t,n,t,e):r)||(e.exports=a)}}]); \ No newline at end of file diff --git a/1107-cbff97400d1679519dd0.css b/1107-cbff97400d1679519dd0.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/1107-cbff97400d1679519dd0.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/1107-cbff97400d1679519dd0.js b/1107-cbff97400d1679519dd0.js new file mode 100644 index 000000000..b65b0b80c --- /dev/null +++ b/1107-cbff97400d1679519dd0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1107,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,n){var r=n(64836);a.Z=void 0;var t=r(n(67294)),d=r(n(45697)),l=r(n(19845)),m=r(n(17422)),i=l.default.bind(m.default),u={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},o=function(e){var a=e.src,n=e.name,r=e.url,d=e.version,l=t.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(d)},t.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(d))),m=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")},l,m)};o.propTypes=u;var p=o;a.Z=p},1107:function(e,a,n){n.r(a),n.d(a,{default:function(){return f}});n(67294);var r=n(81254),t=n(7951),d=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var i={},u="wrapper";function o(e){var a=e.components,n=m(e,d);return(0,r.mdx)(u,l({},i,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"changelog"},"Changelog"),(0,r.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,r.mdx)("h2",{id:"1140---november-13-2023"},"1.14.0 - (November 13, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"1130---december-7-2022"},"1.13.0 - (December 7, 2022)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"1120---november-2-2021"},"1.12.0 - (November 2, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,r.mdx)("h2",{id:"1110---september-21-2021"},"1.11.0 - (September 21, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,r.mdx)("h2",{id:"1100---april-6-2021"},"1.10.0 - (April 6, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,r.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,r.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing"),(0,r.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,r.mdx)("h2",{id:"190---january-5-2021"},"1.9.0 - (January 5, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed"),(0,r.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,r.mdx)("h2",{id:"180---december-8-2020"},"1.8.0 - (December 8, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,r.mdx)("h2",{id:"170---august-4-2020"},"1.7.0 - (August 4, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"160---july-29-2020"},"1.6.0 - (July 29, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,r.mdx)("h2",{id:"150---june-9-2020"},"1.5.0 - (June 9, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"),(0,r.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,r.mdx)("h2",{id:"140---april-28-2020"},"1.4.0 - (April 28, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,r.mdx)("h2",{id:"130---april-22-2020"},"1.3.0 - (April 22, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added Section ",(0,r.mdx)("inlineCode",{parentName:"li"},"Peer Dependencies")," for docsite"),(0,r.mdx)("li",{parentName:"ul"},"Updated documentation links"),(0,r.mdx)("li",{parentName:"ul"},"Added Usage section")))),(0,r.mdx)("h2",{id:"120---february-18-2020"},"1.2.0 - (February 18, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,r.mdx)("h2",{id:"110---february-4-2020"},"1.1.0 - (February 4, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,r.mdx)("h2",{id:"100---january-17-2020"},"1.0.0 - (January 17, 2020)"),(0,r.mdx)("p",null,"Initial stable release"))}o.isMDXComponent=!0;var p=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var x={},g="wrapper";function f(e){var a=e.components,n=s(e,p);return(0,r.mdx)(g,c({},x,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)(o,{mdxType:"ChangeLog"}))}f.isMDXComponent=!0},7951:function(e,a,n){n.d(a,{C:function(){return d}});var r=n(67294),t=n(22863),d=function(e){var a=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-cell-grid",name:"terra-cell-grid",version:"1.14.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/11177-fb824eff9a8a59692e10.css b/11177-fb824eff9a8a59692e10.css new file mode 100644 index 000000000..9745c3de0 --- /dev/null +++ b/11177-fb824eff9a8a59692e10.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:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/11177-fb824eff9a8a59692e10.js b/11177-fb824eff9a8a59692e10.js new file mode 100644 index 000000000..8ac587eb6 --- /dev/null +++ b/11177-fb824eff9a8a59692e10.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11177,45627,85565,3353,5161,45865,85355,3193,16835,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),o=a(n(45697)),r=a(n(19845)),i=a(n(17422)),s=r.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,n=e.name,a=e.url,o=e.version,r=l.default.createElement("a",{className:s("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},l.default.createElement("span",{className:s("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:s("badge-version")},"v".concat(o))),i=t?l.default.createElement("a",{className:s("badge"),href:t},l.default.createElement("span",{className:s("badge-name")},"github"),l.default.createElement("span",{className:s("badge-version")},"source")):void 0;return l.default.createElement("div",{className:s("badge-container")},r,i)};c.propTypes=d;var m=c;t.Z=m},49271:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var o=a(n(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),s=a(n(19845)),d=n(21538),c=a(n(33864)),m=a(n(23399)),u=n(51051),p=a(n(53560));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 _=s.default.bind(p.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,i=e.description,s=e.isExpanded,p=(0,r.useState)(s),f=(0,o.default)(p,2),b=f[0],h=f[1],g=(0,r.useState)(!1),x=(0,o.default)(g,2),E=x[0],N=x[1],C=r.default.useContext(d.ThemeContext),T=void 0!==a,w=function(){N(!E),b&&h(!b)},O=function(){h(!b),E&&N(!E)},P=function(e,t){e.nativeEvent.keyCode!==u.KEY_SPACE&&e.nativeEvent.keyCode!==u.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:_("template",C.className)},r.default.createElement("div",{className:_("header")},l&&r.default.createElement("h2",{className:_("title")},l)),r.default.createElement("div",{className:_("content")},i&&r.default.createElement("div",{className:_("description")},i),t),r.default.createElement("div",{className:_("footer")},n?r.default.createElement("div",{className:_("button-container")},T&&r.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":E}),onClick:w,onKeyDown:function(e){return P(e,w)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(c.default,{className:_("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(m.default,{className:_("chevron")})),r.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:O,onKeyDown:function(e){return P(e,O)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(c.default,{className:_("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(m.default,{className:_("chevron")}))):null,r.default.createElement("div",null,E&&r.default.createElement("div",{className:_("css")},a),b&&r.default.createElement("div",{className:_("code")},n))))};h.propTypes=b,h.defaultProps={isExpanded:!1};var g=h;t.Z=g},42873:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),o=a(n(7270)),r={cols:[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0},{isMasked:!0},{content:"Admitting Physician"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"}]}]};t.Z=function(){return l.default.createElement(o.default,{id:"my-table-id",pinnedColumns:r.cols.slice(0,2),overflowColumns:r.cols.slice(2),rows:r.rows,ariaLabel:"Table with pinned columns"})}},11177:function(e,t,n){n.r(t),n.d(t,{default:function(){return v}});var a=n(67294),l=n(81254),o=(n(20249),n(42873)),r=["components"];function i(){return i=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 o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={};function c(e){var t=e.components,n=s(e,r);return(0,l.mdx)("wrapper",i({},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 Table from 'terra-table';\n\nconst tableData = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n ],\n};\n\nconst PinnedColumnsTable = () => (\n \n);\n\nexport default PinnedColumnsTable;\n\n")))}c.isMDXComponent=!0;var m=n(49271),u=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(m.Z,{title:t||"Pinned Columns Table",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(c,null),isExpanded:l})},p=["components"];function f(){return f=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 o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var b={},y="wrapper";function v(e){var t=e.components,n=_(e,p);return(0,l.mdx)(y,f({},b,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"pinned-columns"},"Pinned Columns"),(0,l.mdx)("h3",{id:"description"},"Description"),(0,l.mdx)("p",null,"The ",(0,l.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Table")," component defines two types of columns: pinned and overflow.\nThe pinned columns are aligned to the left of the Worklist Data Grid component and cannot be scrolled.\nThe overflow section is aligned to the right of pinned columns and scrolls horizontally to reveal each overflow column.\nThis example demonstrates a table that supports both pinned and overflow columns."),(0,l.mdx)("h3",{id:"required-properties"},"Required Properties"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},(0,l.mdx)("strong",{parentName:"p"},"pinnedColumns"),": This property is used to specify columns that need to be left-aligned in the grid and stickied.")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},(0,l.mdx)("strong",{parentName:"p"},"overflowColumns"),": This property is used to specify columns that do not need to be stickied and can scroll horizontally."))),(0,l.mdx)("p",null,"Columns specified in both properties are rendered in the order that they are provided in."),(0,l.mdx)(u,{title:"Table With Pinned Columns",mdxType:"PinnedColumnsTable"}))}v.isMDXComponent=!0},20249:function(e,t,n){n.d(t,{C:function(){return o}});var a=n(67294),l=n(22863),o=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.4.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}}}]); \ No newline at end of file diff --git a/11264-2c24cfb49943b7c3a4bb.css b/11264-2c24cfb49943b7c3a4bb.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/11264-2c24cfb49943b7c3a4bb.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/11270-ce2a0565094bb593f1cf.css b/11270-ce2a0565094bb593f1cf.css new file mode 100644 index 000000000..aef363a3c --- /dev/null +++ b/11270-ce2a0565094bb593f1cf.css @@ -0,0 +1,2 @@ +.DateTimePicker-module__date-time-picker___55U1I .DateTimePicker-module__date-facade___QJnLm{display:inline-block;vertical-align:top}[dir=ltr] .DateTimePicker-module__date-time-picker___55U1I .DateTimePicker-module__date-facade___QJnLm{margin:0 .5rem .5rem 0}[dir=rtl] .DateTimePicker-module__date-time-picker___55U1I .DateTimePicker-module__date-facade___QJnLm{margin:0 0 .5rem .5rem}.DateTimePicker-module__date-time-picker___55U1I .DateTimePicker-module__time-facade___AD4Fb{display:inline-block} +._TimeClarification-module__clinical-lowlight-theme___ZL6ML{--terra-date-time-picker-clarification-button-offset-background-color: #2d3539;--terra-date-time-picker-clarification-header-background-color: #222a2e;--terra-date-time-picker-clarification-header-border-bottom-color: #181b1d;--terra-date-time-picker-clarification-header-color: #b2b5b6;--terra-date-time-picker-clarification-modal-background-color: #222a2e;--terra-date-time-picker-clarification-modal-border: #181b1d;--terra-date-time-picker-clarification-modal-box-shadow: 0 3px 7px #181b1d;--terra-date-time-picker-clarification-modal-color: #b2b5b6;--terra-date-time-picker-clarification-modal-border-radius: 5px;--terra-date-time-picker-clarification-header-height: 3.587rem;--terra-date-time-picker-clarification-header-padding: 0.714rem;--terra-date-time-picker-clarification-title-font-size: 1.285rem;--terra-date-time-picker-clarification-title-line-height: 1.75;--terra-date-time-picker-clarification-button-offset-height: 2.142857rem}._TimeClarification-module__orion-fusion-theme___7mulH{--terra-date-time-picker-clarification-button-offset-background-color: #fff;--terra-date-time-picker-clarification-button-offset-height: 2.16667rem;--terra-date-time-picker-clarification-header-background-color: #f4f4f4;--terra-date-time-picker-clarification-header-border-bottom-color: #9b9fa1;--terra-date-time-picker-clarification-header-color: #1c1f21;--terra-date-time-picker-clarification-header-height: 2.83333rem;--terra-date-time-picker-clarification-header-padding: 0.25rem;--terra-date-time-picker-clarification-modal-background-color: #fff;--terra-date-time-picker-clarification-modal-border-radius: 0;--terra-date-time-picker-clarification-modal-box-shadow: 0 0 0 rgba(0, 0, 0, 0);--terra-date-time-picker-clarification-modal-color: #1c1f21;--terra-date-time-picker-clarification-title-font-size: 1.667rem;--terra-date-time-picker-clarification-title-line-height: 1.25;--terra-date-time-picker-clarification-modal-border: #dedfe0}._TimeClarification-module__time-clarification___a-cWb{color:var(--terra-date-time-picker-clarification-modal-color);width:640px}[dir] ._TimeClarification-module__time-clarification___a-cWb{background-color:#fff;background-color:var(--terra-date-time-picker-clarification-modal-background-color, #fff);border:var(--terra-date-time-picker-clarification-modal-border);border-radius:5px;border-radius:var(--terra-date-time-picker-clarification-modal-border-radius, 5px);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-date-time-picker-clarification-modal-box-shadow, 0 3px 7px rgba(0, 0, 0, 0.3))}._TimeClarification-module__header___DHi7K{color:#1c1f21;color:var(--terra-date-time-picker-clarification-header-color, #1c1f21);height:3.587rem;height:var(--terra-date-time-picker-clarification-header-height, 3.587rem);width:100%}[dir] ._TimeClarification-module__header___DHi7K{background-color:#f4f4f4;background-color:var(--terra-date-time-picker-clarification-header-background-color, #f4f4f4);border-bottom-color:#dedfe0;border-bottom-color:var(--terra-date-time-picker-clarification-header-border-bottom-color, #dedfe0);border-bottom-style:solid;border-bottom-width:1px;padding:0.714rem;padding:var(--terra-date-time-picker-clarification-header-padding, 0.714rem)}._TimeClarification-module__title___bNP9P{font-size:1.285rem;font-size:var(--terra-date-time-picker-clarification-title-font-size, 1.285rem);font-weight:normal;line-height:1.75;line-height:var(--terra-date-time-picker-clarification-title-line-height, 1.75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal}[dir] ._TimeClarification-module__title___bNP9P{margin:0}[dir] ._TimeClarification-module__body___xJUYS{padding:.25rem .714rem}[dir] ._TimeClarification-module__body___xJUYS p{margin-top:.714rem}._TimeClarification-module__buttons___X700z{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}[dir] ._TimeClarification-module__buttons___X700z{margin:.714rem 0}[dir] ._TimeClarification-module__buttons___X700z ._TimeClarification-module__button-daylight___Y2IWC, [dir] ._TimeClarification-module__buttons___X700z ._TimeClarification-module__button-standard___ktUI\+{margin:.25rem}._TimeClarification-module__button-offset___VG0Om{height:2.142857rem;height:var(--terra-date-time-picker-clarification-button-offset-height, 2.142857rem)}[dir] ._TimeClarification-module__button-offset___VG0Om{background-color:#fff;background-color:var(--terra-date-time-picker-clarification-button-offset-background-color, #fff)}._TimeClarification-module__button-offset___VG0Om:focus{outline:none}._TimeClarification-module__button-offset-hidden___QEVm2{display:none}._TimeClarification-module__offset-button-container___WDUv\+{display:inline-block;vertical-align:top} diff --git a/11270-ce2a0565094bb593f1cf.js b/11270-ce2a0565094bb593f1cf.js new file mode 100644 index 000000000..a5884d172 --- /dev/null +++ b/11270-ce2a0565094bb593f1cf.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11270],{11551:function(e,t,n){"use strict";var a=n(64836),i=n(18698);t.Z=void 0;var l=a(n(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=l?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(a,r,o):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(67294)),o=a(n(48978)),s=a(n(81852));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)}t.Z=function(){var e=(0,r.useState)(0),t=(0,l.default)(e,2),n=t[0],a=t[1],i=(0,r.useState)(0),d=(0,l.default)(i,2),u=d[0],m=d[1],h=(0,r.useState)(0),p=(0,l.default)(h,2),c=p[0],f=p[1],b=(0,r.useState)(""),g=(0,l.default)(b,2),j=g[0],x=g[1],v=(0,r.useState)(""),C=(0,l.default)(v,2),N=C[0],w=C[1],y=(0,r.useState)(""),k=(0,l.default)(y,2),T=k[0],O=k[1];return r.default.createElement("div",null,r.default.createElement("p",null,"onFocus Trigger Count:"," ",r.default.createElement("span",{id:"onFocus-count"},u),r.default.createElement("br",null),r.default.createElement("br",null),"onBlur Trigger Count:"," ",r.default.createElement("span",{id:"onBlur-count"},n),r.default.createElement("br",null),r.default.createElement("br",null),"onRequestClose Trigger Count:"," ",r.default.createElement("span",{id:"onRequestClose-count"},c),r.default.createElement("br",null),r.default.createElement("br",null),"onChangeRaw Triggered:"," ",r.default.createElement("span",{id:"onChangeRaw"},N),r.default.createElement("br",null),r.default.createElement("br",null),"onChange Triggered:"," ",r.default.createElement("span",{id:"onChange"},j),r.default.createElement("br",null),r.default.createElement("br",null),"onSelect Triggered:"," ",r.default.createElement("span",{id:"onSelect"},T)),r.default.createElement(o.default,{name:"date-time-picker-events",onBlur:function(){a(n+1)},onFocus:function(){m(u+1)},onChange:function(e,t){x(t)},onChangeRaw:function(e,t){w(t)},onSelect:function(e,t){O(t)},onRequestClose:function(){f(c+1)},timeVariant:s.default.FORMAT_12_HOUR,showSeconds:!0}))}},69091:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return x}});var a=n(67294),i=n(81254),l=n(27025),r=n(11551),o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var u={};function m(e){var t=e.components,n=d(e,o);return(0,i.mdx)("wrapper",s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport DateTimePicker from 'terra-date-time-picker';\nimport DateTimeUtils from 'terra-date-time-picker/lib/DateTimeUtils';\n\nconst DateTimePickerEvents = () => {\n const [blurCount, setBlurCount] = useState(0);\n const [focusCount, setFocusCount] = useState(0);\n const [onRequestCloseCount, setonRequestCloseCount] = useState(0);\n const [changeValue, setChangeValue] = useState('');\n const [changeRawValue, setChangeRawValue] = useState('');\n const [selectValue, setSelectValue] = useState('');\n\n const handleBlur = () => {\n setBlurCount(blurCount + 1);\n };\n\n const handleFocus = () => {\n setFocusCount(focusCount + 1);\n };\n\n const handleChange = (event, value) => {\n setChangeValue(value);\n };\n\n const handleChangeRaw = (event, value) => {\n setChangeRawValue(value);\n };\n\n const handleSelect = (event, value) => {\n setSelectValue(value);\n };\n\n const handleOnRequestClose = () => {\n setonRequestCloseCount(onRequestCloseCount + 1);\n };\n\n return (\n
\n

\n onFocus Trigger Count:\n {' '}\n {focusCount}\n
\n
\n onBlur Trigger Count:\n {' '}\n {blurCount}\n
\n
\n onRequestClose Trigger Count:\n {' '}\n {onRequestCloseCount}\n
\n
\n onChangeRaw Triggered:\n {' '}\n {changeRawValue}\n
\n
\n onChange Triggered:\n {' '}\n {changeValue}\n
\n
\n onSelect Triggered:\n {' '}\n {selectValue}\n

\n \n
\n );\n};\n\nexport default DateTimePickerEvents;\n\n")))}m.isMDXComponent=!0;var h=n(49271),p=function(e){var t=e.title,n=e.description,i=e.isExpanded;return a.createElement(h.Z,{title:t||"Date Time Picker Events",description:n,example:a.createElement(r.Z,null),exampleSrc:a.createElement(m,null),isExpanded:i})},c=["components"];function f(){return f=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}var g={},j="wrapper";function x(e){var t=e.components,n=b(e,c);return(0,i.mdx)(j,f({},g,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(l.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-date-time-picker"},"Terra Date Time Picker"),(0,i.mdx)("h2",{id:"events"},"Events"),(0,i.mdx)("p",null,"terra-date-time-picker has several callback events that are slightly different in behavior from the native counterparts."),(0,i.mdx)("h3",{id:"onblur"},"onBlur"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onBlur")," callback prop is triggered only when the entire component loses focus. If the focus is moved from the date input to the time input, the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onBlur")," event will not be triggered since the focus is still within the DateTime Picker component. The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onBlur")," event would be triggered when the focus is moved to any element that is not a child node of the DateTime Picker."),(0,i.mdx)("li",{parentName:"ul"},"There are two paramters in the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onBlur")," callback prop. The first parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"event")," object representing the blur event. The second parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"options")," object that contains the following attributes to describe the current state of the input values at the time when the component loses focus.",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"iSO")," - The date/time value in the ISO format. This attribute would be empty if the date/time value is either empty or is not a complete date time. That is, the ISO string is available only if the isCompleteValue attribute is true."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"inputValue")," - The face up value in the date and time inputs. If both the date and time have a value, these values will be separated by an white space."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isAmbiguousHour")," - A boolean to indicate whether or not both the date and time values correspond to an ambiguous hour. If this boolean is true, the date and time correspond to an ambiguous hour."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isCompleteValue")," - A boolean to indicate whether or not both the date and time values are filled out and conforms to the date/time format. If this boolean is false, the iSO attribute would be empty."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isValidValue")," - A boolean to indicate whether or not the complete date/time value is within the range of the minDate and maxDate props and is not an excluded date.")))),(0,i.mdx)("h3",{id:"onchange"},"onChange"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop is triggered only when both a valid date and time that conform to the format is entered directly in the date and time inputs or selected from the date picker. The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop would not be triggered if the entered or selected date meets one of the following criteria.")),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"An exlcuded date in the ",(0,i.mdx)("inlineCode",{parentName:"li"},"excludeDates")," prop."),(0,i.mdx)("li",{parentName:"ul"},"A date that is filtered by the ",(0,i.mdx)("inlineCode",{parentName:"li"},"filterDate")," prop."),(0,i.mdx)("li",{parentName:"ul"},"Not an included date in the ",(0,i.mdx)("inlineCode",{parentName:"li"},"includeDates")," prop."),(0,i.mdx)("li",{parentName:"ul"},"Not within the range of the ",(0,i.mdx)("inlineCode",{parentName:"li"},"minDate")," and ",(0,i.mdx)("inlineCode",{parentName:"li"},"maxDate")," props.")),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"There are three parameters in the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop. The first parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"event")," object. The second parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"date and time")," value. The third parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"options")," object that contains the following attributes to describe the current state of the input values at the time when the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," callback is triggered.",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"iSO")," - The date/time value in the ISO format. This attribute would be empty if the date/time value is either empty or is not a complete date time. That is, the ISO string is available only if the isCompleteValue attribute is true."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"inputValue")," - The face up value in the date and time inputs. If both the date and time have a value, these values will be separated by an white space."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isAmbiguousHour")," - A boolean to indicate whether or not both the date and time values correspond to an ambiguous hour. If this boolean is true, the date and time correspond to an ambiguous hour."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isCompleteValue")," - A boolean to indicate whether or not both the date and time values are filled out and conforms to the date/time format. If this boolean is false, the iSO attribute would be empty."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isValidValue")," - A boolean to indicate whether or not the complete date/time value is within the range of the minDate and maxDate props and is not an excluded date.")))),(0,i.mdx)("h3",{id:"onchangeraw"},"onChangeRaw"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback prop is triggered whenever any key is entered in the date input. If the entered value happens to be a valid date and time, both the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," and ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," events will be triggered. The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," event would be triggered first followed by the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," event."),(0,i.mdx)("li",{parentName:"ul"},"There are three parameters in the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback prop. The first parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"event")," object. The second parameter is ",(0,i.mdx)("inlineCode",{parentName:"li"},"either the date or time")," value, which ever was changed. The third parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"options")," object that contains the following attributes to describe the current state of the input values at the time when the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback is triggered.",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"iSO")," - The date/time value in the ISO format. This attribute would be empty if the date/time value is either empty or is not a complete date time. That is, the ISO string is available only if the isCompleteValue attribute is true."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"inputValue")," - The face up value in the date and time inputs. If both the date and time have a value, these values will be separated by an white space."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isAmbiguousHour")," - A boolean to indicate whether or not both the date and time values correspond to an ambiguous hour. If this boolean is true, the date and time correspond to an ambiguous hour."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isCompleteValue")," - A boolean to indicate whether or not both the date and time values are filled out and conforms to the date/time format. If this boolean is false, the iSO attribute would be empty."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isValidValue")," - A boolean to indicate whether or not the complete date/time value is within the range of the minDate and maxDate props and is not an excluded date.")))),(0,i.mdx)("h3",{id:"onrequestclose"},"onRequestClose"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onRequestClose")," callback prop is triggered when dismissing the datepicker.")),(0,i.mdx)("h3",{id:"onfocus"},"onFocus"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onFocus")," callback prop is triggered when the component initially gains focus. If the focus is moved from the date input to the time input, the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onFocus")," event will not be triggered since the focus is still within the DateTime Picker component. Similar to the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onBlur")," event, the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onFocus")," event does not get triggered when the focus is moved from one child node of the DateTime Picker component to another child node of the same DateTime Picker component.")),(0,i.mdx)("h3",{id:"onselect"},"onSelect"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onSelect")," callback prop is triggered when a date is selected from the date picker. Once a date is selected, the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," event will be triggered first (if the newly selected is different from the previous date) followed by the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onSelect")," event.")),(0,i.mdx)("h2",{id:"event-trigger-order"},"Event Trigger Order"),(0,i.mdx)("p",null,"When these actions are taken, the events are triggered in the following order."),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Manual date entry ",(0,i.mdx)("ol",{parentName:"li"},(0,i.mdx)("li",{parentName:"ol"},"onChangeRaw"),(0,i.mdx)("li",{parentName:"ol"},"onChange (if the entered date and time are valid.)"))),(0,i.mdx)("li",{parentName:"ul"},"Selection from the picker",(0,i.mdx)("ol",{parentName:"li"},(0,i.mdx)("li",{parentName:"ol"},"onSelect"),(0,i.mdx)("li",{parentName:"ol"},"onChange (if the existing time is valid which now forms a complete date time value.)")))),(0,i.mdx)("h2",{id:"examples"},"Examples"),(0,i.mdx)(p,{title:"Date Picker Event Triggers",mdxType:"DateTimePickerEvents"}))}x.isMDXComponent=!0},46700:function(e,t,n){var a={"./af":42786,"./af.js":42786,"./ar":30867,"./ar-dz":14130,"./ar-dz.js":14130,"./ar-kw":96135,"./ar-kw.js":96135,"./ar-ly":56440,"./ar-ly.js":56440,"./ar-ma":47702,"./ar-ma.js":47702,"./ar-ps":20315,"./ar-ps.js":20315,"./ar-sa":16040,"./ar-sa.js":16040,"./ar-tn":37100,"./ar-tn.js":37100,"./ar.js":30867,"./az":31083,"./az.js":31083,"./be":9808,"./be.js":9808,"./bg":68338,"./bg.js":68338,"./bm":67438,"./bm.js":67438,"./bn":8905,"./bn-bd":76225,"./bn-bd.js":76225,"./bn.js":8905,"./bo":11560,"./bo.js":11560,"./br":1278,"./br.js":1278,"./bs":80622,"./bs.js":80622,"./ca":2468,"./ca.js":2468,"./cs":5822,"./cs.js":5822,"./cv":50877,"./cv.js":50877,"./cy":47373,"./cy.js":47373,"./da":24780,"./da.js":24780,"./de":59740,"./de-at":60217,"./de-at.js":60217,"./de-ch":60894,"./de-ch.js":60894,"./de.js":59740,"./dv":5300,"./dv.js":5300,"./el":50837,"./el.js":50837,"./en-au":78348,"./en-au.js":78348,"./en-ca":77925,"./en-ca.js":77925,"./en-gb":22243,"./en-gb.js":22243,"./en-ie":46436,"./en-ie.js":46436,"./en-il":47207,"./en-il.js":47207,"./en-in":44175,"./en-in.js":44175,"./en-nz":76319,"./en-nz.js":76319,"./en-sg":31662,"./en-sg.js":31662,"./eo":92915,"./eo.js":92915,"./es":55655,"./es-do":55251,"./es-do.js":55251,"./es-mx":96112,"./es-mx.js":96112,"./es-us":71146,"./es-us.js":71146,"./es.js":55655,"./et":5603,"./et.js":5603,"./eu":77763,"./eu.js":77763,"./fa":76959,"./fa.js":76959,"./fi":11897,"./fi.js":11897,"./fil":42549,"./fil.js":42549,"./fo":94694,"./fo.js":94694,"./fr":94470,"./fr-ca":63049,"./fr-ca.js":63049,"./fr-ch":52330,"./fr-ch.js":52330,"./fr.js":94470,"./fy":5044,"./fy.js":5044,"./ga":29295,"./ga.js":29295,"./gd":2101,"./gd.js":2101,"./gl":38794,"./gl.js":38794,"./gom-deva":27884,"./gom-deva.js":27884,"./gom-latn":23168,"./gom-latn.js":23168,"./gu":95349,"./gu.js":95349,"./he":24206,"./he.js":24206,"./hi":30094,"./hi.js":30094,"./hr":30316,"./hr.js":30316,"./hu":22138,"./hu.js":22138,"./hy-am":11423,"./hy-am.js":11423,"./id":29218,"./id.js":29218,"./is":90135,"./is.js":90135,"./it":90626,"./it-ch":10150,"./it-ch.js":10150,"./it.js":90626,"./ja":39183,"./ja.js":39183,"./jv":24286,"./jv.js":24286,"./ka":12105,"./ka.js":12105,"./kk":47772,"./kk.js":47772,"./km":18758,"./km.js":18758,"./kn":79282,"./kn.js":79282,"./ko":33730,"./ko.js":33730,"./ku":1408,"./ku-kmr":90563,"./ku-kmr.js":90563,"./ku.js":1408,"./ky":33291,"./ky.js":33291,"./lb":36841,"./lb.js":36841,"./lo":55466,"./lo.js":55466,"./lt":57010,"./lt.js":57010,"./lv":37595,"./lv.js":37595,"./me":39861,"./me.js":39861,"./mi":35493,"./mi.js":35493,"./mk":59637,"./mk.js":59637,"./ml":87341,"./ml.js":87341,"./mn":5115,"./mn.js":5115,"./mr":10370,"./mr.js":10370,"./ms":9847,"./ms-my":41237,"./ms-my.js":41237,"./ms.js":9847,"./mt":72126,"./mt.js":72126,"./my":56165,"./my.js":56165,"./nb":64924,"./nb.js":64924,"./ne":16744,"./ne.js":16744,"./nl":93901,"./nl-be":59814,"./nl-be.js":59814,"./nl.js":93901,"./nn":83877,"./nn.js":83877,"./oc-lnc":92135,"./oc-lnc.js":92135,"./pa-in":47762,"./pa-in.js":47762,"./pl":64495,"./pl.js":64495,"./pt":96432,"./pt-br":57971,"./pt-br.js":57971,"./pt.js":96432,"./ro":96459,"./ro.js":96459,"./ru":21793,"./ru.js":21793,"./sd":40950,"./sd.js":40950,"./se":10490,"./se.js":10490,"./si":90124,"./si.js":90124,"./sk":64249,"./sk.js":64249,"./sl":14985,"./sl.js":14985,"./sq":51104,"./sq.js":51104,"./sr":49131,"./sr-cyrl":79915,"./sr-cyrl.js":79915,"./sr.js":49131,"./ss":85893,"./ss.js":85893,"./sv":98760,"./sv.js":98760,"./sw":91172,"./sw.js":91172,"./ta":27333,"./ta.js":27333,"./te":23110,"./te.js":23110,"./tet":52095,"./tet.js":52095,"./tg":27321,"./tg.js":27321,"./th":9041,"./th.js":9041,"./tk":19005,"./tk.js":19005,"./tl-ph":75768,"./tl-ph.js":75768,"./tlh":89444,"./tlh.js":89444,"./tr":72397,"./tr.js":72397,"./tzl":28254,"./tzl.js":28254,"./tzm":51106,"./tzm-latn":30699,"./tzm-latn.js":30699,"./tzm.js":51106,"./ug-cn":9288,"./ug-cn.js":9288,"./uk":67691,"./uk.js":67691,"./ur":13795,"./ur.js":13795,"./uz":6791,"./uz-latn":14126,"./uz-latn.js":14126,"./uz.js":6791,"./vi":65666,"./vi.js":65666,"./x-pseudo":14378,"./x-pseudo.js":14378,"./yo":75805,"./yo.js":75805,"./zh-cn":83839,"./zh-cn.js":83839,"./zh-hk":55726,"./zh-hk.js":55726,"./zh-mo":99807,"./zh-mo.js":99807,"./zh-tw":74152,"./zh-tw.js":74152};function i(e){var t=l(e);return n(t)}function l(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}i.keys=function(){return Object.keys(a)},i.resolve=l,e.exports=i,i.id=46700}}]); \ No newline at end of file diff --git a/11290-4f934bd75404f40060f5.css b/11290-4f934bd75404f40060f5.css new file mode 100644 index 000000000..23813d2c2 --- /dev/null +++ b/11290-4f934bd75404f40060f5.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} +.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)} +.Fieldset-module__clinical-lowlight-theme___XMxG7{--terra-form-fieldset-required-legend-before-color: #fb4c4c;--terra-form-fieldset-legend-color: #b2b5b6;--terra-form-fieldset-legend-font-weight: bold;--terra-form-fieldset-help-text-color: #6f7477;--terra-form-fieldset-help-text-font-size: 0.857rem;--terra-form-fieldset-help-text-font-weight: normal}.Fieldset-module__orion-fusion-theme___rT15M{--terra-form-fieldset-required-legend-before-color: #e50000;--terra-form-fieldset-legend-color: #1c1f21;--terra-form-fieldset-legend-font-weight: bold;--terra-form-fieldset-help-text-color: #64696c;--terra-form-fieldset-help-text-font-size: 0.85rem;--terra-form-fieldset-help-text-font-weight: normal}[dir] .Fieldset-module__fieldset___J-xl3{border:0;margin-bottom:1.428em;padding:0}.Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{color:#e50000;color:var(--terra-form-fieldset-required-legend-before-color, #e50000);content:"*";display:inline-block}[dir=ltr] .Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{padding-right:.357em}[dir=rtl] .Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{padding-left:.357em}.Fieldset-module__legend___aExR-{color:var(--terra-form-fieldset-legend-color);display:block;font-weight:bold;font-weight:var(--terra-form-fieldset-legend-font-weight, bold);max-width:100%;width:auto}[dir] .Fieldset-module__legend___aExR-{border:0;margin-bottom:.357em;padding:0}.Fieldset-module__legend-visually-hidden___70GQh{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Fieldset-module__legend-visually-hidden___70GQh{border:0;margin:-1px;padding:0}.Fieldset-module__help-text___IuP4F{color:rgba(0, 0, 0, 0.8);color:var(--terra-form-fieldset-help-text-color, rgba(0, 0, 0, 0.8));display:block;font-size:0.857rem;font-size:var(--terra-form-fieldset-help-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-form-fieldset-help-text-font-weight, normal);line-height:1;outline:0}[dir] .Fieldset-module__help-text___IuP4F{margin-bottom:.357em}[dir] .Fieldset-module__fieldset-children___YkIkm{margin-top:.714em} +.FieldsetExamples-module__fieldset-wrapper___peaDn{display:inline-block} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.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/11290-4f934bd75404f40060f5.js b/11290-4f934bd75404f40060f5.js new file mode 100644 index 000000000..f21efd6d2 --- /dev/null +++ b/11290-4f934bd75404f40060f5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11290,45627,85565,37344,3353,33667,96890,79482,5161,45865,85355,80858,14041,3193,16835,4845,46647,85161,27444,17657,38681,16873,15318,40411,66097,90941,18101,38443,79057,11264,34319,62979,33315,20116,33609,12026,78996,39915,33442],{65178:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.Z=void 0;var a=s(n(67294)),l=s(n(47717)),i=s(n(55142)),d=s(n(96388)),o=s(n(19845)),m=s(n(70695));function s(e){return e&&e.__esModule?e:{default:e}}function u(e,t){for(var n=0;n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={};function u(e){var t=e.components,n=m(e,d);return(0,a.mdx)("wrapper",o({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Field from \'terra-form-field\';\nimport Input from \'terra-form-input\';\nimport Fieldset from \'terra-form-fieldset\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./FieldsetExamples.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nclass FieldsetExamples extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n first: \'\',\n middle: \'\',\n last: \'\',\n };\n this.handleFirstChange = this.handleFirstChange.bind(this);\n this.handleMiddleChange = this.handleMiddleChange.bind(this);\n this.handleLastChange = this.handleLastChange.bind(this);\n }\n\n handleFirstChange(event) {\n this.setState({ first: event.target.value });\n }\n\n handleMiddleChange(event) {\n this.setState({ middle: event.target.value });\n }\n\n handleLastChange(event) {\n this.setState({ last: event.target.value });\n }\n\n render() {\n return (\n
\n \n \n \n \n \n \n \n \n \n \n \n
\n

\n Full Name Provided:\n \n {this.state.first}\n {\' \'}\n {this.state.middle}\n {\' \'}\n {this.state.last}\n \n

\n
\n
\n );\n }\n}\nexport default FieldsetExamples;\n\n')))}u.isMDXComponent=!0;var p=n(49271),c=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var h={};function y(e){var t=e.components,n=x(e,c);return(0,a.mdx)("wrapper",f({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local { \n .fieldset-wrapper {\n display: inline-block;\n }\n}\n\n")))}y.isMDXComponent=!0;var g=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.Z,{title:t||"Fieldset Examples",description:n,example:r.createElement(i.Z,null),exampleCssSrc:r.createElement(y,null),exampleSrc:r.createElement(u,null),isExpanded:a})},b=n(78530),v=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var C={},O="wrapper";function E(e){var t=e.components,n=N(e,v);return(0,a.mdx)(O,_({},C,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(b.ZP,{mdxType:"PropsTable"},(0,a.mdx)(b.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(b.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(b.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(b.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(b.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(b.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Children the Field contains."))),(0,a.mdx)(b.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(b.O,{mdxType:"PropNameCell"},"help"),(0,a.mdx)(b.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(b.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(b.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(b.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Help element to display with other elements."))),(0,a.mdx)(b.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(b.O,{mdxType:"PropNameCell"},"legend"),(0,a.mdx)(b.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(b.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(b.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(b.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Legend for the input group."))),(0,a.mdx)(b.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(b.O,{mdxType:"PropNameCell"},"legendAttrs"),(0,a.mdx)(b.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(b.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(b.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,a.mdx)(b.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Attributes to attach to the legend."))),(0,a.mdx)(b.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(b.O,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(b.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(b.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(b.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(b.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Determines whether the fieldset is required."))),(0,a.mdx)(b.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(b.O,{mdxType:"PropNameCell"},"isLegendHidden"),(0,a.mdx)(b.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(b.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(b.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(b.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the legend is visible. Use this prop to hide a legend while still creating it on the DOM for accessibility.")))))}E.isMDXComponent=!0;var T=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var S={},F="wrapper";function P(e){var t=e.components,n=j(e,T);return(0,a.mdx)(F,w({},S,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-fieldset"},"Terra Form Fieldset"),(0,a.mdx)("p",null,"Generic form fieldset component which handles the layout of a standard form fieldset including help text, legend, value and widget placement."),(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-form-fieldset"))))),(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:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Fieldset from 'terra-form-fieldset/lib/Fieldset';\n")),(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#responsive-support"},"Responsive 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#internationalization-i18n"},"Localization 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)(g,{mdxType:"FieldsetExamples"}),(0,a.mdx)("h2",{id:"form-fieldset-props"},"Form Fieldset Props"),(0,a.mdx)(E,{mdxType:"FormFieldsetPropsTable"}),(0,a.mdx)("h2",{id:"testing"},"Testing"),(0,a.mdx)("p",null,"Terra Form Fieldset uses ",(0,a.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,a.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,a.mdx)("p",null,"If Enzyme ",(0,a.mdx)("inlineCode",{parentName:"p"},"shallow")," is being used for the tests then the mock may not be required depending on the depth of the returned wrapper. However, if ",(0,a.mdx)("inlineCode",{parentName:"p"},"mount")," is used then ",(0,a.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown below:"),(0,a.mdx)("pre",null,(0,a.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")))}P.isMDXComponent=!0},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t*{box-sizing:border-box}.CompactInteractiveList-module__compact-interactive-list___phgKg{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.CompactInteractiveList-module__hidden___9C9Bi{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .CompactInteractiveList-module__hidden___9C9Bi{border:0;margin:-1px;padding:0} +.Row-module__orion-fusion-theme___\+iu-B{--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___Fdfmb{--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___yQAx\+{box-sizing:border-box;display:-ms-flexbox;display:flex;position:relative}[dir] .Row-module__row___yQAx\+:not(.Row-module__row-placeholder___wxsRN){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___yQAx\+:not(.Row-module__row-placeholder___wxsRN){border-right:1px solid #dedfe0;border-right:var(--terra-compact-interactive-list-row-border-right, 1px solid #dedfe0)}[dir=rtl] .Row-module__row___yQAx\+:not(.Row-module__row-placeholder___wxsRN){border-left:1px solid #dedfe0;border-left:var(--terra-compact-interactive-list-row-border-right, 1px solid #dedfe0)}[dir] .Row-module__row-topmost___pKNJf:not(.Row-module__row-placeholder___wxsRN){border-top:1px solid #dedfe0;border-top:var(--terra-compact-interactive-list-row-border-top, 1px solid #dedfe0)}[dir=ltr] .Row-module__row-leftmost___APDG3:not(.Row-module__row-placeholder___wxsRN){border-left:1px solid #dedfe0;border-left:var(--terra-compact-interactive-list-row-border-left, 1px solid #dedfe0)}[dir=rtl] .Row-module__row-leftmost___APDG3:not(.Row-module__row-placeholder___wxsRN){border-right:1px solid #dedfe0;border-right:var(--terra-compact-interactive-list-row-border-left, 1px solid #dedfe0)} +.Cell-module__orion-fusion-theme___NktNS{--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___KBf6s{--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___KBJ8D{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}[dir] .Cell-module__cell___KBJ8D{padding:7px;padding:var(--terra-compact-interactive-list-cell-content-padding, 7px)}.Cell-module__cell___KBJ8D: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___KBJ8D:focus{box-shadow:none;box-shadow:var(--terra-compact-interactive-list-cell-focus-box-shadow, none)}[dir] .Cell-module__selectable___uBKFA:hover{background-color:#e0f2fb;background-color:var(--terra-compact-interactive-list-hover-background-color, #e0f2fb);cursor:pointer}[dir] .Cell-module__selected___d5YnS{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:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.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/11348-4e59cd088ddfcd226b83.js b/11348-4e59cd088ddfcd226b83.js new file mode 100644 index 000000000..695b21a04 --- /dev/null +++ b/11348-4e59cd088ddfcd226b83.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11348,45627,85565,37344,3353,33667,96890,79482,5161,45865,85355,80858,14041,3193,16835,4845,46647,85161,27444,17657,38681,16873,15318,40411,66097,90941,18101,38443,79057,11264,34319,62979,33315,20116,33609,12026,78996,39915,33442],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),i=a(n(19845)),m=a(n(17422)),d=i.default.bind(m.default),o={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},c=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,i=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(l))),m=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},i,m)};c.propTypes=o;var s=c;t.Z=s},40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),r=o(n(45697)),l=o(n(19845)),i=o(n(50026)),m=o(n(66983)),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||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=l.default.bind(m.default),u=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:r.default.string},f=function(e){var t=e.children,n=s(e,d),r=a.default.useContext(i.default),m=(0,l.default)(p(["button",r.className]),n.className);return a.default.createElement("button",c({},n,{type:"button",className:m,onBlur:u,onMouseDown:x,"data-focus-styles-enabled":!0}),t)};f.propTypes=h;t.default=f},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),l=d(n(19845)),i=d(n(50026)),m=d(n(30866));function d(e){return e&&e.__esModule?e:{default:e}}var o=l.default.bind(m.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,n=e.variant,r=e.children,l=a.default.useContext(i.default);return a.default.createElement("div",{className:o("notice",n,l.className)},a.default.createElement("div",{className:o("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:o("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:o("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:o("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:o("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:o("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};s.propTypes=c,s.defaultProps={ariaLevel:"2",variant:"important"};t.default=s},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),r=c(n(45697)),l=c(n(93967)),i=c(n(19845)),m=c(n(50026)),d=c(n(42620)),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||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u=i.default.bind(d.default),x={title:r.default.string},h=function(e){var t=e.title,n=p(e,o),r=a.default.useContext(m.default),i=(0,l.default)(u(["placeholder",r.className]),n.className),d=u(["inner"]);return a.default.createElement("div",s({},n,{className:i}),a.default.createElement("div",{className:d},a.default.createElement("p",{className:u("title")},t)))};h.propTypes=x,h.defaultProps={title:""};t.default=h},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=i(n(59278)),r=i(n(47306)),l=i(n(40996));function i(e){return e&&e.__esModule?e:{default:e}}},94153:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),i=s(n(67294)),m=s(n(88745)),d=n(34614),o=a(n(55281));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 s(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},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var m=l?Object.getOwnPropertyDescriptor(e,i):null;m&&(m.get||m.set)?Object.defineProperty(a,i,m):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}var p=function(){var e=(0,i.useState)(!1),t=(0,l.default)(e,2),n=t[0],a=t[1],r=function(){return a(!n)};return n?i.default.createElement(o.default,{variant:"utility",text:"Featured button",icon:i.default.createElement(d.IconFeatured,null),onClick:r}):i.default.createElement(o.default,{variant:"utility",text:"Featured off button",icon:i.default.createElement(d.IconFeaturedOff,null),onClick:r})},u=i.default.createElement(d.IconMultipleResultsNormal,{a11yLabel:"Results normal",height:"1.5em",width:"1.5em"}),x=i.default.createElement(d.IconMultipleResultsNotNormal,{a11yLabel:"Results not normal",height:"1.5em",width:"1.5em"}),h=i.default.createElement(d.IconMultipleResultsCritical,{a11yLabel:"Results critical",height:"1.5em",width:"1.5em"}),f=[{id:"row_1",cells:[{content:u},{content:"Discern Care Set (1)"},{content:i.default.createElement(p,null)}]},{id:"row_2",cells:[{content:u},{content:"Initial observation Care/Day High Severity 99220 (2)"},{content:i.default.createElement(p,null)}]},{id:"row_3",cells:[{content:x},{content:"Arterial Sheath Care (3)"},{content:i.default.createElement(p,null)}]},{id:"row_4",cells:[{content:" "},{content:"Sbsq Observation Care/Day High Severity 99226 (4)"},{content:i.default.createElement(p,null)}]},{id:"row_5",cells:[{content:h},{content:"Arterial Sheath Care (5)"},{content:i.default.createElement(p,null)}]}],N=[{id:"Column-0",displayName:"Icon",width:"5em",align:m.alignTypes.CENTER},{id:"Column-1",displayName:"Service name",width:"20em"},{id:"Column-2",displayName:"Featured",width:"5em",align:m.alignTypes.CENTER}];t.Z=function(){return i.default.createElement(m.default,{id:"interactive-compact-columns-width",ariaLabel:"Compact Interactive List",rows:f,columns:N,numberOfColumns:2,rowHeaderIndex:1})}},54202:function(e,t,n){n.r(t),n.d(t,{default:function(){return g}});n(67294);var a=n(81254),r=n(34261),l=(n(63236),n(44763)),i=n(78530),m=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={},s="wrapper";function p(e){var t=e.components,n=o(e,m);return(0,a.mdx)(s,d({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(i.ZP,{mdxType:"PropsTable"},(0,a.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"id"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"String that will be used to identify the table. If multiple tables are on the same page, each table should have\na unique id."))),(0,a.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"String that identifies the element (or elements) that labels the table."))),(0,a.mdx)(i.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"String that labels the table for accessibility. If ariaLabelledBy is specified, ariaLabel will not be used."))),(0,a.mdx)(i.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"columns"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Data for columns."))),(0,a.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"rows"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Data for rows (list items) content."))),(0,a.mdx)(i.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"rowHeight"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Row height should be a valid css string with height in px, em, or rem units."))),(0,a.mdx)(i.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"numberOfColumns"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"1\n"))),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.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,a.mdx)(i.X2,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"flowHorizontally"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.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,a.mdx)(i.X2,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"width"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'100%'\n"))),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.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,a.mdx)(i.X2,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"onCellSelect"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.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,a.mdx)(i.X2,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"onClearSelection"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function that is called when all selected cells need to be unselected. Parameters: none."))),(0,a.mdx)(i.X2,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"columnMinimumWidth"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Columns minimum width should be a valid css string in value in px, em, or rem units."))),(0,a.mdx)(i.X2,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"columnMaximumWidth"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Columns maximum width should be a valid css string in value in px, em, or rem units."))),(0,a.mdx)(i.X2,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"rowHeaderIndex"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"0\n"))),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A zero-based index indicating which column represents the row header.")))))}p.isMDXComponent=!0;var u=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var f={},N="wrapper";function g(e){var t=e.components,n=h(e,u);return(0,a.mdx)(N,x({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"terra-compact-interactive-list"},"Terra Compact Interactive List"),(0,a.mdx)("h2",{id:"table-of-contents"},"Table of Contents"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Overview")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Design Decisions")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Examples")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Accessibility")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Implementation")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Properties")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Terra Standards"))),(0,a.mdx)("h2",{id:"overview"},"Overview"),(0,a.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,a.mdx)(l.Z,{mdxType:"FixedWidthColumns"}),(0,a.mdx)("h3",{id:"features"},"Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Ability to arrange items in columns."),(0,a.mdx)("li",{parentName:"ul"},"Fixed and responsive width columns."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"px"),", ",(0,a.mdx)("inlineCode",{parentName:"li"},"em"),", and ",(0,a.mdx)("inlineCode",{parentName:"li"},"rem")," width units."),(0,a.mdx)("li",{parentName:"ul"},"Vertical and horizontal flow."),(0,a.mdx)("li",{parentName:"ul"},"Minimum and maximum column widths that you can set for all responsive columns or for each column individually."),(0,a.mdx)("li",{parentName:"ul"},"Selectable cells."),(0,a.mdx)("li",{parentName:"ul"},"Interactive elements in cells (one per cell).")),(0,a.mdx)("p",null,"See the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Examples")," section for detailed demonstrations of the Compact Interactive List component features."),(0,a.mdx)("h2",{id:"design-decisions"},"Design Decisions"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Much like a data grid, Compact Interactive List uses a roving tab stop. When you press ",(0,a.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,a.mdx)("strong",{parentName:"li"},"TAB")," or ",(0,a.mdx)("strong",{parentName:"li"},"SHIFT+TAB")," while the Compact Interactive List component is active, you exit the list."),(0,a.mdx)("li",{parentName:"ul"},"The consumer data state is not maintained. The state must be maintained by the consumer."),(0,a.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,a.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,a.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,a.mdx)("h2",{id:"examples"},"Examples"),(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},"Link to Example"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/examples/fixed-width-columns"},"FixedWidthColumns")),(0,a.mdx)("td",{parentName:"tr",align:null},"An example of the Compact Interactive List component with fixed width columns.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/examples/responsive-columns"},"ResponsiveColumns")),(0,a.mdx)("td",{parentName:"tr",align:null},"An example of the Compact Interactive List component with responsive text columns.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/examples/scalable-units"},"ScalableUnits")),(0,a.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,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/examples/flow-direction"},"FlowDirection")),(0,a.mdx)("td",{parentName:"tr",align:null},"Examples of the Compact Interactive List component with vertical and horizontal flow directions.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/examples/number-of-columns"},"NumberOfColumns")),(0,a.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,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/examples/cell-content"},"CellContent")),(0,a.mdx)("td",{parentName:"tr",align:null},"Examples of cell content for the Compact Interactive List component.")))),(0,a.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,a.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(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},"Keys"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"UP ARROW"),(0,a.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,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"DOWN ARROW"),(0,a.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,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"RIGHT ARROW"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the cell to the right of the currently active cell. If the right-most cell in the row is active, the active cell does not change.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"LEFT ARROW"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the cell to the left of the currently active cell. If the left-most cell in the row is active, the active cell does not change.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"HOME"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the first cell in the active row.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"END"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the last cell in the active row.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"CTRL+HOME (Microsoft Windows) ",(0,a.mdx)("br",null)," or ",(0,a.mdx)("br",null)," CTRL+COMMAND+LEFT ARROW (Apple Mac)"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the first cell in the first row.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"CTRL+END (Microsoft Windows) ",(0,a.mdx)("br",null)," or ",(0,a.mdx)("br",null),"CTRL+COMMAND+RIGHT ARROW (Apple Mac)"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the last cell in the last row.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"TAB"),(0,a.mdx)("td",{parentName:"tr",align:null},"Exits the list and moves to the next selectable element in the tab sequence.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"SHIFT+TAB"),(0,a.mdx)("td",{parentName:"tr",align:null},"Exits the list and moves to the previous selectable element in the tab sequence.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"SPACEBAR"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the active cell. A cell cannot be selected if it contains active elements in it.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"ESC"),(0,a.mdx)("td",{parentName:"tr",align:null},"Removes the cell selection.")))),(0,a.mdx)("h3",{id:"assistive-technology-support"},"Assistive Technology Support"),(0,a.mdx)("h4",{id:"wai-aria-roles-and-states"},"WAI ARIA Roles and States"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label"},"aria-label"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"Compact Interactive List"),": When the ",(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"ariaLabel")," property is specified, the screen reader uses the aria-label value as the ",(0,a.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the list."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby"},"aria-labelledby"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"Compact Interactive List"),": When the ",(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/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,a.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the list."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/rowheader_role"},"rowheader"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"Compact Interactive List"),": When the ",(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"rowHeaderIndex")," porperty 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,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/columnheader_role"},"columnheader"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"Column"),": When the ",(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/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,a.mdx)("h2",{id:"implementation"},"Implementation"),(0,a.mdx)("h3",{id:"installation"},"Installation"),(0,a.mdx)("p",null,"Install with ",(0,a.mdx)("a",{parentName:"p",href:"https://www.npmjs.com/"},"npmjs"),":\n",(0,a.mdx)("inlineCode",{parentName:"p"},"npm install terra-compact-interactive-list")),(0,a.mdx)("h3",{id:"dependencies"},"Dependencies"),(0,a.mdx)("h4",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"Ensure that the following peer dependencies are installed in your application 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)("h3",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import CompactInteractiveList from 'terra-compact-interactive-list';\n")),(0,a.mdx)("h2",{id:"properties"},"Properties"),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,"The supported units for width properties are ",(0,a.mdx)("inlineCode",{parentName:"p"},"px"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"em"),", and ",(0,a.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,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"columnMinimumWidth"),",\n",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"columnMaximumWidth"),",\n",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"width"),",\n",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"minimumWidth"),", and\n",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/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,a.mdx)("h3",{id:"compact-interactive-list-properties-table"},"Compact Interactive List Properties Table"),(0,a.mdx)(p,{mdxType:"CompactInteractiveListPropsTable"}),(0,a.mdx)("h3",{id:"column"},"Column"),(0,a.mdx)("p",null,"A column specifies the information to render cells in the columns."),(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},"Name"),(0,a.mdx)("th",{parentName:"tr",align:null},"Type"),(0,a.mdx)("th",{parentName:"tr",align:null},"Required"),(0,a.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"id")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("span",{style:{color:"#d53040"}},"Required")),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the column in the list.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"displayName")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("span",{style:{color:"#d53040"}},"Required")),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A string of text that screen readers read when the column context changes.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"width")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A valid CSS string. If omitted, the column becomes responsive. ",(0,a.mdx)("inlineCode",{parentName:"td"},"px"),", ",(0,a.mdx)("inlineCode",{parentName:"td"},"em"),", or ",(0,a.mdx)("inlineCode",{parentName:"td"},"rem")," units are supported.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"minimumWidth")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A valid CSS string. ",(0,a.mdx)("inlineCode",{parentName:"td"},"px"),", ",(0,a.mdx)("inlineCode",{parentName:"td"},"em"),", or ",(0,a.mdx)("inlineCode",{parentName:"td"},"rem")," units are supported. This property is disregarded if the column has a fixed width.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"maximumWidth")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A valid CSS string. ",(0,a.mdx)("inlineCode",{parentName:"td"},"px"),", ",(0,a.mdx)("inlineCode",{parentName:"td"},"em"),", or ",(0,a.mdx)("inlineCode",{parentName:"td"},"rem")," units are supported. This property is disregarded if the column has a fixed width.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"flexGrow")),(0,a.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the column is responsive.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"align")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"'left'"),(0,a.mdx)("td",{parentName:"tr",align:null},"A string value that indicates the alignment. ",(0,a.mdx)("inlineCode",{parentName:"td"},"center"),", ",(0,a.mdx)("inlineCode",{parentName:"td"},"right"),", or ",(0,a.mdx)("inlineCode",{parentName:"td"},"left")," alignments are supported.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isSelectable")),(0,a.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean value indicating whether the cells in this column are selectable.")))),(0,a.mdx)("h3",{id:"row"},"Row"),(0,a.mdx)("p",null,"A row defines the cells rendered in the row."),(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},"Name"),(0,a.mdx)("th",{parentName:"tr",align:null},"Type"),(0,a.mdx)("th",{parentName:"tr",align:null},"Required"),(0,a.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"id")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("span",{style:{color:"#d53040"}},"Required")),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the row in the list.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"cells")),(0,a.mdx)("td",{parentName:"tr",align:null},"Array"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"[ ]"),(0,a.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,a.mdx)("h3",{id:"cell"},"Cell"),(0,a.mdx)("p",null,"A cell defines the content rendered at the intersection of a row and a column."),(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},"Name"),(0,a.mdx)("th",{parentName:"tr",align:null},"Type"),(0,a.mdx)("th",{parentName:"tr",align:null},"Required"),(0,a.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"content")),(0,a.mdx)("td",{parentName:"tr",align:null},"Content"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"The content to render in the cell.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isSelected")),(0,a.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean value indicating whether the cell is selected.")))),(0,a.mdx)("h2",{id:"terra-standards"},"Terra Standards"),(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"))))}g.isMDXComponent=!0},44763:function(e,t,n){n.d(t,{Z:function(){return p}});var a=n(67294),r=n(94153),l=n(81254),i=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var o={};function c(e){var t=e.components,n=d(e,i);return(0,l.mdx)("wrapper",m({},o,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 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")),(0,t.mdx)("p",null,"Components that need more control over the presentation of the modal have access to additional APIs that are returned upon a successful disclosure."),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useContext, useRef } from 'react';\nimport { DisclosureManagerContext } from 'terra-application/lib/disclosure-manager';\n\nimport ModalContentComponent from './ModalContentComponent';\n\nconst ComponentWithModal = () => {\n const disclosureManager = useContext(DisclosureManagerContext);\n const modalDismissRef = useRef();\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'modal',\n size: 'large',\n content: {\n key: 'component-with-modal.modal-content',\n component: (\n {\n if (modalDismissRef.current) {\n modalDismissRef.current();\n modalDismissRef.current = undefined;\n }\n }}\n />\n ),\n },\n }).then(({ dismissDisclosure }) => {\n modalDismissRef.current = dismissDisclosure;\n });\n }}\n >\n Show Modal\n \n );\n};\n")))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/14702-d1e7d3d61f980110431c.css b/14702-d1e7d3d61f980110431c.css new file mode 100644 index 000000000..f16a83bc6 --- /dev/null +++ b/14702-d1e7d3d61f980110431c.css @@ -0,0 +1 @@ +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/14702-d1e7d3d61f980110431c.js b/14702-d1e7d3d61f980110431c.js new file mode 100644 index 000000000..ee2e50eca --- /dev/null +++ b/14702-d1e7d3d61f980110431c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[14702],{58732:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.Z=void 0;var a=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},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=l?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=u(n(55281)),o=u(n(85642));function u(e){return e&&e.__esModule?e:{default:e}}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 i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,u=[],c=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);c=!0);}catch(e){i=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(i)throw a}}return u}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return s(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i={};function s(e){var t=e.components,n=c(e,o);return(0,a.mdx)("wrapper",u({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\nimport Button from 'terra-button/lib/Button';\nimport SearchField from 'terra-search-field';\n\nconst SearchFieldProgrammaticSet = () => {\n const [searchText, setSearchText] = useState('');\n const [message, setMessage] = useState('');\n const [text, setText] = useState('');\n const inputRef = useRef(null);\n\n const setTextClick = () => {\n if (inputRef.current) {\n inputRef.current.value = 'IpsumLorem';\n let customEvent;\n if (typeof (Event) === 'function') {\n customEvent = new Event('input', {\n bubbles: true,\n cancelable: false,\n });\n } else {\n customEvent = document.createEvent('Event');\n customEvent.initEvent('input', true, false);\n }\n inputRef.current.dispatchEvent(customEvent);\n }\n };\n\n const handleInvalidSearch = (value) => {\n setSearchText(value);\n setMessage('INVALID Search Text: ');\n };\n\n const handleChange = (event, value) => {\n setText(value);\n };\n\n const handleInput = (event) => {\n setText(event.target.value);\n };\n\n const handleSearch = (value) => {\n setSearchText(value);\n setMessage('Search Text: ');\n };\n\n return (\n
\n
\n );\n};\n\nexport default SearchFieldProgrammaticSet;\n\n")))}s.isMDXComponent=!0;var d=n(49271),f=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(d.Z,{title:t||"Search Field Programmatic Set",description:n,example:r.createElement(l.Z,null),exampleSrc:r.createElement(s,null),isExpanded:a})},m=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var v={},_="wrapper";function b(e){var t=e.components,n=h(e,m);return(0,a.mdx)(_,p({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"search-field-programmatic-set"},"Search Field Programmatic Set"),(0,a.mdx)("h3",{id:"description"},"Description"),(0,a.mdx)("p",null,"This example demonstrates ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-core-docs/search-field/about"},"Search Field")," with search text set programmatically. This example uses the 'inputRefCallback' callback ref to pass into the search input component and sets the search text. "),(0,a.mdx)(f,{title:"Search Field Programmatic Set",mdxType:"SearchFieldProgrammaticSet"}))}b.isMDXComponent=!0},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=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 a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function y(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={intl:r.default.shape({formatMessage:r.default.func}).isRequired,value:r.default.oneOfType([r.default.number,r.default.string])},f=function(e){var t=e.value,n=e.intl,r=c(e,l);return o.default.createElement(i.default,s({},r,{isAddOption:!0,value:t,display:n.formatMessage({id:"Terra.form.select.add"},{text:t}),"data-terra-select-add-option":!0}))};f.propTypes=d,f.isOption=!0;t.default=(0,a.injectIntl)(f)},9780:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=s(n(67294)),r=s(n(45697)),a=n(25387),i=s(n(19845)),l=s(n(50026)),u=s(n(24237));function s(e){return e&&e.__esModule?e:{default:e}}var c=i.default.bind(u.default),d={value:r.default.oneOfType([r.default.number,r.default.string])},f=function(e){var t=e.value,n=o.default.useContext(l.default);return o.default.createElement("div",{className:c("max-selection",n.className)},o.default.createElement(a.FormattedMessage,{id:"Terra.form.select.maxSelectionOption",values:{text:t}}))};f.propTypes=d;t.default=f},17959:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=u(n(67294)),r=u(n(45697)),a=u(n(19845)),i=u(n(50026)),l=u(n(72470));function u(e){return e&&e.__esModule?e:{default:e}}var s=a.default.bind(l.default),c={children:r.default.node.isRequired,onDeselect:r.default.func.isRequired,value:r.default.oneOfType([r.default.string,r.default.number]).isRequired},d=function(e){var t=e.children,n=e.onDeselect,r=e.value,a=o.default.useContext(i.default);return o.default.createElement("li",{className:s("tag",a.className)},o.default.createElement("span",{className:s("display")},t),o.default.createElement("span",{className:s("deselect"),onClick:function(){n(r)},role:"presentation"},o.default.createElement("span",{className:s("icon")})))};d.propTypes=c;t.default=d},5457:function(e,t,n){function o(e){return o="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},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=g(n(67294)),a=g(n(45697)),i=g(n(93967)),l=g(n(19845)),u=g(n(50026)),s=n(25387),c=g(n(14461)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=b(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=a?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(n(51051)),f=g(n(15277)),p=g(n(19398)),h=g(n(38011)),v=g(n(59478)),y=g(n(16451));n(98394),n(71637),n(22500);var m=["ariaLabel","children","disabled","display","dropdownAttrs","intl","inputId","isIncomplete","isTouchAccessible","isInvalid","maxHeight","maxSelectionCount","onDeselect","onSearch","onSelect","optionFilter","placeholder","required","totalOptions","value"];function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(b=function(e){return e?n:t})(e)}function g(e){return e&&e.__esModule?e:{default:e}}function O(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},a=Object.keys(e);for(o=0;o=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t0&&!h.default.includes(e,r)}}],(o=[{key:"componentDidMount",value:function(){Element.prototype.hasOwnProperty("inert")||n(23458)}},{key:"componentDidUpdate",value:function(e,t){h.default.shouldPositionDropdown(t,this.state,this.dropdown)&&(clearTimeout(this.debounceTimer),this.dropdown.setAttribute("inert",""),this.debounceTimer=setTimeout(this.positionDropdown,t.isOpen?100:0))}},{key:"componentWillUnmount",value:function(){clearTimeout(this.debounceTimer)}},{key:"handleBlur",value:function(e){var t=e.relatedTarget||document.activeElement;this.dropdown&&this.dropdown===document.activeElement&&this.dropdown.contains(document.activeElement)||t!==this.input&&t!==this.selectMenu&&(this.setState({isFocused:!1,focusedByTouch:!1}),this.closeDropdown(),this.props.onBlur&&this.props.onBlur(e))}},{key:"handleClick",value:function(e){this.openDropdown(e),this.props.onClick&&this.props.onClick(e)}},{key:"handleFocus",value:function(e){this.props.disabled||(this.props.onFocus&&!this.state.isFocused&&this.props.onFocus(e),this.setState({isFocused:!0}))}},{key:"handleKeyDown",value:function(e){var t=this.props,n=t.children,o=t.intl,r=t.onDeselect,a=t.value,i=e.keyCode,l=e.target;if(i===d.KEY_SPACE&&l!==this.input)e.preventDefault(),this.openDropdown(e);else if(i===d.KEY_UP||i===d.KEY_DOWN)e.preventDefault(),this.openDropdown(e);else if(i===d.KEY_BACK_SPACE&&!this.state.searchValue&&a.length>0){var u=a[a.length-1],s=y.default.findByValue(n,u),c=s?s.props.display:u;this.visuallyHiddenComponent&&this.visuallyHiddenComponent.current&&(this.visuallyHiddenComponent.current.innerText=o.formatMessage({id:"Terra.form.select.unselectedText"},{text:c})),r&&r(u)}else this.state.isOpen&&i===d.KEY_ESCAPE&&(e.stopPropagation(),this.closeDropdown())}},{key:"handleInputMouseDown",value:function(e){e.stopPropagation(),this.openDropdown(e)}},{key:"handleInputFocus",value:function(){this.setState({isInputFocused:!0})}},{key:"handleInputBlur",value:function(){this.setState({isInputFocused:!1})}},{key:"handleToggleClick",value:function(){this.state.isOpen&&this.closeDropdown()}},{key:"handleToggleButtonClick",value:function(){this.state.isOpen&&(this.closeDropdown(),this.input&&this.input.focus())}},{key:"handleTouchStart",value:function(){this.setState({focusedByTouch:!0})}},{key:"handleSearch",value:function(e){var t=e.target.value;this.setState({isOpen:!0,hasSearchChanged:!0,searchValue:t}),this.props.onSearch&&this.props.onSearch(t)}},{key:"handleSelect",value:function(e,t){this.setState({searchValue:"",hasSearchChanged:!1,isOpen:!0}),this.props.onSelect&&this.props.onSelect(e,t)}},{key:"setInput",value:function(e){this.input=e}},{key:"setSelectMenuRef",value:function(e){this.selectMenu=e}},{key:"getDisplay",value:function(e,t,n){var o=this.state,a=o.searchValue,i=o.isFocused,l=this.props,u=l.disabled,c=l.display,d=l.placeholder,f=l.required,p=l.value,h=l.inputId,v=!i&&p&&p.length>0,y={disabled:u,placeholder:d,ref:this.setInput,onChange:this.handleSearch,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onMouseDown:this.handleInputMouseDown,"aria-label":this.ariaLabel(),"aria-describedby":"".concat(e," ").concat(t),"aria-disabled":u,"aria-owns":this.state.isOpen?n:void 0,type:"text",className:j("search-input",{"is-hidden":v}),required:!(!f||c.length)||void 0,id:h,"aria-required":f&&!c.length};return r.default.createElement("ul",{"data-terra-form-select-input":!0,className:j("content")},c&&c.length>0?r.default.createElement("li",null,r.default.createElement("ul",{id:e,className:j("display-content")},c,r.default.createElement("li",{className:j("visually-hidden-component")},r.default.createElement(s.FormattedMessage,{id:"Terra.form.select.selected"})))):null,r.default.createElement("li",{className:j("search-wrapper")},r.default.createElement("input",w({},y,{value:a}))))}},{key:"closeDropdown",value:function(){this.setState({isAbove:!1,isFocused:document.activeElement===this.input||document.activeElement===this.select,isOpen:!1,isPositioned:!1,hasSearchChanged:!1,searchValue:""});var e=this.state.searchValue;if(u.shouldAddOptionOnBlur(this.props,this.state)){var t=0===e.trim().length?"":e;this.props.onSelect&&this.props.onSelect(t)}}},{key:"openDropdown",value:function(e){if(this.shouldFocusDropdown=!1,!this.state.isOpen&&!this.props.disabled){if(e&&e.target&&(e.target.hasAttribute("data-terra-form-select-toggle-button")||e.target.hasAttribute("data-terra-form-select-toggle-button-icon")))return this.setState({isOpen:!0,isPositioned:!1}),void(this.shouldFocusDropdown=!0);(e.target.hasAttribute("data-terra-form-select-toggle")||e.target.className.includes("arrow-icon"))&&this.input.focus(),this.input?this.input.focus():h.default.shiftFocusToMenu(this),this.setState({isOpen:!0,isPositioned:!1})}}},{key:"positionDropdown",value:function(){var e=this;if(this.state.isOpen){var t=this.props,n=t.dropdownAttrs,o=t.maxHeight,r=t.isTouchAccessible;this.setState(h.default.dropdownPosition(n,this.select,this.dropdown,o,r),(function(){e.state.isPositioned&&(e.dropdown.removeAttribute("inert"),e.dropdown.removeAttribute("aria-hidden"),e.selectMenu.setAttribute("tabIndex","0"),e.selectMenu&&e.shouldFocusDropdown&&e.selectMenu.focus())}))}}},{key:"toggleDropdown",value:function(e){this.state.isOpen?(this.input.focus(),this.closeDropdown()):this.openDropdown(e)}},{key:"ariaLabel",value:function(){var e=this.props,t=e.ariaLabel,n=e.disabled,o=e.intl,r=o.formatMessage({id:"Terra.form.select.ariaLabel"}),a=o.formatMessage({id:"Terra.form.select.dimmed"});return"ontouchstart"in window&&n?void 0===t?"".concat(r," ").concat(a):"".concat(t," ").concat(a):void 0===t?r:t}},{key:"role",value:function(){return this.props.disabled?void 0:"application"}},{key:"renderDescriptionText",value:function(){var e=this.props.intl,t=e.formatMessage({id:"Terra.form.select.listOfTotalOptions"}),n=e.formatMessage({id:"Terra.form.select.mobileUsageGuidance"}),o=e.formatMessage({id:"Terra.form.select.multiSelectUsageGuidance"});return"ontouchstart"in window?this.state.isInputFocused?"".concat(t):"".concat(t," ").concat(n):"".concat(t," ").concat(o)}},{key:"renderToggleButton",value:function(){var e=this.props,t=e.intl,n=e.isInvalid,o=t.formatMessage({id:"Terra.form.select.mobileButtonUsageGuidance"});if("ontouchstart"in window){if(this.state.isInputFocused){var a=j(["toggle",{"is-invalid":n}]);return r.default.createElement("div",{"data-terra-form-select-toggle":!0,className:a,onClick:this.handleToggleClick},r.default.createElement("span",{className:j("arrow-icon")}))}var i=j(["toggle","toggle-narrow",{"is-invalid":n}]);return r.default.createElement("div",{className:i},r.default.createElement("button",{type:"button",className:j("toggle-btn"),"aria-label":o,"data-terra-form-select-toggle-button":!0,onClick:this.handleToggleButtonClick},r.default.createElement("span",{className:j("arrow-icon"),"data-terra-form-select-toggle-button-icon":!0})))}var l=j(["toggle",{"is-invalid":n}]);return r.default.createElement("div",{"data-terra-form-select-toggle":!0,className:l,onClick:this.toggleDropdown},r.default.createElement("span",{className:j("arrow-icon")}))}},{key:"render",value:function(){var e=this,t=this.props,n=(t.ariaLabel,t.children),o=t.disabled,a=(t.display,t.dropdownAttrs),l=(t.intl,t.inputId,t.isIncomplete),s=t.isTouchAccessible,d=t.isInvalid,v=(t.maxHeight,t.maxSelectionCount),y=t.onDeselect,b=(t.onSearch,t.onSelect,t.optionFilter),g=(t.placeholder,t.required),S=(t.totalOptions,t.value),T=O(t,m),_=this.context,D=(0,i.default)(j("select","tag",{"is-above":this.state.isAbove},{"is-disabled":o},{"is-focused":this.state.isFocused},{"is-invalid":d},{"is-incomplete":l&&g&&!d},{"is-open":this.state.isOpen},_.className),T.className),k="terra-select-screen-reader-label-".concat((0,c.default)()),E="terra-select-screen-reader-display-".concat((0,c.default)()),C="terra-select-screen-reader-description-".concat((0,c.default)()),x=T["aria-describedby"],P=x?"".concat(C," ").concat(x):C,M={id:this.menuId,value:S,onDeselect:y,optionFilter:b,visuallyHiddenComponent:this.visuallyHiddenComponent,onSelect:this.handleSelect,onRequestClose:this.closeDropdown,searchValue:this.state.searchValue,input:this.input,select:this.select,maxSelectionCount:v,refCallback:this.setSelectMenuRef};return r.default.createElement("div",w({},T,{role:this.role(),"data-terra-select-combobox":!0,"aria-controls":!o&&this.state.isOpen?this.menuId:void 0,"aria-disabled":!!o,"aria-expanded":!!o&&!!this.state.isOpen,"aria-haspopup":o?void 0:"true","aria-describedby":P,"aria-owns":this.state.isOpen?this.menuId:void 0,className:D,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseDown:u.handleMouseDown,onTouchStart:this.handleTouchStart,tabIndex:"-1",ref:function(t){e.select=t}}),r.default.createElement("div",{className:j("visually-hidden-component"),hidden:!0},r.default.createElement("span",{id:k},this.ariaLabel()),r.default.createElement("span",{id:C},this.renderDescriptionText())),r.default.createElement("div",{className:j("display")},this.getDisplay(E,P,this.menuId)),this.renderToggleButton(),r.default.createElement("span",{"aria-atomic":"true","aria-live":"assertive","aria-relevant":"additions text",className:j("visually-hidden-component"),ref:this.visuallyHiddenComponent}),this.state.isOpen&&r.default.createElement(f.default,w({},a,{id:this.state.isOpen?"terra-select-dropdown":void 0,target:this.select,isAbove:this.state.isAbove,isTouchAccessible:s,isEnabled:this.state.isPositioned,onResize:this.positionDropdown,refCallback:function(t){e.dropdown=t},style:h.default.dropdownStyle(a,this.state)}),r.default.createElement(p.default,M,n)))}}])&&S(t.prototype,o),a&&S(t,a),Object.defineProperty(t,"prototype",{writable:!1}),u}(r.default.Component);x.propTypes=E,x.defaultProps=C,x.contextType=u.default;t.default=(0,s.injectIntl)(x)},19398:function(e,t,n){function o(e){return o="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},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=y(n(67294)),a=y(n(45697)),i=y(n(19845)),l=y(n(50026)),u=n(10752),s=n(25387),c=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=v(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=a?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(n(51051)),d=y(n(32751)),f=y(n(9780)),p=y(n(16451)),h=y(n(3449));function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(v=function(e){return e?n:t})(e)}function y(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;tt.bottom&&(this.menu.parentNode.scrollTop=e.offsetTop-t.height+n.height)}}},{key:"render",value:function(){var e=this,t=this.props,n=t.id,o=t.intl,a=t.refCallback,i=this.context;return r.default.createElement("ul",m({id:n,role:"listbox",className:k("menu",i.className),"aria-label":o.formatMessage({id:"Terra.form.select.menu"}),ref:function(t){a&&a(t),e.menu=t}},null!==this.state.active?{"aria-activedescendant":"terra-select-option-".concat(this.state.active)}:{},{tabIndex:"0"}),this.clone(this.state.children))}}],o=[{key:"isMaxSelectionReached",value:function(e){var t=e.maxSelectionCount,n=e.value;return!!(void 0!==t&&n&&n.length>=t)}},{key:"shouldAllowFreeText",value:function(e,t){var n=e.searchValue,o=e.value,r=p.default.findByDisplay(t,n),a=p.default.isEqual(o,n);return!r&&!a&&(n||"").trim().length>0}},{key:"updateSelectionState",value:function(e,t){var n=i.isMaxSelectionReached(t);return r.default.Children.map(e,(function(e){return e.type.isOption?r.default.cloneElement(e,{disabled:e.props.disabled||n&&!p.default.isSelected(t.value,e.props.value)}):e.type.isOptGroup?r.default.cloneElement(e,{},i.updateSelectionState(e.props.children,t)):e}))}},{key:"getDerivedStateFromProps",value:function(e,t){var n,o=e.maxSelectionCount,a=e.searchValue,l=!1;return a&&a.length>0&&i.isMaxSelectionReached(e)?(n=[r.default.createElement(f.default,{value:o})],l=!0):(n=p.default.filter(e.children,e.searchValue,e.optionFilter),n=i.updateSelectionState(n,e),i.shouldAllowFreeText(e,n)&&n.push(r.default.createElement(d.default,{value:a}))),{children:n,searchValue:a,hasMaxSelection:l,hasNoResults:!1,active:p.default.getActiveOptionFromProps(e,n,t)}}}],n&&O(t.prototype,n),o&&O(t,o),Object.defineProperty(t,"prototype",{writable:!1}),i}(r.default.Component);C.propTypes=j,C.defaultProps=E,C.contextType=l.default,(0,u.polyfill)(C);t.default=(0,s.injectIntl)(C)}}]); \ No newline at end of file diff --git a/1482-dae70281478e7c078378.css b/1482-dae70281478e7c078378.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/1482-dae70281478e7c078378.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/1482-dae70281478e7c078378.js b/1482-dae70281478e7c078378.js new file mode 100644 index 000000000..d91301719 --- /dev/null +++ b/1482-dae70281478e7c078378.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1482,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var n=d(l(67294)),m=d(l(45697)),t=d(l(19845)),r=d(l(17422)),i=t.default.bind(r.default),u={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,m=e.version,t=n.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(m)},n.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(m))),r=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},t,r)};p.propTypes=u;var x=p;a.Z=x},1482:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),n=l(54341),m=["components"];function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[l]=e[l]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var i={},u="wrapper";function p(e){var a=e.components,l=r(e,m);return(0,d.mdx)(u,t({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"3311---september-21-2023"},"3.31.1 - (September 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed extra top and bottom margins from LabelValueView description list.")))),(0,d.mdx)("h2",{id:"3310---august-2-2023"},"3.31.0 - (August 2, 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:"3300---july-17-2023"},"3.30.0 - (July 17, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added a new prop ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaLabelledBy")," on the LabelValueView component.")))),(0,d.mdx)("h2",{id:"3290---june-14-2023"},"3.29.0 - (June 14, 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"},"Created a new prop ",(0,d.mdx)("inlineCode",{parentName:"li"},"isChildOfDescriptionList")," on the LabelValueView component."),(0,d.mdx)("li",{parentName:"ul"},"Updated the LabelValueView to be:"),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("pre",{parentName:"li"},(0,d.mdx)("code",{parentName:"pre"},'- a React.Fragment with a term and a definition when the LabelValueView is already inside a description list (when isChildOfDescriptionList is sent with a "true" value)\n'))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("pre",{parentName:"li"},(0,d.mdx)("code",{parentName:"pre"},'- a description list when isChildOfDescriptionList is not sent (undefined) or sent as "false"\n'))),(0,d.mdx)("li",{parentName:"ul"},"Updated the component examples for new prop ",(0,d.mdx)("inlineCode",{parentName:"li"},"isChildOfDescriptionList"),".")))),(0,d.mdx)("h2",{id:"3280---april-21-2023"},"3.28.0 - (April 21, 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"},"Updated the component examples.")))),(0,d.mdx)("h2",{id:"3270---march-29-2023"},"3.27.0 - (March 29, 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"},"Updated wdio screenshots.")))),(0,d.mdx)("h2",{id:"3260---july-21-2021"},"3.26.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"3250---march-25-2021"},"3.25.0 - (March 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6")))),(0,d.mdx)("h2",{id:"3240---january-5-2021"},"3.24.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"3230---november-10-2020"},"3.23.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"3220---august-25-2020"},"3.22.0 - (August 25, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change label text color to use rgba instead of hex values.")))),(0,d.mdx)("h2",{id:"3210---august-4-2020"},"3.21.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"3200---june-9-2020"},"3.20.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"3190---april-28-2020"},"3.19.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"3180---april-14-2020"},"3.18.0 - (April 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"3170---march-31-2020"},"3.17.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added wdio screenshots for clinical-lowlight-theme")))),(0,d.mdx)("h2",{id:"3160---march-17-2020"},"3.16.0 - (March 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update mdx syntax for docs")))),(0,d.mdx)("h2",{id:"3150---february-18-2020"},"3.15.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"3140---january-28-2020"},"3.14.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"3130---january-22-2020"},"3.13.0 - (January 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"3120---january-7-2020"},"3.12.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax")))),(0,d.mdx)("h2",{id:"3110---october-30-2019"},"3.11.0 - (October 30, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"3100---september-26-2019"},"3.10.0 - (September 26, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"390---september-19-2019"},"3.9.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Convert SCSS files to .module.scss")))),(0,d.mdx)("h2",{id:"380---september-6-2019"},"3.8.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed inline styles from dev site components."),(0,d.mdx)("li",{parentName:"ul"},"Add comments for ESlint 6"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,d.mdx)("li",{parentName:"ul"},"Removed clinical-item-display as a dependency.")))),(0,d.mdx)("h2",{id:"370---august-14-2019"},"3.7.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated package.json test scripts")))),(0,d.mdx)("h2",{id:"360---july-16-2019"},"3.6.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced inline stylings for terra-dev-site components with .scss files"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,d.mdx)("h2",{id:"350---june-11-2019"},"3.5.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"340---march-26-2019"},"3.4.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"330---february-26-2019"},"3.3.0 - (February 26, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependency updates")))),(0,d.mdx)("h2",{id:"300---january-17-2019"},"3.0.0 - (January 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated css theming variable name to fit linter standards"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changelog dev site doc page")))),(0,d.mdx)("h2",{id:"2170---november-21-2018"},"2.17.0 - (November 21, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"2160---august-30-2018"},"2.16.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Enable color contrast accessibility rule")))),(0,d.mdx)("h2",{id:"2150---october-2-2018"},"2.15.0 - (October 2, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"2140---september-5-2018"},"2.14.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2130---august-30-2018"},"2.13.0 - (August 30, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"2120---august-1-2018"},"2.12.0 - (August 1, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"2111---july-25-2018"},"2.11.1 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch release")))),(0,d.mdx)("h2",{id:"2110---july-25-2018"},"2.11.0 - (July 25, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"2100---july-17-2018"},"2.10.0 - (July 17, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"290---july-3-2018"},"2.9.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint in doc page")))),(0,d.mdx)("h2",{id:"280---june-28-2018"},"2.8.0 - (June 28, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"270---june-19-2018"},"2.7.0 - (June 19, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"260---june-12-2018"},"2.6.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Conform to eslint updates"),(0,d.mdx)("li",{parentName:"ul"},"Added theming variables in Label Value")))),(0,d.mdx)("h2",{id:"250---may-30-2018"},"2.5.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,d.mdx)("h2",{id:"240---may-22-2018"},"2.4.0 - (May 22, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"230---may-1-2018"},"2.3.0 - (May 1, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"220---march-27-2018"},"2.2.0 - (March 27, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated value font-size and the site example page")))),(0,d.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"200---february-19-2018"},"2.0.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update to React 16")))),(0,d.mdx)("h2",{id:"150---february-19-2018"},"1.5.0 - (February 19, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"140---november-29-2017"},"1.4.0 - (November 29, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Break long words to wrap when needed")))),(0,d.mdx)("h2",{id:"130---september-26-2017"},"1.3.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,d.mdx)("h2",{id:"120---september-1-2017"},"1.2.0 - (September 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change dependency on terra-base to v2.0.0"),(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[l]=e[l]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(n.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},54341:function(e,a,l){l.d(a,{C:function(){return m}});var d=l(67294),n=l(22863),m=function(e){var a=e.url;return d.createElement(n.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-label-value-view",name:"terra-clinical-label-value-view",version:"3.31.1",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/14873-eab2e8688a46a7abc3d5.css b/14873-eab2e8688a46a7abc3d5.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/14873-eab2e8688a46a7abc3d5.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/14873-eab2e8688a46a7abc3d5.js b/14873-eab2e8688a46a7abc3d5.js new file mode 100644 index 000000000..228a7fe53 --- /dev/null +++ b/14873-eab2e8688a46a7abc3d5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[14873,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),t=d(l(19845)),i=d(l(17422)),r=t.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,t=m.default.createElement("a",{className:r("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:r("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:r("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:r("badge"),href:a},m.default.createElement("span",{className:r("badge-name")},"github"),m.default.createElement("span",{className:r("badge-version")},"source")):void 0;return m.default.createElement("div",{className:r("badge-container")},t,i)};p.propTypes=u;var x=p;a.Z=x},14873:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(28997),n=["components"];function t(){return t=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}var r={},u="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,d.mdx)(u,t({},r,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4380---january-10-2024"},"4.38.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:"4371---december-18-2023"},"4.37.1 - (December 18, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed"),(0,d.mdx)("li",{parentName:"ul"},"Added check to throw error when invalid data type is used for action buttons.")),(0,d.mdx)("h2",{id:"4370---december-11-2023"},"4.37.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"},"Changed the notification dialog heading \"Alert\" from 'div' tag with an 'h2' element.")))),(0,d.mdx)("h2",{id:"4360---november-23-2023"},"4.36.0 - (November 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed title getting announced twice.")))),(0,d.mdx)("h2",{id:"4350---october-11-2023"},"4.35.0 - (October 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:"4340---october-3-2023"},"4.34.0 - (October 3, 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:"4331---august-4-2023"},"4.33.1 - (August 4, 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:"4330---july-31-2023"},"4.33.0 - (July 31, 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:"4320---july-25-2023"},"4.32.0 - (July 25, 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:"4310---july-19-2023"},"4.31.0 - (July 19, 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:"4300---june-5-2023"},"4.30.0 - (June 5, 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:"4290---may-11-2023"},"4.29.0 - (May 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:"4280---april-27-2023"},"4.28.0 - (April 27, 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:"4270---march-29-2023"},"4.27.0 - (March 29, 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"},"Updated Jest snapshots.")))),(0,d.mdx)("h2",{id:"4260---march-1-2023"},"4.26.0 - (March 1, 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"},"Updated Jest snapshot for terra-button changes")))),(0,d.mdx)("h2",{id:"4250---february-14-2023"},"4.25.0 - (February 14, 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"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4240---december-13-2022"},"4.24.0 - (December 13, 2022)"),(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:"4230---march-15-2022"},"4.23.0 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,d.mdx)("h2",{id:"4220---november-16-2021"},"4.22.0 - (November 16, 2021)"),(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:"4210---november-9-2021"},"4.21.0 - (November 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated tests due to rounding differences in terra-abstract-modal")))),(0,d.mdx)("h2",{id:"4200---october-14-2021"},"4.20.0 - (October 14, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Reverted focus-trap-react upgrade due to passivity concerns")))),(0,d.mdx)("h2",{id:"4190---october-12-2021"},"4.19.0 - (October 12, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade focus-trap-react to version ^8.0.0.")))),(0,d.mdx)("h2",{id:"4180---september-20-2021"},"4.18.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,d.mdx)("h2",{id:"4170---july-21-2021"},"4.17.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-icon")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.19.0"),".")))),(0,d.mdx)("h2",{id:"4160---july-20-2021"},"4.16.0 - (July 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the upgrade guide to state to replace ",(0,d.mdx)("inlineCode",{parentName:"li"},"secondaryAction")," with ",(0,d.mdx)("inlineCode",{parentName:"li"},"rejectAction")," instead of ",(0,d.mdx)("inlineCode",{parentName:"li"},"primaryAction"))))),(0,d.mdx)("h2",{id:"4150---july-13-2021"},"4.15.0 - (July 13, 2021)"),(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:"4140---june-8-2021"},"4.14.0 - (June 8, 2021)"),(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:"4130---may-4-2021"},"4.13.0 - (May 4, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Regenerated screenshots involving a now removed defaulted implementation")))),(0,d.mdx)("h2",{id:"4120---april-6-2021"},"4.12.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"4110---march-9-2021"},"4.11.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,d.mdx)("h2",{id:"4100---february-9-2021"},"4.10.0 - (February 9, 2021)"),(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:"490---february-2-2021"},"4.9.0 - (February 2, 2021)"),(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:"480---january-26-2021"},"4.8.0 - (January 26, 2021)"),(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:"470---january-5-2021"},"4.7.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"460---december-8-2020"},"4.6.0 - (December 8, 2020)"),(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:"450---november-24-2020"},"4.5.0 - (November 24, 2020)"),(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:"440---november-10-2020"},"4.4.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,d.mdx)("li",{parentName:"ul"},"Updated jest due to changes in abstract modal.")))),(0,d.mdx)("h2",{id:"430---october-20-2020"},"4.3.0 - (October 20, 2020)"),(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:"420---october-13-2020"},"4.2.0 - (October 13, 2020)"),(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:"410---september-10-2020"},"4.1.0 - (September 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix the hazard-high translation for nl and add hazard-medium translations for nl and nl-BE")))),(0,d.mdx)("h2",{id:"400---august-27-2020"},"4.0.0 - (August 27, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"See ",(0,d.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/notification-dialog/upgrade-guide"},"Upgrade Guide")," for more information."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"dialogTitle")," prop to replace ",(0,d.mdx)("inlineCode",{parentName:"li"},"title")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"custom")," prop to set custom variant pieces"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Relaxed ",(0,d.mdx)("inlineCode",{parentName:"li"},"isOpen")," prop to be optional and set default value of false"),(0,d.mdx)("li",{parentName:"ul"},"Variants",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"variant")," prop to be required and set default value to undefined"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},'variant="success"')," / ",(0,d.mdx)("inlineCode",{parentName:"li"},"variant={NotificationDialogVariants.SUCCESS}")," from variant options"))),(0,d.mdx)("li",{parentName:"ul"},"Updated & backfilled orion-fusion-theme and clinical-lowlight-theme"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"title")," prop`"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"header")," prop - API no longer allows overriding default header (signal words)"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"customIcon")," prop - set custom.iconClassName instead"),(0,d.mdx)("li",{parentName:"ul"},"Removed deprecated ",(0,d.mdx)("inlineCode",{parentName:"li"},"primaryAction")," prop - use ",(0,d.mdx)("inlineCode",{parentName:"li"},"acceptAction")," prop instead"),(0,d.mdx)("li",{parentName:"ul"},"Removed deprecated ",(0,d.mdx)("inlineCode",{parentName:"li"},"secondaryAction")," prop - use ",(0,d.mdx)("inlineCode",{parentName:"li"},"rejectAction")," prop instead"),(0,d.mdx)("li",{parentName:"ul"},"Removed deprecated ",(0,d.mdx)("inlineCode",{parentName:"li"},"message")," prop - use ",(0,d.mdx)("inlineCode",{parentName:"li"},"startMessage")," prop instead"),(0,d.mdx)("li",{parentName:"ul"},"Removed NotificationDialogVariants")))),(0,d.mdx)("h2",{id:"3400---august-18-2020"},"3.40.0 - (August 18, 2020)"),(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:"3390---august-11-2020"},"3.39.0 - (August 11, 2020)"),(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:"3380---august-4-2020"},"3.38.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"3370---july-14-2020"},"3.37.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,d.mdx)("h2",{id:"3360---june-16-2020"},"3.36.0 - (June 16, 2020)"),(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:"3350---june-9-2020"},"3.35.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"3340---june-2-2020"},"3.34.0 - (June 2, 2020)"),(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:"3330---may-19-2020"},"3.33.0 - (May 19, 2020)"),(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:"3320---april-28-2020"},"3.32.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"3310---april-6-2020"},"3.31.0 - (April 6, 2020)"),(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:"3300---march-31-2020"},"3.30.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"3290---march-10-2020"},"3.29.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax")))),(0,d.mdx)("h2",{id:"3280---march-3-2020"},"3.28.0 - (March 3, 2020)"),(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:"3270---february-25-2020"},"3.27.0 - (February 25, 2020)"),(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:"3260---february-18-2020"},"3.26.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"3250---february-4-2020"},"3.25.0 - (February 4, 2020)"),(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:"3240---january-28-2020"},"3.24.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"3230---january-7-2020"},"3.23.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"isRequired")," for ",(0,d.mdx)("inlineCode",{parentName:"li"},"acceptAction")," and added custom validation for it.")))),(0,d.mdx)("h2",{id:"3220---december-16-2019"},"3.22.0 - (December 16, 2019)"),(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:"3210---december-10-2019"},"3.21.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"3200---november-20-2019"},"3.20.0 - (November 20, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"3190---november-18-2019"},"3.19.0 - (November 18, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"3180---november-7-2019"},"3.18.0 - (November 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"'message' prop has been deprecated, will resolve to 'startMessage'"),(0,d.mdx)("li",{parentName:"ul"},"'primaryAction' prop has been deprecated, will resolve to 'acceptAction'"),(0,d.mdx)("li",{parentName:"ul"},"'secondaryAction' prop has been deprecated, will resolve to 'rejectAction'"),(0,d.mdx)("li",{parentName:"ul"},"Notification Dialog maximum width set to constant value of 500px from 800px and is themable."),(0,d.mdx)("li",{parentName:"ul"},"Minor style adjustments for the new smaller dialog design."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added a 'startMessage' string prop that will display a message after 'title'"),(0,d.mdx)("li",{parentName:"ul"},"Added a 'content' node prop that will display the given node in the Dialog after 'startMessage'"),(0,d.mdx)("li",{parentName:"ul"},"Added an 'endMessage' string prop that will display a message after 'content'"),(0,d.mdx)("li",{parentName:"ul"},"Added 'acceptAction' prop that takes an object with a 'text' string and 'onClick' function attributes"),(0,d.mdx)("li",{parentName:"ul"},"Added 'rejectAction' prop that takes an object with a 'text' string and 'onClick' function attributes"),(0,d.mdx)("li",{parentName:"ul"},"Added 'buttonOrder' prop to determine order of accept and reject buttons"),(0,d.mdx)("li",{parentName:"ul"},"Added a 'emphasizedAction' oneOf to choose between emphasizing the accept button, reject button, or neither.")))),(0,d.mdx)("h2",{id:"3170---october-30-2019"},"3.17.0 - (October 30, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"3160---october-21-2019"},"3.16.0 - (October 21, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"3150---october-16-2019"},"3.15.0 - (October 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added terra-breakpoints to dependencies for the project")))),(0,d.mdx)("h2",{id:"3140---october-3-2019"},"3.14.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed extra comma from scss file.")))),(0,d.mdx)("h2",{id:"3130---september-26-2019"},"3.13.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Reverted Placeholder import in example files.")))),(0,d.mdx)("h2",{id:"3120---september-19-2019"},"3.12.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,d.mdx)("h2",{id:"3110---september-6-2019"},"3.11.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1"))))),(0,d.mdx)("h2",{id:"3100---august-21-2019"},"3.10.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated bracket formatting in test files to match eslint 6 rules.")))),(0,d.mdx)("h2",{id:"390---august-14-2019"},"3.9.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio snapshots with new button focus outline styles"),(0,d.mdx)("li",{parentName:"ul"},"Updated to interface with react-intl's ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," rather than old React Context API."),(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"380---july-30-2019"},"3.8.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,d.mdx)("h2",{id:"371---july-23-2019"},"3.7.1 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,d.mdx)("h2",{id:"370---july-23-2019"},"3.7.0 - (July 23, 2019)"),(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:"360---july-16-2019"},"3.6.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"350---july-10-2019"},"3.5.0 - (July 10, 2019)"),(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:"340---july-2-2019"},"3.4.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated max-width to be ",(0,d.mdx)("inlineCode",{parentName:"li"},"800px")," for screen size greater than 768px."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update pop up and modal manager tests to not test accessibility for elements behind the overlay"),(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"330---june-19-2019"},"3.3.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,d.mdx)("h2",{id:"320---june-12-2019"},"3.2.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Pressing escape key no longer disables the focus trap in notification dialog, users must make a selection of one of the notification dialog buttons to dismiss the notification dialog")))),(0,d.mdx)("h2",{id:"310---may-21-2019"},"3.1.0 - (May 21, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"300---may-13-2019"},"3.0.0 - (May 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"requestFocus")," prop"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added component specific handler for Escape key usage with Notification Dialog"),(0,d.mdx)("li",{parentName:"ul"},"Added focus trap to Notification Dialog")))),(0,d.mdx)("h2",{id:"2120---may-7-2019"},"2.12.0 - (May 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshot")))),(0,d.mdx)("h2",{id:"2110---april-24-2019"},"2.11.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"2100---april-16-2019"},"2.10.0 - (April 16, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"290---april-9-2019"},"2.9.0 - (April 9, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"280---april-2-2019"},"2.8.0 - (April 2, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"270---march-26-2019"},"2.7.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"260---march-20-2019"},"2.6.0 - (March 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,d.mdx)("h2",{id:"250---march-12-2019"},"2.5.0 - (March 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing nl-BE translation")))),(0,d.mdx)("h2",{id:"240---march-5-2019"},"2.4.0 - (March 5, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"230---february-26-2019"},"2.3.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to set the viewport at the top-level instead of in each test's before hook for faster execution")))),(0,d.mdx)("h2",{id:"220---february-13-2019"},"2.2.0 - (February 13, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"210---february-5-2019"},"2.1.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed focus trap management")))),(0,d.mdx)("h2",{id:"200---january-25-2019"},"2.0.0 - (January 25, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated variable names to match new naming standard"),(0,d.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,d.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,d.mdx)("h2",{id:"1170---january-5-2019"},"1.17.0 - (January 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed onRequestClose prop.")))),(0,d.mdx)("h2",{id:"1160---january-2-2019"},"1.16.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated dev site examples to not have duplicate ids."),(0,d.mdx)("li",{parentName:"ul"},"Updated dev site to have logically nested headings."),(0,d.mdx)("li",{parentName:"ul"},"Updated dev site examples to not use form tags.")))),(0,d.mdx)("h2",{id:"1150---december-5-2018"},"1.15.0 - (December 5, 2018)"),(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 update")))),(0,d.mdx)("h2",{id:"1140---december-3-2018"},"1.14.0 - (December 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing ar, es-ES, es-US, fr-FR, and pt-BR translations."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor improvements to doc examples"),(0,d.mdx)("li",{parentName:"ul"},"Updated examples to consume terra-disclosure-manager v3.x"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed dependency on terra-app-delegate package.")))),(0,d.mdx)("h2",{id:"1130---november-15-2018"},"1.13.0 - (November 15, 2018)"),(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 update")))),(0,d.mdx)("h2",{id:"1120---october-30-2018"},"1.12.0 - (October 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed icon display in notification dialog in IE")))),(0,d.mdx)("h2",{id:"1110---october-16-2018"},"1.11.0 - (October 16, 2018)"),(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 update")))),(0,d.mdx)("h2",{id:"1100---october-8-2018"},"1.10.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,d.mdx)("h2",{id:"190---september-25-2018"},"1.9.0 - (September 25, 2018)"),(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 bump")))),(0,d.mdx)("h2",{id:"180---september-5-2018"},"1.8.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"170---august-30-2018"},"1.7.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,d.mdx)("h2",{id:"160---august-13-2018"},"1.6.0 - (August 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,d.mdx)("h2",{id:"150---july-26-2018"},"1.5.0 - (July 26, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"140---july-25-2018"},"1.4.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"sv")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"sv-SE")," translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"130---july-17-2018"},"1.3.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed usage of CSS ",(0,d.mdx)("inlineCode",{parentName:"li"},"initial")," value because Internet Explorer does not support it")))),(0,d.mdx)("h2",{id:"120---july-3-2018"},"1.2.0 - (July 3, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"110---june-29-2018"},"1.1.0 - (June 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed naming of aria-label prop being passed to AbstractModal"))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"100---june-19-2018"},"1.0.0 - (June 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=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}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},28997:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-notification-dialog",name:"terra-notification-dialog",version:"4.38.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/15129-6d152817a7a118de16ae.css b/15129-6d152817a7a118de16ae.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/15129-6d152817a7a118de16ae.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/15129-6d152817a7a118de16ae.js b/15129-6d152817a7a118de16ae.js new file mode 100644 index 000000000..d3a2bccfe --- /dev/null +++ b/15129-6d152817a7a118de16ae.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15129,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,n){var r=n(64836);a.Z=void 0;var t=r(n(67294)),l=r(n(45697)),o=r(n(19845)),i=r(n(17422)),d=o.default.bind(i.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var a=e.src,n=e.name,r=e.url,l=e.version,o=t.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},t.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:d("badge-version")},"v".concat(l))),i=a?t.default.createElement("a",{className:d("badge"),href:a},t.default.createElement("span",{className:d("badge-name")},"github"),t.default.createElement("span",{className:d("badge-version")},"source")):void 0;return t.default.createElement("div",{className:d("badge-container")},o,i)};m.propTypes=u;var s=m;a.Z=s},15129:function(e,a,n){n.r(a),n.d(a,{default:function(){return m}});n(67294);var r=n(81254),t=n(93626),l=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var d={},u="wrapper";function m(e){var a=e.components,n=i(e,l);return(0,r.mdx)(u,o({},d,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-i18nconfigjs"},"terra-i18n.config.js"),(0,r.mdx)("p",null,"The terra-i18n.config.js is used to define the locales for a terra-application."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"module.exports = {\n locales: ['en', 'en-US'],\n};\n")),(0,r.mdx)("h2",{id:"options"},"Options"),(0,r.mdx)("h3",{id:"locale-optional"},"locale (Optional)"),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"scoped")," option accepts an array of locales to include in the application."),(0,r.mdx)("h2",{id:"supported-locales"},"Supported Locales"),(0,r.mdx)("p",null,"Terra supports the following locales:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"en"),(0,r.mdx)("li",{parentName:"ul"},"en-AU"),(0,r.mdx)("li",{parentName:"ul"},"en-CA"),(0,r.mdx)("li",{parentName:"ul"},"en-US"),(0,r.mdx)("li",{parentName:"ul"},"en-GB"),(0,r.mdx)("li",{parentName:"ul"},"es"),(0,r.mdx)("li",{parentName:"ul"},"es-US"),(0,r.mdx)("li",{parentName:"ul"},"es-ES"),(0,r.mdx)("li",{parentName:"ul"},"de"),(0,r.mdx)("li",{parentName:"ul"},"fr"),(0,r.mdx)("li",{parentName:"ul"},"fr-FR"),(0,r.mdx)("li",{parentName:"ul"},"nl"),(0,r.mdx)("li",{parentName:"ul"},"nl-BE"),(0,r.mdx)("li",{parentName:"ul"},"pt"),(0,r.mdx)("li",{parentName:"ul"},"pt-BR"),(0,r.mdx)("li",{parentName:"ul"},"sv"),(0,r.mdx)("li",{parentName:"ul"},"sv-SE")))}m.isMDXComponent=!0},93626:function(e,a,n){n.d(a,{C:function(){return l}});var r=n(67294),t=n(22863),l=function(e){var a=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/webpack-config-terra",name:"@cerner/webpack-config-terra",version:"3.3.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/15145-e5bdcbb82432e67799a0.css b/15145-e5bdcbb82432e67799a0.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/15145-e5bdcbb82432e67799a0.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/15145-e5bdcbb82432e67799a0.js b/15145-e5bdcbb82432e67799a0.js new file mode 100644 index 000000000..93dcfae0b --- /dev/null +++ b/15145-e5bdcbb82432e67799a0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15145,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,l,a){var m=a(64836);l.Z=void 0;var d=m(a(67294)),n=m(a(45697)),r=m(a(19845)),u=m(a(17422)),i=r.default.bind(u.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var l=e.src,a=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:i("badge"),href:m||"https://www.npmjs.org/package/".concat(a,"/v/").concat(n)},d.default.createElement("span",{className:i("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(n))),u=l?d.default.createElement("a",{className:i("badge"),href:l},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;var x=p;l.Z=x},15145:function(e,l,a){a.r(l),a.d(l,{default:function(){return c}});a(67294);var m=a(81254),d=a(25612),n=["components"];function r(){return r=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}var i={},t="wrapper";function p(e){var l=e.components,a=u(e,n);return(0,m.mdx)(t,r({},i,a,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"4550---november-13-2023"},"4.55.0 - (November 13, 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:"4540---october-23-2023"},"4.54.0 - (October 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:"4530---august-23-2023"},"4.53.0 - (August 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:"4520---august-1-2023"},"4.52.0 - (August 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:"4510---february-15-2023"},"4.51.0 - (February 15, 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 functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"4500---december-7-2022"},"4.50.0 - (December 7, 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:"4490---february-2-2022"},"4.49.0 - (February 2, 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"},"Migrate docs to terra core docs.")))),(0,m.mdx)("h2",{id:"4480---september-28-2021"},"4.48.0 - (September 28, 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:"4470---september-21-2021"},"4.47.0 - (September 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"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"4460---july-6-2021"},"4.46.0 - (July 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4450---may-11-2021"},"4.45.0 - (May 11, 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:"4440---april-13-2021"},"4.44.0 - (April 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:"4430---april-6-2021"},"4.43.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"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"4420---february-2-2021"},"4.42.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:"4410---january-5-2021"},"4.41.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:"4400---december-8-2020"},"4.40.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"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"4390---november-17-2020"},"4.39.0 - (November 17, 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:"4380---october-27-2020"},"4.38.0 - (October 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4370---october-20-2020"},"4.37.0 - (October 20, 2020)"),(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 incorrect documentation.")))),(0,m.mdx)("h2",{id:"4360---august-11-2020"},"4.36.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"},"Add missing theme variables")))),(0,m.mdx)("h2",{id:"4350---august-6-2020"},"4.35.0 - (August 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:"4340---august-4-2020"},"4.34.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4330---july-29-2020"},"4.33.0 - (July 29, 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 changelog formatting")))),(0,m.mdx)("h2",{id:"4320---july-7-2020"},"4.32.0 - (July 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:"4310---june-9-2020"},"4.31.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 changes to comply with eslint rules"),(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"),(0,m.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,m.mdx)("h2",{id:"4300---may-19-2020"},"4.30.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:"4290---april-28-2020"},"4.29.0 - (April 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"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"4280---april-22-2020"},"4.28.0 - (April 22, 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:"4270---april-14-2020"},"4.27.0 - (April 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"},"Updated documentation link in README"),(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"4260---march-10-2020"},"4.26.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4250---february-18-2020"},"4.25.0 - (February 18, 2020)"),(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 generated-themes to .npmignore")))),(0,m.mdx)("h2",{id:"4240---february-4-2020"},"4.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:"4230---january-28-2020"},"4.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4220---january-7-2020"},"4.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:"4210---december-3-2019"},"4.21.0 - (December 3, 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 orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"4200---october-30-2019"},"4.20.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4190---october-3-2019"},"4.19.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 version bump")))),(0,m.mdx)("h2",{id:"4180---september-19-2019"},"4.18.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)("h2",{id:"4170---september-6-2019"},"4.17.0 - (September 6, 2019)"),(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"},"Props table markdown file import added to doc site page"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Only apply ",(0,m.mdx)("inlineCode",{parentName:"li"},"color: inherit")," if no colorClass is provided")))),(0,m.mdx)("h2",{id:"4160---september-3-2019"},"4.16.0 - (September 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 version bump")))),(0,m.mdx)("h2",{id:"4150---august-21-2019"},"4.15.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"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"4140---august-14-2019"},"4.14.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:"4130---july-30-2019"},"4.13.0 - (July 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4120---july-24-2019"},"4.12.0 - (July 24, 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:"4110---july-16-2019"},"4.11.0 - (July 16, 2019)"),(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 documentation on required peerDependencies"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,m.mdx)("h2",{id:"4100----july-11-2019"},"4.10.0 - (July 11, 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:"490---july-9-2019"},"4.9.0 - (July 9, 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:"480---june-28-2019"},"4.8.0 - (June 28, 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:"470---june-18-2019"},"4.7.0 - (June 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"},"Minor dependency bump")))),(0,m.mdx)("h2",{id:"460---june-11-2019"},"4.6.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(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 node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"450---may-1-2019"},"4.5.0 - (May 1, 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:"440---april-16-2019"},"4.4.0 - (April 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:"431---april-9-2019"},"4.3.1 - (April 9, 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"},"Added max-width: 100% style when isWordWrapped prop is set to enable prop word wrapping in IE")))),(0,m.mdx)("h2",{id:"430---april-9-2019"},"4.3.0 - (April 9, 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:"420---march-26-2019"},"4.2.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(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 peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"410---march-21-2019"},"4.1.0 - (March 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:"400---february-26-2019"},"4.0.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed color prop")))),(0,m.mdx)("h2",{id:"330---february-12-2019"},"3.3.0 - (February 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 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:"310---january-26-2019"},"3.1.0 - (January 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 version bump")))),(0,m.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 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 theme variables")))),(0,m.mdx)("h2",{id:"2320---january-22-2019"},"2.32.0 - (January 22, 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 to fix major version bump issues")))),(0,m.mdx)("h2",{id:"2310---january-8-2019"},"2.31.0 - (January 8, 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:"2300---january-2-2019"},"2.30.0 - (January 2, 2019)"),(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 isWordWrapped prop"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(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 dependency on terra-heading")))),(0,m.mdx)("h2",{id:"2291---november-20-2018"},"2.29.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2290---november-19-2018"},"2.29.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2280---november-13-2018"},"2.28.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---november-9-2018"},"2.27.0 - (November 9, 2018)"),(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 additional font sizes"),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"300")," option for weight prop"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed lint errors")))),(0,m.mdx)("h2",{id:"2260---october-24-2018"},"2.26.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2250---october-16-2018"},"2.25.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2240---october-8-2018"},"2.24.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2230---october-2-2018"},"2.23.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Exports for text font size and weight added.")))),(0,m.mdx)("h2",{id:"2220---september-25-2018"},"2.22.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2211---september-6-2018"},"2.21.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2210---september-5-2018"},"2.21.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2200---september-4-2018"},"2.20.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2190---august-29-2018"},"2.19.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2180---august-1-2018"},"2.18.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2170---july-19-2018"},"2.17.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2160---july-17-2018"},"2.16.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,m.mdx)("h2",{id:"2150---july-10-2018"},"2.15.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2140---june-28-2018"},"2.14.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(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 change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2130---june-22-2018"},"2.13.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,m.mdx)("h2",{id:"2120---june-12-2018"},"2.12.0 - (June 12, 2018)"),(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 "test:jest" script to work on windows.')))),(0,m.mdx)("h2",{id:"2110---may-30-2018"},"2.11.0 - (May 30, 2018)"),(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 structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fix",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Incorrect line-height inheritance.")))),(0,m.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(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 props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(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 peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(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 to use React 16")))),(0,m.mdx)("h2",{id:"1170---february-1-2018"},"1.17.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1160---january-18-2018"},"1.16.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1150---january-5-2018"},"1.15.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---november-28-2017"},"1.14.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---november-16-2017"},"1.13.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---october-24-2017"},"1.12.0 - (October 24, 2017)"),(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 nightwatch tests to stop checking the computed value for bold and normal font weights.")))),(0,m.mdx)("h2",{id:"1110---october-6-2017"},"1.11.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1100---september-26--2017"},"1.10.0 - (September 26 , 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"190---september-19-2017"},"1.9.0 - (September 19, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---september-12-2017"},"1.8.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"170---september-7-2017"},"1.7.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"160---september-5-2017"},"1.6.0 - (September 5, 2017)"),(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 nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"150---august-31-2017"},"1.5.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---august-15-2017"},"1.4.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,m.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(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 nightwatch.config file")))),(0,m.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=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}var s={},h="wrapper";function c(e){var l=e.components,a=N(e,x);return(0,m.mdx)(h,o({},s,a,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},25612:function(e,l,a){a.d(l,{C:function(){return n}});var m=a(67294),d=a(22863),n=function(e){var l=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-text",name:"terra-text",version:"4.55.0",url:l})}},17422:function(e,l,a){a.r(l),l.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/15249-9bf7c6a16c700be13334.css b/15249-9bf7c6a16c700be13334.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/15249-9bf7c6a16c700be13334.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/15249-9bf7c6a16c700be13334.js b/15249-9bf7c6a16c700be13334.js new file mode 100644 index 000000000..951bb55d8 --- /dev/null +++ b/15249-9bf7c6a16c700be13334.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15249,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),i=a(n(45697)),o=a(n(19845)),l=a(n(17422)),d=o.default.bind(l.default),u={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},s=function(e){var t=e.src,n=e.name,a=e.url,i=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(i))),l=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,l)};s.propTypes=u;var c=s;t.Z=c},40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),r=u(n(45697)),i=u(n(19845)),o=u(n(50026)),l=u(n(66983)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=i.default.bind(l.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:r.default.string},g=function(e){var t=e.children,n=c(e,d),r=a.default.useContext(o.default),l=(0,i.default)(p(["button",r.className]),n.className);return a.default.createElement("button",s({},n,{type:"button",className:l,onBlur:m,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};g.propTypes=h;t.default=g},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),i=d(n(19845)),o=d(n(50026)),l=d(n(30866));function d(e){return e&&e.__esModule?e:{default:e}}var u=i.default.bind(l.default),s={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,i=a.default.useContext(o.default);return a.default.createElement("div",{className:u("notice",n,i.className)},a.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:u("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};c.propTypes=s,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(67294)),r=s(n(45697)),i=s(n(93967)),o=s(n(19845)),l=s(n(50026)),d=s(n(42620)),u=["title"];function s(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=o.default.bind(d.default),f={title:r.default.string},h=function(e){var t=e.title,n=p(e,u),r=a.default.useContext(l.default),o=(0,i.default)(m(["placeholder",r.className]),n.className),d=m(["inner"]);return a.default.createElement("div",c({},n,{className:o}),a.default.createElement("div",{className:d},a.default.createElement("p",{className:m("title")},t)))};h.propTypes=f,h.defaultProps={title:""};t.default=h},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=o(n(59278)),r=o(n(47306)),i=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},15249:function(e,t,n){n.r(t),n.d(t,{default:function(){return c}});n(67294);var a=n(81254),r=n(81510),i=n(34261),o=["components"];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 i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={},s="wrapper";function c(e){var t=e.components,n=d(e,o);return(0,a.mdx)(s,l({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terradevsite"},"TerraDevSite"),(0,a.mdx)("p",null,"TerraDevSite is a webpack plugin for generating a documentation and testing site for content built with the terra application framework."),(0,a.mdx)("h2",{id:"installation"},"Installation"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-bash"},"npm install --save-dev @cerner/terra-dev-site\n")),(0,a.mdx)("h2",{id:"prerequisites"},"Prerequisites"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"node 10"),(0,a.mdx)("li",{parentName:"ul"},"babel 7.5"),(0,a.mdx)("li",{parentName:"ul"},"webpack 4/5"),(0,a.mdx)("li",{parentName:"ul"},"webpack config from either terra-toolkit or @cerner/webpack-config-terra")),(0,a.mdx)("h2",{id:"setting-up-webpack-config"},"Setting up webpack config"),(0,a.mdx)("p",null,"Below is an example webpack config that applies the TerraDevSite Plugin."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,a.mdx)("h2",{id:"adding-content"},"Adding content"),(0,a.mdx)("p",null,"The TerraDevSite Plugin will search the ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," folder for files with a defined content extension, typically ",(0,a.mdx)("inlineCode",{parentName:"p"},"test")," or ",(0,a.mdx)("inlineCode",{parentName:"p"},"doc"),". The default export from those files will be imported into the generated dev site and organized based on file structure."),(0,a.mdx)("h3",{id:"file-naming"},"File Naming"),(0,a.mdx)("p",null,"Files need to be named using the correct 'contentExtension' and file extension to be added to the site. This will allow you to add any additional files to support your examples and only have the specified files added as entries to the site. The file name pattern is:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"...\n")),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"filename - This is the name that will be added to the secondary navigation layout for the site. These are sorted alphabetically."),(0,a.mdx)("li",{parentName:"ul"},"group - (optional) This allows you to sort menu items. The group is sorted alphabetically before items without a group."),(0,a.mdx)("li",{parentName:"ul"},"contentExtension - This indicates which primary navigation item the content will be rendered under. The default pageTypes are ",(0,a.mdx)("inlineCode",{parentName:"li"},"home"),", ",(0,a.mdx)("inlineCode",{parentName:"li"},"doc"),", and ",(0,a.mdx)("inlineCode",{parentName:"li"},"test"),"."),(0,a.mdx)("li",{parentName:"ul"},"extension - .md and .mdx extensions are supported by default. Other extensions can be added by updating the projects webpack config by adding additional extensions to the resolve field.")),(0,a.mdx)("h3",{id:"directories"},"Directories"),(0,a.mdx)("p",null,"The directories within the entry point folder, TerraDevSite, will be translated into the menu structure. The one exception is if you have a 'contentExtension' directory inside the entry point folder, it will be ignored. This lets you group page types together without impacting your site."),(0,a.mdx)("h3",{id:"example"},"Example"),(0,a.mdx)("p",null,"Given a directory structure like this:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"src/\n terra-dev-site/\n doc/\n upgradeGuide.a.doc.md\n examples.c/\n supportingFile.js\n myGreatExample.doc.jsx\n example.b.doc.js\n test/\n testfile.test.js\n docInTestFolder.doc.js\n")),(0,a.mdx)("p",null,"The menu navigation result will be:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"-Components-\n Upgrade Guide\n Example\n Examples >\n My Great Example\n Test >\n Doc In Test Folder\n-Test-\n Testfile\n")),(0,a.mdx)("h2",{id:"url-generation"},"URL generation"),(0,a.mdx)("p",null,"Urls are generated with the following pattern:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"/////\n")),(0,a.mdx)("h2",{id:"path-based-routing-deployments"},"Path based routing deployments"),(0,a.mdx)(i.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,"To support path based routing for gh-pages style deployments, you must supply an env variable, ",(0,a.mdx)("inlineCode",{parentName:"p"},"TERRA_DEV_SITE_PUBLIC_PATH"),", describing the path for assets to be served from.")),(0,a.mdx)("p",null,"For example, for a page hosted on github pages with a url of: ",(0,a.mdx)("a",{parentName:"p",href:"http://cerner.github.com/terra-dev-site"},"http://cerner.github.com/terra-dev-site"),". The environment variable should be set as follows."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-bash"},"TERRA_DEV_SITE_PUBLIC_PATH='/terra-dev-site/'\n")),(0,a.mdx)("p",null,"Without the environment variable set assets will assume they are served from ",(0,a.mdx)("inlineCode",{parentName:"p"},"/")," when they should be served from ",(0,a.mdx)("inlineCode",{parentName:"p"},"/terra-dev-site/")),(0,a.mdx)("h2",{id:"further-configuration"},"Further configuration:"),(0,a.mdx)("p",null,"TerraDevSite is built to work out of the box but it also provides many configuration options to allow you to customize your site."),(0,a.mdx)("p",null,"Check out our ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/dev_tools/cerner-terra-application-docs/terra-dev-site/configuration"},"configuration docs"),"."),(0,a.mdx)("h2",{id:"hot-reloading"},"Hot reloading"),(0,a.mdx)("p",null,"When building for development TerraDevSite will search for content in the defined ",(0,a.mdx)("inlineCode",{parentName:"p"},"sourceFolder"),", src by default. Any imports that point to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"distributionFolder"),", 'lib' by default, will automatically be redirected to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"sourceFolder")," instead. Hot reloading watches for any changes in the ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," directory and will re generate the site."),(0,a.mdx)("p",null,"When building for production, hot reloading will be disabled."),(0,a.mdx)("p",null,"It is recommend that if a directory must be defined, imports should pull from the lib directory. With the exception of the props table loader which must pull from the source directory."),(0,a.mdx)("h2",{id:"auto-package-aliasing"},"Auto Package Aliasing"),(0,a.mdx)("p",null,"TerraDevSite will automatically alias the current directory as the package name, allowing examples to import files as if they were a consumer of the package. This results in examples that are representative of actual consumer implementations."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-diff"},"- import Component from '../../Component';\n+ import Component from 'PackageName/Component';\n")),(0,a.mdx)("h2",{id:"pulling-content-from-node-modules"},"Pulling content from node modules"),(0,a.mdx)("p",null,"TerraDevSite allows for distributed documentation to be pulled together in a single site. We use this extensively for our terra-ui doc site."),(0,a.mdx)("p",null,"To add additional search directories, simply provide the full path to the additional directories you'd like to search in the terra config using the ",(0,a.mdx)("inlineCode",{parentName:"p"},"additionalSearchDirectories")," config option."),(0,a.mdx)("p",null,"For Example:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"const path = require('path');\nconst terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n additionalSearchDirectories: [\n path.resolve(process.cwd(), 'node_modules', 'package name', 'lib', 'terra-dev-site'),\n ],\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,a.mdx)("p",null,"Additional Search Directories will not be hot reloaded."),(0,a.mdx)("h2",{id:"testing"},"Testing"),(0,a.mdx)(i.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,"To Flex the locale with the ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-functional-testing")," package, ",(0,a.mdx)("inlineCode",{parentName:"p"},"env.defaultLocale")," must be passed to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"defaultLocale")," env is set as a part of the WDIO test service and must be passed into the ",(0,a.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin to ensure locale tests are run appropriately.")),(0,a.mdx)("h2",{id:"stacking-devsites"},"Stacking DevSites"),(0,a.mdx)("p",null,"TerraDevSites plugins can be stacked and will automatically add an application switcher to allow switching between dev sites.\nThis can be used to provide different default setups for TerraDevSites, for example an unauthenticated site that provides a link to an authenticated site."),(0,a.mdx)("p",null,"The webpack config would look like this:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n }),\n new TerraDevSite({\n pathPrefix: 'anotherSite',\n defaultLocale: env.defaultLocale,\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,a.mdx)(i.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"pathPrefix")," must be unique for all instances of the TerraDevSite Plugin as it is used in the url.")))}c.isMDXComponent=!0},81510:function(e,t,n){n.d(t,{C:function(){return i}});var a=n(67294),r=n(22863),i=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-application/tree/main/packages/terra-dev-site",name:"@cerner/terra-dev-site",version:"7.11.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]); \ No newline at end of file diff --git a/15295-05b473cc4884f478c229.css b/15295-05b473cc4884f478c229.css new file mode 100644 index 000000000..eb9a3ddb0 --- /dev/null +++ b/15295-05b473cc4884f478c229.css @@ -0,0 +1,7 @@ +._ClearOption-module__clinical-lowlight-theme___didEg{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___KZPgR{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___0FCZT{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___0FCZT{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._NoResults-module__clinical-lowlight-theme___M\+a9V{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___6lA58{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___k4m2B{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___k4m2B{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Toggle-module__toggle___7F95e[aria-hidden=true]{opacity:0;transition:visibility 0s linear .5s,opacity .5s linear;visibility:hidden}.Toggle-module__toggle___7F95e[aria-hidden=false]{opacity:1;visibility:visible}[dir] .Toggle-module__toggle___7F95e[aria-hidden=false]{transition-delay:0s} +.ToggleButton-module__toggle-button___eo1aB{display:block}.ToggleButton-module__icon___mFdVK{display:inline-block;line-height:1}[dir] .ToggleButton-module__icon___mFdVK{transform:rotate(0deg)}.ToggleButton-module__icon___mFdVK svg{font-size:.8em;position:relative;top:-0.14em}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ToggleButton-module__icon___mFdVK svg{top:-0.07em}}[dir=ltr] .ToggleButton-module__is-open___W1RlO .ToggleButton-module__icon___mFdVK{transform:rotate(90deg)}[dir=rtl] .ToggleButton-module__is-open___W1RlO .ToggleButton-module__icon___mFdVK{transform:rotate(-90deg)}.ToggleButton-module__is-icon-animated___4e24X .ToggleButton-module__icon___mFdVK{transition:transform .15s ease-in}.ToggleButton-module__is-open___W1RlO.ToggleButton-module__is-icon-animated___4e24X .ToggleButton-module__icon___mFdVK{transition:transform .15s ease-in}[dir=ltr] .ToggleButton-module__button-text___\+N0CK{padding-left:.3rem}[dir=rtl] .ToggleButton-module__button-text___\+N0CK{padding-right:.3rem} +.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/15295-05b473cc4884f478c229.js b/15295-05b473cc4884f478c229.js new file mode 100644 index 000000000..f45bf0045 --- /dev/null +++ b/15295-05b473cc4884f478c229.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15295,33667,96890,16873,78996,39915,33442],{49060:function(e,t,n){t.Z=void 0;var r=i(n(67294)),a=n(34614),l=i(n(15858)),o=i(n(29270));function i(e){return e&&e.__esModule?e:{default:e}}var d=[{"aria-describedby":"submittimesheet",id:"Submit",key:1,text:"Submit",variant:"emphasis"},{"aria-describedby":"canceltimesheet",id:"Cancel",key:2,text:"Cancel"}];t.Z=function(){return r.default.createElement("div",null,r.default.createElement(o.default,{"aria-hidden":!0,id:"submittimesheet",text:"Select to Submit Timesheet"}),r.default.createElement(o.default,{"aria-hidden":!0,id:"canceltimesheet",text:"Select to Cancel Timesheet"}),r.default.createElement(l.default,{message:"Once submitted cannot be revised",customGlyph:r.default.createElement(a.IconDueSoon,null),title:"Timesheet",buttonAttrs:d}),r.default.createElement("p",null,"Note: Action button labels should provide a proper message or title. To meet accessibility guidelines, use ARIA attributes (such as `aria-label`) to provide context."))}},13375:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.Z=void 0;var a,l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=l?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(a,o,d):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(67294)),o=(a=n(15858))&&a.__esModule?a:{default:a};function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],d=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;d=!1}else for(;!(d=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);d=!0);}catch(e){u=!0,a=e}finally{try{if(!d&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return u(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={};function p(e){var t=e.components,n=u(e,i);return(0,a.mdx)("wrapper",d({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport StatusView from \'terra-status-view\';\nimport SingleSelectField from \'terra-form-select/lib/SingleSelectField\';\nimport Button from \'terra-button\';\n\nconst ToggleVariants = () => {\n const [variant, setVariant] = useState(\'error\');\n const [selectValue, setSelectValue] = useState(\'error\');\n\n const handleOnSelect = (value) => setSelectValue(value);\n\n const handleOnClick = () => setVariant(selectValue);\n\n return (\n
\n \n \n \n \n \n \n \n
\n );\n};\n\nexport default ToggleVariants;\n\n')))}p.isMDXComponent=!0;var c=n(49271),m=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.Z,{title:t||"Toggle Variants",description:n,example:r.createElement(o.Z,null),exampleSrc:r.createElement(p,null),isExpanded:a})},f=n(13375),y=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var h={};function g(e){var t=e.components,n=x(e,y);return(0,a.mdx)("wrapper",b({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport StatusView from \'terra-status-view\';\n\nconst ToggleAlignmentAndGlyph = () => {\n const [isAlignedTop, setIsAlignedTop] = useState(false);\n const [isGlyphHidden, setIsGlyphHidden] = useState(false);\n\n const handleOnAlignChange = () => {\n setIsAlignedTop(!isAlignedTop);\n };\n\n const handleOnGlyphChange = () => {\n setIsGlyphHidden(!isGlyphHidden);\n };\n\n /* eslint-disable react/forbid-dom-props */\n return (\n
\n
\n \n
\n
\n Toggle alignment and glyph\n
\n \n \n
\n
\n \n \n
\n
\n
\n );\n};\n\nexport default ToggleAlignmentAndGlyph;\n\n')))}g.isMDXComponent=!0;var v=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.Z,{title:t||"Toggle Alignment And Glyph",description:n,example:r.createElement(f.Z,null),exampleSrc:r.createElement(g,null),isExpanded:a})},O=n(49060),T=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var w={};function E(e){var t=e.components,n=S(e,T);return(0,a.mdx)("wrapper",_({},w,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { IconDueSoon } from 'terra-icon';\nimport StatusView from 'terra-status-view';\nimport VisuallyHiddenText from 'terra-visually-hidden-text';\n\nconst StatusViewButtons = [\n {\n 'aria-describedby': 'submittimesheet',\n id: 'Submit',\n key: 1,\n text: 'Submit',\n variant: 'emphasis',\n }, {\n 'aria-describedby': 'canceltimesheet',\n id: 'Cancel',\n key: 2,\n text: 'Cancel',\n },\n];\n\nconst Custom = () => (\n
\n \n \n }\n title=\"Timesheet\"\n buttonAttrs={StatusViewButtons}\n />\n

\n Note: Action button labels should provide a proper message or title. To meet accessibility guidelines, use ARIA attributes (such as `aria-label`) to provide context.\n

\n
\n);\n\nexport default Custom;\n\n")))}E.isMDXComponent=!0;var C=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.Z,{title:t||"Custom",description:n,example:r.createElement(O.Z,null),exampleSrc:r.createElement(E,null),isExpanded:a})},j=n(89049),N=["components"];function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var I={};function k(e){var t=e.components,n=P(e,N);return(0,a.mdx)("wrapper",A({},I,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport StatusView from 'terra-status-view';\nimport ToggleButton from 'terra-toggle-button';\n\nconst ToggleStatusView = () => (\n \n \n \n);\n\nexport default ToggleStatusView;\n\n")))}k.isMDXComponent=!0;var R=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.Z,{title:t||"Toggle Status View",description:n,example:r.createElement(j.Z,null),exampleSrc:r.createElement(k,null),isExpanded:a})},V=n(78530),D=["components"];function M(){return M=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var B={},G="wrapper";function W(e){var t=e.components,n=q(e,D);return(0,a.mdx)(G,M({},B,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(V.ZP,{mdxType:"PropsTable"},(0,a.mdx)(V.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(V.O,{mdxType:"PropNameCell"},"buttonAttrs"),(0,a.mdx)(V.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n 0: {\n type: 'undefined',\n },\n 1: {\n type: 'undefined',\n },\n 2: {\n type: 'undefined',\n },\n 3: {\n type: 'undefined',\n },\n 4: {\n type: 'undefined',\n },\n 5: {\n type: 'undefined',\n },\n 6: {\n type: 'undefined',\n },\n 7: {\n type: 'undefined',\n },\n 8: {\n type: 'undefined',\n },\n 9: {\n type: 'undefined',\n },\n 10: {\n type: 'undefined',\n },\n 11: {\n type: 'undefined',\n },\n 12: {\n type: 'undefined',\n },\n 13: {\n type: 'undefined',\n },\n 14: {\n type: 'undefined',\n },\n 15: {\n type: 'undefined',\n },\n },\n}],\n"))),(0,a.mdx)(V.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(V.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,a.mdx)(V.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"An array of objects containing terra-button properties. A key attribute is required for each object.\nThis array is used to render buttons in the bottom section.\nExample:",(0,a.mdx)("inlineCode",{parentName:"p"},"[{ text: 'Button 1', key: 1, variant: 'neutral', onClick: onClickFunction}]")))),(0,a.mdx)(V.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(V.O,{mdxType:"PropNameCell"},"customGlyph"),(0,a.mdx)(V.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(V.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(V.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(V.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Display a custom glyph. Overrides a variant's default glyph.\nSet ",(0,a.mdx)("inlineCode",{parentName:"p"},"focusable=false")," for svg element used as ",(0,a.mdx)("inlineCode",{parentName:"p"},"customGlyph"),"."))),(0,a.mdx)(V.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(V.O,{mdxType:"PropNameCell"},"isAlignedTop"),(0,a.mdx)(V.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(V.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(V.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(V.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,'Aligns the component at the top of the container rather than "centered"'))),(0,a.mdx)(V.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(V.O,{mdxType:"PropNameCell"},"isGlyphHidden"),(0,a.mdx)(V.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(V.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(V.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(V.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Determines if the glyph should be displayed."))),(0,a.mdx)(V.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(V.O,{mdxType:"PropNameCell"},"message"),(0,a.mdx)(V.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(V.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(V.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(V.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The descriptive text, displayed under the title."))),(0,a.mdx)(V.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(V.O,{mdxType:"PropNameCell"},"title"),(0,a.mdx)(V.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(V.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(V.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(V.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The title displayed under the glyph. Variants contain default titles that can be overriden by this prop."))),(0,a.mdx)(V.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(V.O,{mdxType:"PropNameCell"},"variant"),(0,a.mdx)(V.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'no-data'\n 'no-matching-results'\n 'not-authorized'\n 'error'\n],\n"))),(0,a.mdx)(V.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(V.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(V.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the glyph and title using a pre-baked variant. One of the following: ",(0,a.mdx)("inlineCode",{parentName:"p"},"no-data"),",\n",(0,a.mdx)("inlineCode",{parentName:"p"},"no-matching-results"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"not-authorized"),", or ",(0,a.mdx)("inlineCode",{parentName:"p"},"error"))))))}W.isMDXComponent=!0;var H=["components"];function X(){return X=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var F={},L="wrapper";function z(e){var t=e.components,n=Z(e,H);return(0,a.mdx)(L,X({},F,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-status-view"},"Terra Status View"),(0,a.mdx)("p",null,"Presents an icon, title, message, and/or buttons based on a status type scenario. Scenarios include ",(0,a.mdx)("inlineCode",{parentName:"p"},"no-data"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"no-matching-results"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"not-authorized"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"error"),", or a custom scenario."),(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-status-view"))))),(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:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import StatusView from 'terra-status-view';\n")),(0,a.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,a.mdx)("p",null,"The Status-View component must be composed inside the ",(0,a.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-core/components/terra-base/base/base"},"Base")," component with a locale in order for it to load the correct translation strings.\nSet ",(0,a.mdx)("inlineCode",{parentName:"p"},"focusable=false")," for svg element used for ",(0,a.mdx)("inlineCode",{parentName:"p"},"customGlyph")," prop, to prevent focusing of the svg in IE10."),(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#responsive-support"},"Responsive 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)("h2",{id:"examples"},"Examples"),(0,a.mdx)(m,{title:"Variants",mdxType:"ToggleVariants"}),(0,a.mdx)(C,{title:"Custom: Icon + message + buttons",mdxType:"Custom"}),(0,a.mdx)(v,{mdxType:"ToggleAlignmentAndGlyph"}),(0,a.mdx)(R,{title:"Toggle Status View",mdxType:"ToggleStatusView"}),(0,a.mdx)("h2",{id:"status-view-props"},"Status View Props"),(0,a.mdx)(W,{mdxType:"StatusViewPropsTable"}))}z.isMDXComponent=!0},80848:function(e,t,n){n.d(t,{C:function(){return l}});var r=n(67294),a=n(22863),l=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-status-view",name:"terra-status-view",version:"4.71.0",url:t})}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},21826:function(e,t,n){n.r(t),t.default={"toggle-button":"ToggleButton-module__toggle-button___eo1aB",icon:"ToggleButton-module__icon___mFdVK","is-open":"ToggleButton-module__is-open___W1RlO","is-icon-animated":"ToggleButton-module__is-icon-animated___4e24X","button-text":"ToggleButton-module__button-text___+N0CK"}},8439:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=s(n(67294)),a=s(n(45697)),l=s(n(47717)),o=s(n(13975)),i=s(n(87786)),d=s(n(88413)),u=["allowClear","children","defaultValue","disabled","error","help","hideRequired","isIncomplete","isInline","isInvalid","isLabelHidden","label","labelAttrs","maxHeight","maxWidth","onChange","placeholder","required","selectAttrs","selectId","showOptional","value"];function s(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m={allowClear:a.default.bool,children:a.default.node,label:a.default.string.isRequired,defaultValue:a.default.oneOfType([a.default.string,a.default.number,a.default.array]),disabled:a.default.bool,error:a.default.node,help:a.default.node,hideRequired:a.default.bool,isIncomplete:a.default.bool,isInline:a.default.bool,isInvalid:a.default.bool,isLabelHidden:a.default.bool,labelAttrs:a.default.object,maxHeight:a.default.number,maxWidth:a.default.string,onChange:a.default.func,placeholder:a.default.string,required:a.default.bool,selectAttrs:a.default.object,selectId:a.default.string.isRequired,showOptional:a.default.bool,value:a.default.oneOfType([a.default.string,a.default.number,a.default.array])},f={allowClear:!1,children:void 0,defaultValue:void 0,disabled:!1,error:void 0,help:void 0,hideRequired:!1,isIncomplete:!1,isInline:!1,isInvalid:!1,isLabelHidden:!1,labelAttrs:{},maxHeight:void 0,maxWidth:void 0,onChange:void 0,placeholder:void 0,required:!1,selectAttrs:{},showOptional:!1,value:void 0},y=function(e){var t,n=e.allowClear,a=e.children,i=e.defaultValue,d=e.disabled,s=e.error,m=e.help,f=e.hideRequired,y=e.isIncomplete,b=e.isInline,x=e.isInvalid,h=e.isLabelHidden,g=e.label,v=e.labelAttrs,O=e.maxHeight,T=e.maxWidth,_=e.onChange,S=e.placeholder,w=e.required,E=e.selectAttrs,C=e.selectId,j=e.showOptional,N=e.value,A=c(e,u);return m&&s&&x?t="".concat(C,"-error ").concat(C,"-help"):(m&&(t="".concat(C,"-help")),s&&x&&(t="".concat(C,"-error"))),r.default.createElement(l.default,p({},A,{label:g,labelAttrs:v,error:s,help:m,hideRequired:f,required:w,showOptional:j,isInvalid:x,isInline:b,isLabelHidden:h,htmlFor:C,maxWidth:T}),r.default.createElement(o.default,p({},E,{ariaLabel:g,allowClear:n,"aria-describedby":t,disabled:E.disabled||d,id:C,isIncomplete:y,isInvalid:x,defaultValue:i,maxHeight:O||E.maxHeight,onChange:_,placeholder:S,required:w,value:N}),a))};y.propTypes=m,y.defaultProps=f,y.Option=d.default,y.OptGroup=i.default;t.default=y},47015:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),l=c(n(45697)),o=c(n(19845)),i=c(n(55281)),d=c(n(23399)),u=c(n(30659)),s=c(n(21826)),p=["buttonAttrs","children","closedButtonText","icon","isAnimated","isIconAnimated","isIconOnly","isInitiallyOpen","onClose","onOpen","openedButtonText"];function c(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function y(e,t){for(var n=0;n=5?this.setState({content:r.default.createElement("h2",null,"No more pages..."),currentPage:5}):t<=1?this.setState({content:r.default.createElement("h2",null,"Welcome!"),currentPage:1}):this.setState({content:[r.default.createElement("p",null,"A digital front door to support engagement and enable consumers to participate in their health outcomes."),r.default.createElement("p",null,"Enhanced communications and data flow to help the clinical care team provide high-quality care and facilitate increased clinician satisfaction and wellness, regardless of where care is provided"),r.default.createElement("p",null,"Integration across ambulatory systems and venues – even virtual health – to help drive efficiencies within clinic workflows, leveraging data in- and out-of-network – no matter the source system")],currentPage:t})}},{key:"render",value:function(){return r.default.createElement("div",{className:g("paginator-wrapper")},r.default.createElement(o.default,{header:r.default.createElement("h1",null,"Paginator Example Without Pages"),footer:r.default.createElement(i.default,{onPageChange:this.changePages,ariaLabel:"paginator no pages pagination"})},this.state.content))}}])&&c(t.prototype,n),a&&c(t,a),Object.defineProperty(t,"prototype",{writable:!1}),s}(r.default.Component);t.Z=h},15298:function(e,t,n){n.r(t),n.d(t,{default:function(){return M}});var a=n(67294),r=n(81254),o=n(31400),i=n(46463),l=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={};function d(e){var t=e.components,n=u(e,l);return(0,r.mdx)("wrapper",s({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Dialog from 'terra-dialog';\nimport Paginator from 'terra-paginator';\nimport classNames from 'classnames/bind';\nimport styles from './PaginatorExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst totalCount = 450;\n\nconst buildPage = () => {\n const fullContent = [

Beyond general financial constraints, here are some goals to consider when developing your ambulatory approach:

,\n
    \n
  • Provide consumers with lower cost and convenient care options
  • \n
  • Capture and engage existing patients while identifying and attracting new patients
  • \n
  • Identify ways to facilitate referrals across the network, share information with in- and out-of-network care providers and manage care across the continuum
  • \n
  • Implement and manage strategies to meet rapidly growing consumer demands around virtual health
  • \n
  • Optimize for key service lines across the network to support care coordination and maximize revenue generation
  • \n
  • Implement an outpatient electronic health record (EHR) that contributes to improved clinician efficiency and satisfaction
  • \n
  • Manage practice operations while accounting for emerging payment models
  • \n
,\n ];\n\n return (\n fullContent\n );\n};\n\nclass PaginatorExample extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n content: buildPage(),\n currentPage: 1,\n };\n\n this.changePages = this.changePages.bind(this);\n }\n\n changePages(index) {\n this.setState({ currentPage: index });\n }\n\n render() {\n return (\n
\n \n Paginator Example\n \n)}\n footer={}\n >\n {this.state.content}\n \n
\n );\n }\n}\n\nexport default PaginatorExample;\n\n")))}d.isMDXComponent=!0;var p=n(49271),m=n(55889),f=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(p.Z,{title:t||"Paginator Example",description:n,example:a.createElement(i.Z,null),exampleCssSrc:a.createElement(m.Z,null),exampleSrc:a.createElement(d,null),isExpanded:r})},g=n(53415),h=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var x={};function P(e){var t=e.components,n=b(e,h);return(0,r.mdx)("wrapper",y({},x,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Dialog from 'terra-dialog';\nimport Paginator from 'terra-paginator';\nimport classNames from 'classnames/bind';\nimport styles from './PaginatorExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\nconst maxPages = 5;\n\nconst buildPage = () => {\n const fullContent = [

A digital front door to support engagement and enable consumers to participate in their health outcomes.

,\n

Enhanced communications and data flow to help the clinical care team provide high-quality care and facilitate increased clinician satisfaction and wellness, regardless of where care is provided

,\n

Integration across ambulatory systems and venues – even virtual health – to help drive efficiencies within clinic workflows, leveraging data in- and out-of-network – no matter the source system

];\n\n return (\n fullContent\n );\n};\n\nclass PaginatorNoPagesExample extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n content:

Welcome!

,\n currentPage: 1,\n };\n\n this.changePages = this.changePages.bind(this);\n }\n\n changePages(direction) {\n const index = direction === 'Next' ? this.state.currentPage + 1 : this.state.currentPage - 1;\n\n if (index >= maxPages) {\n this.setState({ content:

No more pages...

, currentPage: maxPages });\n } else if (index <= 1) {\n this.setState({ content:

Welcome!

, currentPage: 1 });\n } else {\n this.setState({ content: buildPage(), currentPage: index });\n }\n }\n\n render() {\n return (\n
\n \n Paginator Example Without Pages\n \n)}\n footer={}\n >\n {this.state.content}\n \n
\n );\n }\n}\n\nexport default PaginatorNoPagesExample;\n\n")))}P.isMDXComponent=!0;var v=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(p.Z,{title:t||"Paginator No Pages Example",description:n,example:a.createElement(g.Z,null),exampleCssSrc:a.createElement(m.Z,null),exampleSrc:a.createElement(P,null),isExpanded:r})},w=n(78530),O=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var N={},T="wrapper";function j(e){var t=e.components,n=E(e,O);return(0,r.mdx)(T,C({},N,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(w.ZP,{mdxType:"PropsTable"},(0,r.mdx)(w.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(w.O,{mdxType:"PropNameCell"},"onPageChange"),(0,r.mdx)(w.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(w.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function to be executed when a navigation element is selected."))),(0,r.mdx)(w.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(w.O,{mdxType:"PropNameCell"},"selectedPage"),(0,r.mdx)(w.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The active/selected page. Used to set the default selected page or maintain selection across renders.\nRequired when using totalCount and itemCountPerPage."))),(0,r.mdx)(w.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(w.O,{mdxType:"PropNameCell"},"totalCount"),(0,r.mdx)(w.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Total number of all items being paginated.\nRequired when using itemCountPerPage and selectedPage."))),(0,r.mdx)(w.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(w.O,{mdxType:"PropNameCell"},"itemCountPerPage"),(0,r.mdx)(w.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Total number of items per page.\nRequired when using selectedPage and totalCount."))),(0,r.mdx)(w.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(w.O,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,r.mdx)(w.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nPreferred method: Allows consumers to create an accessible name for the paginator by adding the ID of heading that describes paginator content."))),(0,r.mdx)(w.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(w.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,r.mdx)(w.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nAllows consumers to create an accessible name for the paginator by adding a meaningful and descriptive text string.")))))}j.isMDXComponent=!0;var S=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var D={},_="wrapper";function M(e){var t=e.components,n=R(e,S);return(0,r.mdx)(_,k({},D,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-paginator"},"Terra Paginator"),(0,r.mdx)("p",null,"Standard paginator to be used for data sets of known and unknown size. Provides first, last, previous, next, and paged functionality."),(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-paginator"))))),(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 Paginator from 'terra-paginator';\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)(f,{mdxType:"PaginatorExample"}),(0,r.mdx)(v,{title:"Paginator Example Without Pages",mdxType:"PaginatorNoPagesExample"}),(0,r.mdx)("h2",{id:"paginator-props"},"Paginator Props"),(0,r.mdx)(j,{mdxType:"PaginatorPropsTable"}))}M.isMDXComponent=!0},55889:function(e,t,n){n.d(t,{Z:function(){return u}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var l={},s="wrapper";function u(e){var t=e.components,n=i(e,r);return(0,a.mdx)(s,o({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .paginator-wrapper {\n height: 500px;\n }\n}\n\n")))}u.isMDXComponent=!0},75480:function(e,t,n){n.r(t),t.default={"paginator-wrapper":"PaginatorExampleCommon-module__paginator-wrapper___rsgCg"}},39142: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=void 0;var r=h(n(67294)),o=h(n(45697)),i=h(n(19845)),l=h(n(50026)),s=n(25387),u=h(n(80906)),c=h(n(29270)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=g(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(n(51051)),p=h(n(83699)),m=n(45364),f=h(n(62765));function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(g=function(e){return e?n:t})(e)}function h(e){return e&&e.__esModule?e:{default:e}}function y(e,t){for(var n=0;ne||l.push(r.default.createElement("li",null,r.default.createElement(f.default,{ariaLabel:n.formatMessage({id:"Terra.paginator.pageIndex"},{pageNumber:a}),ariaCurrent:a===i,className:o,tabIndex:a===i?"-1":"0",key:"pageButton_".concat(a),onClick:t(a),onKeyDown:t(a)},a)))})),l}},{key:"defaultPaginator",value:function(){var e=this.context,t=this.props,n=t.intl,a=t.totalCount,o=t.itemCountPerPage,i=t.ariaLabelledBy,l=t.ariaLabel,s=a?(0,m.calculatePages)(a,o):0,u=this.state.selectedPage,d=1===u?1:u-1,p=u===s?s:u+1,g=l||"pagination",h=a>0,y=r.default.createElement("ul",{className:w("list")},h&&r.default.createElement("li",null,r.default.createElement(f.default,{ariaDisabled:1===u,ariaLabel:n.formatMessage({id:"Terra.paginator.first"}),className:w(["nav-link","left-controls",1===u&&"is-disabled"]),disabled:1===u,onClick:this.handlePageChange(1),onKeyDown:this.handlePageChange(1)},n.formatMessage({id:"Terra.paginator.first"}))),r.default.createElement("li",null,r.default.createElement(f.default,{ariaDisabled:1===u,ariaLabel:n.formatMessage({id:"Terra.paginator.previous"}),className:w(["nav-link","left-controls","previous",1===u&&"is-disabled"]),disabled:1===u,onClick:this.handlePageChange(d),onKeyDown:this.handlePageChange(d)},r.default.createElement("span",{className:w("icon")}),n.formatMessage({id:"Terra.paginator.previous"}))),a&&this.buildPageButtons(s,this.handlePageChange),r.default.createElement("li",null,r.default.createElement(f.default,{ariaDisabled:u===s,ariaLabel:n.formatMessage({id:"Terra.paginator.next"}),className:w(["nav-link","right-controls","next",u===s&&"is-disabled"]),disabled:u===s,onClick:this.handlePageChange(p),onKeyDown:this.handlePageChange(p)},n.formatMessage({id:"Terra.paginator.next"}),r.default.createElement("span",{className:w("icon")}))),h&&r.default.createElement("li",null,r.default.createElement(f.default,{ariaDisabled:u===s,ariaLabel:n.formatMessage({id:"Terra.paginator.last"}),className:w(["nav-link","right-controls",u===s&&"is-disabled"]),disabled:u===s,onClick:this.handlePageChange(s),onKeyDown:this.handlePageChange(s)},n.formatMessage({id:"Terra.paginator.last"})))),b=r.default.createElement(c.default,{"aria-live":"polite","aria-relevant":"additions text",text:this.state.selectedPageMessage});return r.default.createElement("nav",{className:w("paginator",!a&&"pageless",e.className),"aria-labelledby":i,"aria-label":i?void 0:g},b,y)}},{key:"reducedPaginator",value:function(){var e=this.context,t=this.props,n=t.intl,a=t.totalCount,o=t.itemCountPerPage,i=t.ariaLabelledBy,l=t.ariaLabel,s=this.props.totalCount?(0,m.calculatePages)(a,o):0,u=this.state.selectedPage,d=1===u?1:u-1,p=u===s?s:u+1,g=l||"pagination",h=a>0,y=r.default.createElement(r.default.Fragment,null,r.default.createElement("div",null,a&&n.formatMessage({id:"Terra.paginator.pageIndex"},{pageNumber:u})),r.default.createElement("ul",{className:w("list")},h&&r.default.createElement("li",null,r.default.createElement(f.default,{ariaDisabled:1===u,ariaLabel:n.formatMessage({id:"Terra.paginator.first"}),className:w(["nav-link","left-controls",1===u&&"is-disabled"]),disabled:1===u,onClick:this.handlePageChange(1),onKeyDown:this.handlePageChange(1)},n.formatMessage({id:"Terra.paginator.first"}))),r.default.createElement("li",null,r.default.createElement(f.default,{ariaDisabled:1===u,ariaLabel:n.formatMessage({id:"Terra.paginator.previous"}),className:w(["nav-link","left-controls","previous","icon-only",1===u&&"is-disabled"]),disabled:1===u,onClick:this.handlePageChange(d),onKeyDown:this.handlePageChange(d)},r.default.createElement(c.default,{text:n.formatMessage({id:"Terra.paginator.previous"})}),r.default.createElement("span",{className:w("icon")}))),r.default.createElement("li",null,r.default.createElement(f.default,{ariaDisabled:u===s,ariaLabel:n.formatMessage({id:"Terra.paginator.next"}),className:w(["nav-link","right-controls","next","icon-only",u===s&&"is-disabled"]),disabled:u===s,onClick:this.handlePageChange(p),onKeyDown:this.handlePageChange(p)},r.default.createElement(c.default,{text:n.formatMessage({id:"Terra.paginator.next"})}),r.default.createElement("span",{className:w("icon")}))),h&&r.default.createElement("li",null,r.default.createElement(f.default,{ariaDisabled:u===s,ariaLabel:n.formatMessage({id:"Terra.paginator.last"}),className:w(["nav-link","right-controls",u===s&&"is-disabled"]),disabled:u===s,onClick:this.handlePageChange(s),onKeyDown:this.handlePageChange(s)},n.formatMessage({id:"Terra.paginator.last"}))))),b=r.default.createElement(c.default,{"aria-live":"polite","aria-relevant":"additions text",text:this.state.selectedPageMessage});return r.default.createElement("nav",{className:w("paginator",e.className),"aria-labelledby":i,"aria-label":i?void 0:g},b,y)}},{key:"render",value:function(){return r.default.createElement(u.default,{onChange:this.setPaginator},this.state.showReducedPaginator?this.reducedPaginator():this.defaultPaginator())}}])&&y(t.prototype,n),a&&y(t,a),Object.defineProperty(t,"prototype",{writable:!1}),i}(r.default.Component);C.propTypes=O,C.contextType=l.default;t.default=(0,s.injectIntl)(C)}}]); \ No newline at end of file diff --git a/15318-faf4be2bc9657908c3d8.css b/15318-faf4be2bc9657908c3d8.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/15318-faf4be2bc9657908c3d8.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/15553-7f21bcc2e55edc31fe0e.js b/15553-7f21bcc2e55edc31fe0e.js new file mode 100644 index 000000000..5e33e0d75 --- /dev/null +++ b/15553-7f21bcc2e55edc31fe0e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15553],{22863:function(e,a,t){var l=t(64836);a.Z=void 0;var n=l(t(67294)),d=l(t(45697)),r=l(t(19845)),m=l(t(17422)),i=r.default.bind(m.default),p={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},o=function(e){var a=e.src,t=e.name,l=e.url,d=e.version,r=n.default.createElement("a",{className:i("badge"),href:l||"https://www.npmjs.org/package/".concat(t,"/v/").concat(d)},n.default.createElement("span",{className:i("badge-name")},l?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(d))),m=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},r,m)};o.propTypes=p;var u=o;a.Z=u},78165:function(e,a,t){var l=t(64836),n=t(18698);a.Z=void 0;var d=l(t(27424)),r=function(e,a){if(!a&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var t=o(a);if(t&&t.has(e))return t.get(e);var l={__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(l,r,m):l[r]=e[r]}return l.default=e,t&&t.set(e,l),l}(t(67294)),m=l(t(19845)),i=l(t(26719)),p=l(t(16312));function o(e){if("function"!=typeof WeakMap)return null;var a=new WeakMap,t=new WeakMap;return(o=function(e){return e?t:a})(e)}var u=m.default.bind(p.default);a.Z=function(){var e=(0,r.useState)(""),a=(0,d.default)(e,2),t=a[0],l=a[1],n=(0,r.useState)(!1),m=(0,d.default)(n,2),p=m[0],o=m[1];return r.default.createElement("div",null,r.default.createElement("p",null,"Selected ISO Date:",r.default.createElement("span",{className:u("date-wrapper")},t)),r.default.createElement(i.default,{label:"Enter Date",name:"date-input",datePickerId:"default-field",onChange:function(e,a){l(a),o(!1)},onChangeRaw:function(e,a,t){t.isValidValue||10!==t.inputValue.length||(l(null),o(!0))},isInvalid:p,error:r.default.createElement("p",null,"Enter valid date")}))}},15553:function(e,a,t){t.r(a),t.d(a,{default:function(){return w}});var l=t(67294),n=t(81254),d=t(72509),r=t(78530),m=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var o={},u="wrapper";function s(e){var a=e.components,t=p(e,m);return(0,n.mdx)(u,i({},o,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.ZP,{mdxType:"PropsTable"},(0,n.mdx)(r.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"datePickerId"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The DatePicker identifier. Links the htmlFor of the field to the select identifier."))),(0,n.mdx)(r.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the date input should be disabled."))),(0,n.mdx)(r.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"error"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Error message for when the input is invalid. This will only be displayed if isInvalid is true."))),(0,n.mdx)(r.X2,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"errorIcon"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Error Icon to display when the input is invalid."))),(0,n.mdx)(r.X2,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"excludeDates"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"An array of ISO 8601 string representation of the dates to disable in the picker."))),(0,n.mdx)(r.X2,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"filterDate"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.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,n.mdx)(r.X2,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"help"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Help element to display with the input."))),(0,n.mdx)(r.X2,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"hideRequired"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not to hide the required indicator on the label."))),(0,n.mdx)(r.X2,{key:"ROW9",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"includeDates"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.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,n.mdx)(r.X2,{key:"ROW10",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"inputAttributes"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.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,n.mdx)(r.X2,{key:"ROW11",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,n.mdx)("em",{parentName:"p"},"(usage note: ",(0,n.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,n.mdx)(r.X2,{key:"ROW12",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"isInline"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not the field is an inline field."))),(0,n.mdx)(r.X2,{key:"ROW13",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"isInvalid"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,n.mdx)(r.X2,{key:"ROW14",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"isLabelHidden"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.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,n.mdx)(r.X2,{key:"ROW15",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(r.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The label of the form control children."))),(0,n.mdx)(r.X2,{key:"ROW16",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"labelAttrs"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Attributes to attach to the label."))),(0,n.mdx)(r.X2,{key:"ROW17",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"maxDate"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"An ISO 8601 string representation of the maximum date that can be selected. The value must be in the ",(0,n.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be on or before ",(0,n.mdx)("inlineCode",{parentName:"p"},"12/31/2100"),"."))),(0,n.mdx)(r.X2,{key:"ROW18",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"minDate"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"An ISO 8601 string representation of the minimum date that can be selected. The value must be in the ",(0,n.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be on or after ",(0,n.mdx)("inlineCode",{parentName:"p"},"01/01/1900")))),(0,n.mdx)(r.X2,{key:"ROW19",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"name"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Name of the date input. The name should be unique."))),(0,n.mdx)(r.X2,{key:"ROW20",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onBlur"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.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,n.mdx)(r.X2,{key:"ROW21",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onChange"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.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,n.mdx)(r.X2,{key:"ROW22",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onChangeRaw"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.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,n.mdx)(r.X2,{key:"ROW23",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onClickOutside"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,(0,n.mdx)("strong",{parentName:"p"},"Deprecated"),", A callback function to execute when clicking outside of the picker to dismiss it. Resolves to ",(0,n.mdx)("inlineCode",{parentName:"p"},"onRequestClose"),"."))),(0,n.mdx)(r.X2,{key:"ROW24",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onFocus"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.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,n.mdx)(r.X2,{key:"ROW25",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onRequestClose"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A callback function to execute when picker is dismissed. onRequestClose(event)"))),(0,n.mdx)(r.X2,{key:"ROW26",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onSelect"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A callback function to execute when a date is selected from within the picker."))),(0,n.mdx)(r.X2,{key:"ROW27",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"required"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not the date field is required."))),(0,n.mdx)(r.X2,{key:"ROW28",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"maxWidth"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Set the max-width of a field using ",(0,n.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,n.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,n.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,n.mdx)(r.X2,{key:"ROW29",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"selectedDate"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.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,n.mdx)(r.X2,{key:"ROW30",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"showOptional"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not to append the 'optional' label to a non-required field label."))),(0,n.mdx)(r.X2,{key:"ROW31",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.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,n.mdx)("inlineCode",{parentName:"p"},"onChange")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"onChangeRaw")," props to manage the date value.\nIf both ",(0,n.mdx)("inlineCode",{parentName:"p"},"selectedDate")," and this prop are set, then ",(0,n.mdx)("inlineCode",{parentName:"p"},"selectedDate")," will have no effect.\nThe value must be in the ",(0,n.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format or the all-numeric date format based on the locale.")))))}s.isMDXComponent=!0;var c=t(78165),x=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var g={};function h(e){var a=e.components,t=y(e,x);return(0,n.mdx)("wrapper",f({},g,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.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")))}h.isMDXComponent=!0;var T=t(49271),b=t(81093),C=function(e){var a=e.title,t=e.description,n=e.isExpanded;return l.createElement(T.Z,{title:a||"Date Picker Field",description:t,example:l.createElement(c.Z,null),exampleCssSrc:l.createElement(b.Z,null),exampleSrc:l.createElement(h,null),isExpanded:n})},v=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var O={},R="wrapper";function w(e){var a=e.components,t=D(e,v);return(0,n.mdx)(R,N({},O,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(d.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-date-picker-field"},"Terra Date Picker Field"),(0,n.mdx)("p",null,(0,n.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,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field")," component."),(0,n.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Install with ",(0,n.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"npm install terra-date-picker"))))),(0,n.mdx)("h2",{id:"component-features"},"Component Features"),(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#responsive-support"},"Responsive 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#internationalization-i18n"},"Localization Support"))),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)(C,{title:"Date Picker Field",mdxType:"DatePickerFieldExample"}),(0,n.mdx)("h2",{id:"date-picker-field-props-table"},"Date Picker field props table"),(0,n.mdx)(s,{mdxType:"DatePickerFieldPropsTable"}))}w.isMDXComponent=!0},81093:function(e,a,t){t.d(a,{Z:function(){return p}});t(67294);var l=t(81254),n=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var m={},i="wrapper";function p(e){var a=e.components,t=r(e,n);return(0,l.mdx)(i,d({},m,t,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .date-wrapper {\n display: inline-block;\n }\n}\n\n")))}p.isMDXComponent=!0},72509:function(e,a,t){t.d(a,{C:function(){return d}});var l=t(67294),n=t(22863),d=function(e){var a=e.url;return l.createElement(n.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.95.0",url:a})}},17422:function(e,a,t){t.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},16312:function(e,a,t){t.r(a),a.default={"date-wrapper":"DatePickerExampleCommon-module__date-wrapper___UWblk"}},26719:function(e,a,t){var l=t(64836);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var n=l(t(10434)),d=l(t(38416)),r=l(t(70215)),m=l(t(67294)),i=l(t(45697)),p=l(t(47717)),o=t(25387),u=l(t(51331)),s=l(t(50754)),c=["datePickerId","disabled","inputAttributes","error","errorIcon","excludeDates","filterDate","help","hideRequired","isIncomplete","isInvalid","isInline","isLabelHidden","includeDates","intl","label","labelAttrs","maxDate","minDate","maxWidth","name","onBlur","onChange","onChangeRaw","onClickOutside","onFocus","onRequestClose","onSelect","required","selectedDate","showOptional","value"];function x(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);a&&(l=l.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,l)}return t}function f(e){for(var a=1;a=0||(r[e]=n[e]);return r}(n,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(n);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(r[e]=n[e])}return r}var d={},o="wrapper";function u(n){var a=n.components,e=l(n,r);return(0,t.mdx)(o,m({},d,e,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)("h1",{id:"locale"},"Locale"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"#languages"},"Languages")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"#format"},"Format")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"#resources"},"Resources"))),(0,t.mdx)("h2",{id:"languages"},"Languages"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Language"),(0,t.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"Dutch"),(0,t.mdx)("td",{parentName:"tr",align:null},"nl_NL")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"English (Australia)"),(0,t.mdx)("td",{parentName:"tr",align:null},"en_AU")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"English (Canada)"),(0,t.mdx)("td",{parentName:"tr",align:null},"en_CA")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"English (UK)"),(0,t.mdx)("td",{parentName:"tr",align:null},"en_GB")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"English (US)"),(0,t.mdx)("td",{parentName:"tr",align:null},"en_US")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"French"),(0,t.mdx)("td",{parentName:"tr",align:null},"fr_FR")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"German"),(0,t.mdx)("td",{parentName:"tr",align:null},"de_DE")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"Japanese"),(0,t.mdx)("td",{parentName:"tr",align:null},"ja_JP")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"Portuguese (Brazilian)"),(0,t.mdx)("td",{parentName:"tr",align:null},"pt_BR")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"Spanish"),(0,t.mdx)("td",{parentName:"tr",align:null},"es_ES")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"Swedish"),(0,t.mdx)("td",{parentName:"tr",align:null},"sv_SE")))),(0,t.mdx)("h2",{id:"format"},"Format"),(0,t.mdx)("p",null,"Consumers can provide a JSON for any locale, the format needs to be:"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},'const locale_custom = {\n decimal: ",",\n thousands: ".",\n grouping: [3],\n currency: ["", " €"],\n dateTime: "%A, der %e. %B %Y, %X",\n date: "%d.%m.%Y",\n time: "%H:%M:%S",\n days: [\n "Sonntag",\n "Montag",\n "Dienstag",\n "Mittwoch",\n "Donnerstag",\n "Freitag",\n "Samstag"\n ],\n shortDays: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],\n months: [\n "Januar",\n "Februar",\n "März",\n "April",\n "Mai",\n "Juni",\n "Juli",\n "August",\n "September",\n "Oktober",\n "November",\n "Dezember"\n ],\n shortMonths: [\n "Jan",\n "Feb",\n "Mrz",\n "Apr",\n "Mai",\n "Jun",\n "Jul",\n "Aug",\n "Sep",\n "Okt",\n "Nov",\n "Dez"\n ],\n noData: "No Data"\n};\n')),(0,t.mdx)("h2",{id:"resources"},"Resources"),(0,t.mdx)("p",null,"Resources on locale based tick formatting:"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://github.com/d3/d3-time-format/blob/master/README.md#locale_format"},"Number formatting")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://github.com/d3/d3-time-format/blob/master/README.md#timeFormatLocale"},"Datetime formatting"))))}u.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/15609-a1c9508a3512a31c7e63.js b/15609-a1c9508a3512a31c7e63.js new file mode 100644 index 000000000..650ca4eb4 --- /dev/null +++ b/15609-a1c9508a3512a31c7e63.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15609],{33175:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(54520)),l=n(22678),r={key:"line_dataset",label:{display:"Line Data Label"},graphType:"Line",color:o.default.helpers.COLORS.BLACK,onClick:l.loadPopup,values:new Array(7).fill("").map((function(e,t){return{y:Math.sin(t)*Math.PI+20,x:t+.5}}))};t.default=r},9648:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,label:"Data",lowerLimit:0,upperLimit:8,ticks:{values:[1,2,3,4,5,6,7],format:".0f"}},y:{show:!0,label:"Combination Set A",lowerLimit:0,upperLimit:35},y2:{show:!0,label:"Combination Set B",lowerLimit:0,upperLimit:30,padDomain:!1}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!1,showHGrid:!0}}},22678:function(e,t,n){"use strict";var a=n(64836),o=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.loadY2AxisLabelPopup=t.loadXAndYAxisLabelPopup=t.loadTrackPopup=t.loadTimelinePopup=t.loadTextLabelPopup=t.loadTaskPopup=t.loadPopup=t.loadPiePopup=t.loadDatelinePopup=t.loadBubblePopup=t.loadBarPopup=void 0;var l=a(n(27424)),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=s(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=l?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(79590)),i=a(n(88703)),p=a(n(53334));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)}var c=function(e){return new Date(e).toLocaleString()},u=function(e){return e?d(e)?c(e):e:null},d=function(e){return e instanceof Date},f=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t),a.append("g").classed("popup-text",!0).text(n)},m=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t);for(var o=a.append("g").classed("section",!0),r=function(){var e=p[i],t=o.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var n=(0,l.default)(e,2),a=n[0],o=n[1],r=t.append("g").classed("popup-item",!0);r.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),r.append("g").classed("popup-text",!0).text(o)}))},i=0,p=Object.values(n);i0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Tasks",p)}if(l&&l.length>0){var s=[];l.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Activities",s)}if(r&&r.length>0){var c=[];r.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),m(a,"Events",c)}if(i&&i.length>0){var u=[];i.forEach((function(e){u.push({name:e.key,values:e.values.join(", ")})})),m(a,"Actions",u)}},t.loadTaskPopup=function(e,t,n,a){v();var o=y(e).append("g"),l=a.label,r=a.display,i=a.y,p=a.startDate,s=a.endDate,u=a.percentage;l&&f(o,"Task Name",r),f(o,"Track",i),f(o,"Start Date",c(p)),f(o,"End Date",c(s)),u&&f(o,"Percentage",u)},t.loadDatelinePopup=function(e,t){v();var n=y(e).append("g"),a=t.label,o=t.value;a&&f(n,"Milestone",a.display),f(n,"Date",c(o))},t.loadTimelinePopup=function(e,t,n,a){v();var o=y(e).append("g"),l=a.x,r=(a.y,a.label),i=a.content;f(o,"X axis","".concat(d(l)?c(l):l)),f(o,"".concat(r.display),i)},t.loadPiePopup=function(e,t,n,a){v();var o=y(e).append("g"),l=a.label,r=a.value;f(o,l.display,r)}},93065:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),l=a(n(45697));n(80244);var r={id:l.default.string.isRequired},i=function(e){return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),o.default.createElement("div",{id:e.id,className:"example-graph-container"}))};i.propTypes=r;t.default=i},71726:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),o=["components"];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 l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i={},p="wrapper";function s(e){var t=e.components,n=r(e,o);return(0,a.mdx)(p,l({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst data = {\n key: 'line_dataset',\n label: {\n display: 'Line Data Label',\n },\n graphType: 'Line',\n color: Carbon.helpers.COLORS.BLACK,\n onClick: loadPopup,\n values: new Array(7).fill('').map((_, i) => ({\n y: Math.sin(i) * Math.PI + 20,\n x: i + 0.5,\n })),\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0},84015:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),o=["components"];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 l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i={},p="wrapper";function s(e){var t=e.components,n=r(e,o);return(0,a.mdx)(p,l({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const getCombinationGraphConfig = (id) => ({\n bindTo: id,\n bindLegendTo: null,\n axis: {\n x: {\n show: true,\n label: 'Data',\n lowerLimit: 0,\n upperLimit: 8,\n ticks: {\n values: [1, 2, 3, 4, 5, 6, 7],\n format: '.0f',\n },\n },\n y: {\n show: true,\n label: 'Combination Set A',\n lowerLimit: 0,\n upperLimit: 35,\n },\n y2: {\n show: true,\n label: 'Combination Set B',\n lowerLimit: 0,\n upperLimit: 30,\n padDomain: false,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: false,\n showHGrid: true,\n});\n\nexport default getCombinationGraphConfig;\n\n\n")))}s.isMDXComponent=!0},51320:function(e,t,n){var a,o;void 0===(o="function"==typeof(a=function(){var e="details",t="summary";function n(e){if("summary"===e.target.nodeName.toLowerCase()){var t=e.target.parentNode;if(!t)return;t.getAttribute("open")?(t.open=!1,t.removeAttribute("open")):(t.open=!0,t.setAttribute("open","open"))}}function a(){var n=document.createElement(e);if(!("open"in n))return!1;n.innerHTML="<"+t+">ab",document.body.appendChild(n);var a=n.offsetHeight;n.open=!0;var o=a!=n.offsetHeight;return document.body.removeChild(n),o}function o(e,t){if(!document.getElementById(e)){var n=document.createElement("style");n.id=e,n.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(n)}}a()||(document.documentElement.className+=" no-details",window.addEventListener("click",n),o("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+t+") { display: none; }\nhtml.no-details "+e+" > "+t+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+t+':before { content: "▼"; }'))})?a.call(t,n,t,e):a)||(e.exports=o)},39003:function(e,t,n){"use strict";n.r(t),t.default={}}}]); \ No newline at end of file diff --git a/15658-d73b3bd83e4ffa35d014.js b/15658-d73b3bd83e4ffa35d014.js new file mode 100644 index 000000000..84c71bee8 --- /dev/null +++ b/15658-d73b3bd83e4ffa35d014.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15658],{16921:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(54520)),r=n(22678),l={key:"uid_1",label:{display:"Data Label 1"},shape:o.default.helpers.SHAPES.DARK.CIRCLE,onClick:r.loadPopup,values:[{x:new Date(2016,0,1,1,5).toISOString(),y:5},{x:new Date(2016,0,1,2,15).toISOString(),y:11},{x:new Date(2016,0,1,3,15).toISOString(),y:12},{x:new Date(2016,0,1,4,15).toISOString(),y:16},{x:new Date(2016,0,1,5,15).toISOString(),y:17},{x:new Date(2016,0,1,6,15).toISOString(),y:9},{x:new Date(2016,0,1,7,0).toISOString(),y:11},{x:new Date(2016,0,1,8,15).toISOString(),y:12},{x:new Date(2016,0,1,9,45).toISOString(),y:16},{x:new Date(2016,0,1,12,15).toISOString(),y:17},{x:new Date(2016,0,1,13,15).toISOString(),y:28},{x:new Date(2016,0,1,14,15).toISOString(),y:12},{x:new Date(2016,0,1,19,45).toISOString(),y:13},{x:new Date(2016,0,1,21,15).toISOString(),y:14}],yAxis:"y"};t.default=l},30405:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(54520));t.default=function(e){return{bindTo:e,axis:{x:{type:o.default.helpers.AXIS_TYPE.TIME_SERIES,label:"Datetime",lowerLimit:new Date(2016,0,1,1,0).toISOString(),upperLimit:new Date(2016,0,1,23,59).toISOString()},y:{label:"Line Set A",lowerLimit:10,upperLimit:30},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},pan:{enabled:!0},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0}}},22678:function(e,t,n){"use strict";var a=n(64836),o=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.loadY2AxisLabelPopup=t.loadXAndYAxisLabelPopup=t.loadTrackPopup=t.loadTimelinePopup=t.loadTextLabelPopup=t.loadTaskPopup=t.loadPopup=t.loadPiePopup=t.loadDatelinePopup=t.loadBubblePopup=t.loadBarPopup=void 0;var r=a(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=s(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(79590)),i=a(n(88703)),p=a(n(53334));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)}var c=function(e){return new Date(e).toLocaleString()},u=function(e){return e?d(e)?c(e):e:null},d=function(e){return e instanceof Date},f=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t),a.append("g").classed("popup-text",!0).text(n)},y=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t);for(var o=a.append("g").classed("section",!0),l=function(){var e=p[i],t=o.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var n=(0,r.default)(e,2),a=n[0],o=n[1],l=t.append("g").classed("popup-item",!0);l.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),l.append("g").classed("popup-text",!0).text(o)}))},i=0,p=Object.values(n);i0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),y(a,"Tasks",p)}if(r&&r.length>0){var s=[];r.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),y(a,"Activities",s)}if(l&&l.length>0){var c=[];l.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),y(a,"Events",c)}if(i&&i.length>0){var u=[];i.forEach((function(e){u.push({name:e.key,values:e.values.join(", ")})})),y(a,"Actions",u)}},t.loadTaskPopup=function(e,t,n,a){m();var o=g(e).append("g"),r=a.label,l=a.display,i=a.y,p=a.startDate,s=a.endDate,u=a.percentage;r&&f(o,"Task Name",l),f(o,"Track",i),f(o,"Start Date",c(p)),f(o,"End Date",c(s)),u&&f(o,"Percentage",u)},t.loadDatelinePopup=function(e,t){m();var n=g(e).append("g"),a=t.label,o=t.value;a&&f(n,"Milestone",a.display),f(n,"Date",c(o))},t.loadTimelinePopup=function(e,t,n,a){m();var o=g(e).append("g"),r=a.x,l=(a.y,a.label),i=a.content;f(o,"X axis","".concat(d(r)?c(r):r)),f(o,"".concat(l.display),i)},t.loadPiePopup=function(e,t,n,a){m();var o=g(e).append("g"),r=a.label,l=a.value;f(o,r.display,l)}},93065:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(45697));n(80244);var l={id:r.default.string.isRequired},i=function(e){return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),o.default.createElement("div",{id:e.id,className:"example-graph-container"}))};i.propTypes=l;t.default=i},35862:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),o=["components"];function r(){return r=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}var i={},p="wrapper";function s(e){var t=e.components,n=l(e,o);return(0,a.mdx)(p,r({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst data = {\n key: 'uid_1',\n label: {\n display: 'Data Label 1',\n },\n shape: Carbon.helpers.SHAPES.DARK.CIRCLE,\n onClick: loadPopup,\n values: [\n {\n x: new Date(2016, 0, 1, 1, 5).toISOString(),\n y: 5,\n },\n {\n x: new Date(2016, 0, 1, 2, 15).toISOString(),\n y: 11,\n },\n {\n x: new Date(2016, 0, 1, 3, 15).toISOString(),\n y: 12,\n },\n {\n x: new Date(2016, 0, 1, 4, 15).toISOString(),\n y: 16,\n },\n {\n x: new Date(2016, 0, 1, 5, 15).toISOString(),\n y: 17,\n },\n {\n x: new Date(2016, 0, 1, 6, 15).toISOString(),\n y: 9,\n },\n {\n x: new Date(2016, 0, 1, 7, 0).toISOString(),\n y: 11,\n },\n {\n x: new Date(2016, 0, 1, 8, 15).toISOString(),\n y: 12,\n },\n {\n x: new Date(2016, 0, 1, 9, 45).toISOString(),\n y: 16,\n },\n {\n x: new Date(2016, 0, 1, 12, 15).toISOString(),\n y: 17,\n },\n {\n x: new Date(2016, 0, 1, 13, 15).toISOString(),\n y: 28,\n },\n {\n x: new Date(2016, 0, 1, 14, 15).toISOString(),\n y: 12,\n },\n {\n x: new Date(2016, 0, 1, 19, 45).toISOString(),\n y: 13,\n },\n {\n x: new Date(2016, 0, 1, 21, 15).toISOString(),\n y: 14,\n },\n ],\n yAxis: 'y',\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0},75486:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),o=["components"];function r(){return r=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}var i={},p="wrapper";function s(e){var t=e.components,n=l(e,o);return(0,a.mdx)(p,r({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\n\nconst getLineTimeseriesPanningConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n type: Carbon.helpers.AXIS_TYPE.TIME_SERIES,\n label: 'Datetime',\n lowerLimit: new Date(2016, 0, 1, 1, 0).toISOString(),\n upperLimit: new Date(2016, 0, 1, 23, 59).toISOString(),\n },\n y: {\n label: 'Line Set A',\n lowerLimit: 10,\n upperLimit: 30,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n pan: {\n enabled: true,\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getLineTimeseriesPanningConfig;\n\n")))}s.isMDXComponent=!0},51320:function(e,t,n){var a,o;void 0===(o="function"==typeof(a=function(){var e="details",t="summary";function n(e){if("summary"===e.target.nodeName.toLowerCase()){var t=e.target.parentNode;if(!t)return;t.getAttribute("open")?(t.open=!1,t.removeAttribute("open")):(t.open=!0,t.setAttribute("open","open"))}}function a(){var n=document.createElement(e);if(!("open"in n))return!1;n.innerHTML="<"+t+">ab",document.body.appendChild(n);var a=n.offsetHeight;n.open=!0;var o=a!=n.offsetHeight;return document.body.removeChild(n),o}function o(e,t){if(!document.getElementById(e)){var n=document.createElement("style");n.id=e,n.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(n)}}a()||(document.documentElement.className+=" no-details",window.addEventListener("click",n),o("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+t+") { display: none; }\nhtml.no-details "+e+" > "+t+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+t+':before { content: "▼"; }'))})?a.call(t,n,t,e):a)||(e.exports=o)},39003:function(e,t,n){"use strict";n.r(t),t.default={}}}]); \ No newline at end of file diff --git a/15661-b012fb086b297e22cc4c.css b/15661-b012fb086b297e22cc4c.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/15661-b012fb086b297e22cc4c.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/15661-b012fb086b297e22cc4c.js b/15661-b012fb086b297e22cc4c.js new file mode 100644 index 000000000..a3d3dce7f --- /dev/null +++ b/15661-b012fb086b297e22cc4c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15661,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,t,r){var n=r(64836);t.Z=void 0;var a=n(r(67294)),s=n(r(45697)),o=n(r(19845)),l=n(r(17422)),i=o.default.bind(l.default),u={name:s.default.string.isRequired,src:s.default.string,url:s.default.string,version:s.default.string.isRequired},d=function(e){var t=e.src,r=e.name,n=e.url,s=e.version,o=a.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(s)},a.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),a.default.createElement("span",{className:i("badge-version")},"v".concat(s))),l=t?a.default.createElement("a",{className:i("badge"),href:t},a.default.createElement("span",{className:i("badge-name")},"github"),a.default.createElement("span",{className:i("badge-version")},"source")):void 0;return a.default.createElement("div",{className:i("badge-container")},o,l)};d.propTypes=u;var c=d;t.Z=c},15661:function(e,t,r){r.r(t),r.d(t,{default:function(){return d}});r(67294);var n=r(81254),a=r(97583),s=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var i={},u="wrapper";function d(e){var t=e.components,r=l(e,s);return(0,n.mdx)(u,o({},i,r,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(a.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"stylelint-config-terra"},"Stylelint Config Terra"),(0,n.mdx)("p",null,"This configuration reflects Terra's supported stylelint policy for stylesheets. It extends the ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/bjankord/stylelint-config-sass-guidelines"},"stylelint-config-sass-guidelines")," configuration which is based on ",(0,n.mdx)("a",{parentName:"p",href:"https://sass-guidelin.es/"},"sass-guidelines"),". Additionally, this configuration utilizes the ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/ismay/stylelint-no-unsupported-browser-features"},"stylelint-no-unsupported-browser-features")," plugin to check if the styles used are supported by the local browserslist being targeted."),(0,n.mdx)("h2",{id:"what-is-stylelint"},"What is Stylelint?"),(0,n.mdx)("p",null,(0,n.mdx)("a",{parentName:"p",href:"https://stylelint.io/"},"Stylelint")," is a mighty, modern CSS linter and fixer that helps you avoid errors and enforce consistent conventions in your stylesheets."),(0,n.mdx)("h2",{id:"installation"},"Installation"),(0,n.mdx)("p",null,"Install the module"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-shell"},"$ npm install stylelint --save-dev\n$ npm install @cerner/stylelint-config-terra --save-dev\n")),(0,n.mdx)("h2",{id:"usage"},"Usage"),(0,n.mdx)("h3",{id:"packagejson"},"package.json"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-json"},'{\n "stylelint": {\n "extends": "@cerner/stylelint-config-terra"\n }\n}\n')),(0,n.mdx)("h3",{id:"extending-terras-configuration"},"Extending Terra's Configuration"),(0,n.mdx)("p",null,"It is possible to specify and override the rules defined by stylelint-config-terra. Read more about it ",(0,n.mdx)("a",{parentName:"p",href:"https://stylelint.io/user-guide/configuration/#extends"},"here"),"."),(0,n.mdx)("p",null,"For example, it is possible to override the browsers specified to the no-unsupported-browser-features plugin."),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-json"},'{\n "stylelint": {\n "extends @cerner/stylelint-config-terra",\n "rules": {\n "plugin/no-unsupported-browser-features": [\n true,\n "browsers": ["iOS >= 10"],\n "severity": "warning",\n ]\n }\n }\n}\n')),(0,n.mdx)("h2",{id:"custom-lint-rules"},"Custom Lint Rules"),(0,n.mdx)("p",null,"The following custom rules are enabled by default."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/stylelint-config-terra/custom-rules/custom-property-name"},"terra/custom-property-name"),": Requires custom properties to be suffixed with the css property name."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/stylelint-config-terra/custom-rules/custom-property-namespace"},"terra/custom-property-namespace"),": Requires custom properties to be prefixed with a namespace."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/stylelint-config-terra/custom-rules/custom-property-no-duplicate-declaration"},"terra/custom-property-no-duplication-declaration"),": Disallows a custom property to be declared more than once with a different fallback value."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/stylelint-config-terra/custom-rules/custom-property-pattern"},"terra/custom-property-pattern"),": Requires custom properties to be written in lowercase alphanumeric characters and hyphens."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/stylelint-config-terra/custom-rules/custom-property-pseudo-selectors"},"terra/custom-property-pseudo-selectors"),": Requires custom properties to include all ancestor pseudo selectors in order.")))}d.isMDXComponent=!0},97583:function(e,t,r){r.d(t,{C:function(){return s}});var n=r(67294),a=r(22863),s=function(e){var t=e.url;return n.createElement(a.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/stylelint-config-terra",name:"@cerner/stylelint-config-terra",version:"5.0.1",url:t})}},17422:function(e,t,r){r.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/15669-5b92d13b8a62d2a11604.js b/15669-5b92d13b8a62d2a11604.js new file mode 100644 index 000000000..8a08b63dd --- /dev/null +++ b/15669-5b92d13b8a62d2a11604.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15669],{22678:function(e,t,n){"use strict";var a=n(64836),o=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.loadY2AxisLabelPopup=t.loadXAndYAxisLabelPopup=t.loadTrackPopup=t.loadTimelinePopup=t.loadTextLabelPopup=t.loadTaskPopup=t.loadPopup=t.loadPiePopup=t.loadDatelinePopup=t.loadBubblePopup=t.loadBarPopup=void 0;var r=a(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=s(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 p=r?Object.getOwnPropertyDescriptor(e,l):null;p&&(p.get||p.set)?Object.defineProperty(a,l,p):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(79590)),p=a(n(88703)),i=a(n(53334));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)}var c=function(e){return new Date(e).toLocaleString()},u=function(e){return e?d(e)?c(e):e:null},d=function(e){return e instanceof Date},f=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t),a.append("g").classed("popup-text",!0).text(n)},m=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t);for(var o=a.append("g").classed("section",!0),l=function(){var e=i[p],t=o.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var n=(0,r.default)(e,2),a=n[0],o=n[1],l=t.append("g").classed("popup-item",!0);l.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),l.append("g").classed("popup-text",!0).text(o)}))},p=0,i=Object.values(n);p0){var i=[];i.forEach((function(e){i.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Tasks",i)}if(r&&r.length>0){var s=[];r.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Activities",s)}if(l&&l.length>0){var c=[];l.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),m(a,"Events",c)}if(p&&p.length>0){var u=[];p.forEach((function(e){u.push({name:e.key,values:e.values.join(", ")})})),m(a,"Actions",u)}},t.loadTaskPopup=function(e,t,n,a){v();var o=y(e).append("g"),r=a.label,l=a.display,p=a.y,i=a.startDate,s=a.endDate,u=a.percentage;r&&f(o,"Task Name",l),f(o,"Track",p),f(o,"Start Date",c(i)),f(o,"End Date",c(s)),u&&f(o,"Percentage",u)},t.loadDatelinePopup=function(e,t){v();var n=y(e).append("g"),a=t.label,o=t.value;a&&f(n,"Milestone",a.display),f(n,"Date",c(o))},t.loadTimelinePopup=function(e,t,n,a){v();var o=y(e).append("g"),r=a.x,l=(a.y,a.label),p=a.content;f(o,"X axis","".concat(d(r)?c(r):r)),f(o,"".concat(l.display),p)},t.loadPiePopup=function(e,t,n,a){v();var o=y(e).append("g"),r=a.label,l=a.value;f(o,r.display,l)}},93065:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(45697));n(80244);var l={id:r.default.string.isRequired},p=function(e){return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),o.default.createElement("div",{id:e.id,className:"example-graph-container"}))};p.propTypes=l;t.default=p},29002:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),o=["components"];function r(){return r=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}var p={},i="wrapper";function s(e){var t=e.components,n=l(e,o);return(0,a.mdx)(i,r({},p,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadTimelinePopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst bobRossIpsum = 'Just use the old one inch brush. It is so important to do something every day that will make you happy.'\n + 'I sincerely wish for you every possible joy life could bring. Water is like me. It iss laaazy ... Boy, it '\n + 'always looks for the easiest way to do things\\n\\nWe are trying to teach you a technique here and how to use it. '\n + 'The least little bit can do so much. There we go.\\n\\nNo worries. No cares. Just float and wait for the wind to blow you around.'\n + 'These trees are so much fun. I get started on them and I have a hard time stopping. We wll make some happy little bushes here. '\n + 'Absolutely no pressure. You are just a whisper floating across a mountain. There are no limits in this world.'\n + 'A thin paint will stick to a thick paint.\\n';\n\nconst data = {\n key: 'uid_1',\n label: {\n display: 'Timeline A',\n },\n color: Carbon.helpers.COLORS.BLUE,\n onClick: loadTimelinePopup,\n values: [\n {\n x: new Date(2016, 0, 1, 1, 30).toISOString(),\n content: bobRossIpsum,\n },\n {\n x: new Date(2016, 0, 1, 2, 15).toISOString(),\n content: bobRossIpsum,\n },\n {\n x: new Date(2016, 0, 1, 3, 15).toISOString(),\n content: bobRossIpsum,\n },\n {\n x: new Date(2016, 0, 1, 4, 15).toISOString(),\n content: bobRossIpsum,\n },\n {\n x: new Date(2016, 0, 1, 5, 15).toISOString(),\n content: bobRossIpsum,\n },\n ],\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0},38646:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),o=["components"];function r(){return r=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}var p={},i="wrapper";function s(e){var t=e.components,n=l(e,o);return(0,a.mdx)(i,r({},p,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadTimelinePopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst data = {\n key: 'uid_2',\n label: {\n display: 'Timeline B',\n },\n shape: Carbon.helpers.SHAPES.DARK.RHOMBUS,\n color: Carbon.helpers.COLORS.GREEN,\n onClick: loadTimelinePopup,\n values: [\n {\n x: new Date(2016, 0, 1, 7, 15).toISOString(),\n content: 'This is custom value of another unit',\n },\n {\n x: new Date(2016, 0, 1, 9, 45).toISOString(),\n content: 'This is custom value of another unit',\n },\n {\n x: new Date(2016, 0, 1, 12).toISOString(),\n content: 'This is custom value of another unit',\n },\n ],\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0},51320:function(e,t,n){var a,o;void 0===(o="function"==typeof(a=function(){var e="details",t="summary";function n(e){if("summary"===e.target.nodeName.toLowerCase()){var t=e.target.parentNode;if(!t)return;t.getAttribute("open")?(t.open=!1,t.removeAttribute("open")):(t.open=!0,t.setAttribute("open","open"))}}function a(){var n=document.createElement(e);if(!("open"in n))return!1;n.innerHTML="<"+t+">ab",document.body.appendChild(n);var a=n.offsetHeight;n.open=!0;var o=a!=n.offsetHeight;return document.body.removeChild(n),o}function o(e,t){if(!document.getElementById(e)){var n=document.createElement("style");n.id=e,n.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(n)}}a()||(document.documentElement.className+=" no-details",window.addEventListener("click",n),o("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+t+") { display: none; }\nhtml.no-details "+e+" > "+t+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+t+':before { content: "▼"; }'))})?a.call(t,n,t,e):a)||(e.exports=o)},13698:function(e,t,n){"use strict";n.r(t),t.default={}}}]); \ No newline at end of file diff --git a/16194-9beddc4a08afa8fea6d4.js b/16194-9beddc4a08afa8fea6d4.js new file mode 100644 index 000000000..edd595faa --- /dev/null +++ b/16194-9beddc4a08afa8fea6d4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16194],{84111:function(e,n,a){var r=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=r(a(54520)),o=a(22678),s={key:"uid_bar_1",label:{display:"Data Label 1"},color:t.default.helpers.COLORS.GREEN,onClick:o.loadBarPopup,values:[{x:1,y:30},{x:2,y:10},{x:3,y:13},{x:4,y:15},{x:5,y:18}],regions:[{axis:"y",x:1,start:7,end:7},{axis:"y",x:2,start:13,end:13},{axis:"y",x:3,start:17,end:17},{axis:"y",x:4,start:4,end:4}]};n.default=s},10121:function(e,n,a){var r=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=r(a(54520)),o=a(22678),s={key:"grouped_bar_5",label:{display:"Dataset 5"},color:t.default.helpers.COLORS.BLUE,onClick:o.loadBarPopup,values:[{x:1,y:15},{x:2,y:10},{x:3,y:13},{x:4,y:8}],regions:[{axis:"y",x:1,start:7,end:7},{axis:"y",x:2,start:13,end:13},{axis:"y",x:3,start:17,end:17},{axis:"y",x:4,start:4,end:4}]};n.default=s},45541:function(e,n,a){var r=a(64836);n.Z=void 0;var t=r(a(67294)),o=r(a(54520)),s=r(a(53334));a(56867),a(83054);var p=r(a(93065)),l=r(a(13512)),i=r(a(39358)),d=r(a(84111)),c=r(a(10121)),u=s.default.deepClone((0,l.default)("#groupedGoalLineBarGraph")),m=[s.default.deepClone(i.default),s.default.deepClone(d.default),s.default.deepClone(c.default)];n.Z=function(){return t.default.useEffect((function(){var e=o.default.api.graph(u);m.forEach((function(n){e.loadContent(o.default.api.bar(n))}))}),[]),t.default.createElement(p.default,{id:"groupedGoalLineBarGraph"})}},16194:function(e,n,a){a.r(n),a.d(n,{default:function(){return N}});var r=a(67294),t=a(81254),o=a(45541),s=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var i={};function d(e){var n=e.components,a=l(e,s);return(0,t.mdx)("wrapper",p({},i,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Bar/BarGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getBarConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Bar/barDefault';\nimport exampleData1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Bar/dataset1regions';\nimport exampleData2 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Bar/dataset2regions';\nimport exampleData3 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Bar/dataset3regions';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getBarConfig('#groupedGoalLineBarGraph'));\n\nconst dataset = [\n utils.deepClone(exampleData1),\n utils.deepClone(exampleData2),\n utils.deepClone(exampleData3),\n];\n\nexport default () => {\n React.useEffect(() => {\n const graph = Carbon.api.graph(graphConfig);\n dataset.forEach((data) => {\n graph.loadContent(Carbon.api.bar(data));\n });\n }, []);\n\n return (\n \n );\n};\n\n")))}d.isMDXComponent=!0;var c=a(49271),u=a(25005),m=function(e){var n=e.title,a=e.description,t=e.isExpanded;return r.createElement(c.Z,{title:n||"Grouped Goal Lines",description:a,example:r.createElement(o.Z,null),exampleCssSrc:r.createElement(u.Z,null),exampleSrc:r.createElement(d,null),isExpanded:t})},x=a(50298),f=a(44059),b=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var h={},O="wrapper";function v(e){var n=e.components,a=y(e,b);return(0,t.mdx)(O,g({},h,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadBarPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst data = {\n key: 'uid_bar_1',\n label: {\n display: 'Data Label 1',\n },\n color: Carbon.helpers.COLORS.GREEN,\n onClick: loadBarPopup,\n values: [\n {\n x: 1,\n y: 30,\n },\n {\n x: 2,\n y: 10,\n },\n {\n x: 3,\n y: 13,\n },\n {\n x: 4,\n y: 15,\n },\n {\n x: 5,\n y: 18,\n },\n ],\n regions: [\n {\n axis: 'y',\n x: 1,\n start: 7,\n end: 7,\n },\n {\n axis: 'y',\n x: 2,\n start: 13,\n end: 13,\n },\n {\n axis: 'y',\n x: 3,\n start: 17,\n end: 17,\n },\n {\n axis: 'y',\n x: 4,\n start: 4,\n end: 4,\n },\n ],\n};\n\nexport default data;\n\n")))}v.isMDXComponent=!0;var j=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var w={},E="wrapper";function G(e){var n=e.components,a=D(e,j);return(0,t.mdx)(E,C({},w,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadBarPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst data = {\n key: 'grouped_bar_5',\n label: {\n display: 'Dataset 5',\n },\n color: Carbon.helpers.COLORS.BLUE,\n onClick: loadBarPopup,\n values: [\n {\n x: 1,\n y: 15,\n },\n {\n x: 2,\n y: 10,\n },\n {\n x: 3,\n y: 13,\n },\n {\n x: 4,\n y: 8,\n },\n ],\n regions: [\n {\n axis: 'y',\n x: 1,\n start: 7,\n end: 7,\n },\n {\n axis: 'y',\n x: 2,\n start: 13,\n end: 13,\n },\n {\n axis: 'y',\n x: 3,\n start: 17,\n end: 17,\n },\n {\n axis: 'y',\n x: 4,\n start: 4,\n end: 4,\n },\n ],\n};\n\nexport default data;\n\n")))}G.isMDXComponent=!0;var B=["components"];function P(){return P=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}a(51320);var k={},S="wrapper";function N(e){var n=e.components,a=L(e,B);return(0,t.mdx)(S,P({},k,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("h1",{id:"grouped-bar-graph-with-goal-lines"},"Grouped Bar Graph with Goal Lines"),(0,t.mdx)("p",null,"This is a grouped bar graph with goal lines."),(0,t.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Install with ",(0,t.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"npm i @cerner/carbon-graphs --save-dev"))))),(0,t.mdx)("h2",{id:"usage"},"Usage"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,t.mdx)("h2",{id:"examples"},"Examples"),(0,t.mdx)(m,{mdxType:"BarGraph"}),(0,t.mdx)("details",null,(0,t.mdx)("summary",{style:{fontSize:24}},(0,t.mdx)("b",null,"Data")),(0,t.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,t.mdx)(x.Z,{mdxType:"GraphConfig"}),(0,t.mdx)("h3",{id:"data-object"},"Data object"),(0,t.mdx)("h4",{id:"dataset-1"},"Dataset 1"),(0,t.mdx)(f.Z,{mdxType:"DataObject1"}),(0,t.mdx)("h4",{id:"dataset-2"},"Dataset 2"),(0,t.mdx)(v,{mdxType:"DataObject2"}),(0,t.mdx)("h4",{id:"dataset-3"},"Dataset 3"),(0,t.mdx)(G,{mdxType:"DataObject3"})))}N.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/16303-5815d645cbcfd9c17125.js b/16303-5815d645cbcfd9c17125.js new file mode 100644 index 000000000..8dcbb106b --- /dev/null +++ b/16303-5815d645cbcfd9c17125.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16303],{16303:function(e,r,n){n.r(r),n.d(r,{default:function(){return y}});n(67294);var t=n(81254),o=["components"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[n]=e[n]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var l={},c="wrapper";function i(e){var r=e.components,n=p(e,o);return(0,t.mdx)(c,a({},l,n,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)("h1",{id:"custom-property-pattern"},"custom-property-pattern"),(0,t.mdx)("p",null,"Requires custom properties defined within var functions to contain only alphanumeric characters and hyphens."),(0,t.mdx)("h2",{id:"options"},"Options"),(0,t.mdx)("p",null,(0,t.mdx)("inlineCode",{parentName:"p"},"boolean"),": ",(0,t.mdx)("inlineCode",{parentName:"p"},"true")),(0,t.mdx)("p",null,"The following patterns are considered violations:"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-css"},"a { background-color: var(--terra-Example-color); }\n")),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-css"},"a { background-color: var(--terra_example_color); }\n")),(0,t.mdx)("p",null,"The following patterns are ",(0,t.mdx)("em",{parentName:"p"},"not")," considered violations:"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-css"},"a { color: var(--terra-example-color); }\n")))}i.isMDXComponent=!0;var s=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[n]=e[n]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var d={},f="wrapper";function y(e){var r=e.components,n=m(e,s);return(0,t.mdx)(f,u({},d,n,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)(i,{mdxType:"Readme"}))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/16380-254277d96aab1d09ceec.css b/16380-254277d96aab1d09ceec.css new file mode 100644 index 000000000..26a3a2177 --- /dev/null +++ b/16380-254277d96aab1d09ceec.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} +.CalendarFilter-module__clinical-lowlight-theme___LdiKG{--terra-date-picker-calendar-filter-border: 1px solid #2d3539;--terra-date-picker-calendar-filter-width: 16.78571rem}.CalendarFilter-module__orion-fusion-theme___O1Zo\+{--terra-date-picker-calendar-filter-border: 1px solid #aeaeae;--terra-date-picker-calendar-filter-width: 18.75rem}.CalendarFilter-module__calendar-filter___OsNST{-webkit-user-select:none;-ms-user-select:none;user-select:none;width:16.78571rem;width:var(--terra-date-picker-calendar-filter-width, 16.78571rem)}[dir] .CalendarFilter-module__calendar-filter___OsNST{border:1px solid #aeaeae;border:var(--terra-date-picker-calendar-filter-border, 1px solid #aeaeae)}.CalendarFilter-module__calendar-filter___OsNST [data-navigation-next],.CalendarFilter-module__calendar-filter___OsNST [data-navigation-previous]{height:1rem;width:1rem} +.DatePickerExampleCommon-module__date-wrapper___UWblk{display:inline-block} diff --git a/16380-254277d96aab1d09ceec.js b/16380-254277d96aab1d09ceec.js new file mode 100644 index 000000000..d2447c953 --- /dev/null +++ b/16380-254277d96aab1d09ceec.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16380,45627,85565,3353,79482,5161,45865,85355,80858,3193,4845,46647,85161,38681,15318,40411,66097,90941,18101,79980,33324,38443,79057,11264,34319,62979,20116,33609,12026,78996,39915,33442],{46700:function(s,j,e){var n={"./af":42786,"./af.js":42786,"./ar":30867,"./ar-dz":14130,"./ar-dz.js":14130,"./ar-kw":96135,"./ar-kw.js":96135,"./ar-ly":56440,"./ar-ly.js":56440,"./ar-ma":47702,"./ar-ma.js":47702,"./ar-ps":20315,"./ar-ps.js":20315,"./ar-sa":16040,"./ar-sa.js":16040,"./ar-tn":37100,"./ar-tn.js":37100,"./ar.js":30867,"./az":31083,"./az.js":31083,"./be":9808,"./be.js":9808,"./bg":68338,"./bg.js":68338,"./bm":67438,"./bm.js":67438,"./bn":8905,"./bn-bd":76225,"./bn-bd.js":76225,"./bn.js":8905,"./bo":11560,"./bo.js":11560,"./br":1278,"./br.js":1278,"./bs":80622,"./bs.js":80622,"./ca":2468,"./ca.js":2468,"./cs":5822,"./cs.js":5822,"./cv":50877,"./cv.js":50877,"./cy":47373,"./cy.js":47373,"./da":24780,"./da.js":24780,"./de":59740,"./de-at":60217,"./de-at.js":60217,"./de-ch":60894,"./de-ch.js":60894,"./de.js":59740,"./dv":5300,"./dv.js":5300,"./el":50837,"./el.js":50837,"./en-au":78348,"./en-au.js":78348,"./en-ca":77925,"./en-ca.js":77925,"./en-gb":22243,"./en-gb.js":22243,"./en-ie":46436,"./en-ie.js":46436,"./en-il":47207,"./en-il.js":47207,"./en-in":44175,"./en-in.js":44175,"./en-nz":76319,"./en-nz.js":76319,"./en-sg":31662,"./en-sg.js":31662,"./eo":92915,"./eo.js":92915,"./es":55655,"./es-do":55251,"./es-do.js":55251,"./es-mx":96112,"./es-mx.js":96112,"./es-us":71146,"./es-us.js":71146,"./es.js":55655,"./et":5603,"./et.js":5603,"./eu":77763,"./eu.js":77763,"./fa":76959,"./fa.js":76959,"./fi":11897,"./fi.js":11897,"./fil":42549,"./fil.js":42549,"./fo":94694,"./fo.js":94694,"./fr":94470,"./fr-ca":63049,"./fr-ca.js":63049,"./fr-ch":52330,"./fr-ch.js":52330,"./fr.js":94470,"./fy":5044,"./fy.js":5044,"./ga":29295,"./ga.js":29295,"./gd":2101,"./gd.js":2101,"./gl":38794,"./gl.js":38794,"./gom-deva":27884,"./gom-deva.js":27884,"./gom-latn":23168,"./gom-latn.js":23168,"./gu":95349,"./gu.js":95349,"./he":24206,"./he.js":24206,"./hi":30094,"./hi.js":30094,"./hr":30316,"./hr.js":30316,"./hu":22138,"./hu.js":22138,"./hy-am":11423,"./hy-am.js":11423,"./id":29218,"./id.js":29218,"./is":90135,"./is.js":90135,"./it":90626,"./it-ch":10150,"./it-ch.js":10150,"./it.js":90626,"./ja":39183,"./ja.js":39183,"./jv":24286,"./jv.js":24286,"./ka":12105,"./ka.js":12105,"./kk":47772,"./kk.js":47772,"./km":18758,"./km.js":18758,"./kn":79282,"./kn.js":79282,"./ko":33730,"./ko.js":33730,"./ku":1408,"./ku-kmr":90563,"./ku-kmr.js":90563,"./ku.js":1408,"./ky":33291,"./ky.js":33291,"./lb":36841,"./lb.js":36841,"./lo":55466,"./lo.js":55466,"./lt":57010,"./lt.js":57010,"./lv":37595,"./lv.js":37595,"./me":39861,"./me.js":39861,"./mi":35493,"./mi.js":35493,"./mk":59637,"./mk.js":59637,"./ml":87341,"./ml.js":87341,"./mn":5115,"./mn.js":5115,"./mr":10370,"./mr.js":10370,"./ms":9847,"./ms-my":41237,"./ms-my.js":41237,"./ms.js":9847,"./mt":72126,"./mt.js":72126,"./my":56165,"./my.js":56165,"./nb":64924,"./nb.js":64924,"./ne":16744,"./ne.js":16744,"./nl":93901,"./nl-be":59814,"./nl-be.js":59814,"./nl.js":93901,"./nn":83877,"./nn.js":83877,"./oc-lnc":92135,"./oc-lnc.js":92135,"./pa-in":47762,"./pa-in.js":47762,"./pl":64495,"./pl.js":64495,"./pt":96432,"./pt-br":57971,"./pt-br.js":57971,"./pt.js":96432,"./ro":96459,"./ro.js":96459,"./ru":21793,"./ru.js":21793,"./sd":40950,"./sd.js":40950,"./se":10490,"./se.js":10490,"./si":90124,"./si.js":90124,"./sk":64249,"./sk.js":64249,"./sl":14985,"./sl.js":14985,"./sq":51104,"./sq.js":51104,"./sr":49131,"./sr-cyrl":79915,"./sr-cyrl.js":79915,"./sr.js":49131,"./ss":85893,"./ss.js":85893,"./sv":98760,"./sv.js":98760,"./sw":91172,"./sw.js":91172,"./ta":27333,"./ta.js":27333,"./te":23110,"./te.js":23110,"./tet":52095,"./tet.js":52095,"./tg":27321,"./tg.js":27321,"./th":9041,"./th.js":9041,"./tk":19005,"./tk.js":19005,"./tl-ph":75768,"./tl-ph.js":75768,"./tlh":89444,"./tlh.js":89444,"./tr":72397,"./tr.js":72397,"./tzl":28254,"./tzl.js":28254,"./tzm":51106,"./tzm-latn":30699,"./tzm-latn.js":30699,"./tzm.js":51106,"./ug-cn":9288,"./ug-cn.js":9288,"./uk":67691,"./uk.js":67691,"./ur":13795,"./ur.js":13795,"./uz":6791,"./uz-latn":14126,"./uz-latn.js":14126,"./uz.js":6791,"./vi":65666,"./vi.js":65666,"./x-pseudo":14378,"./x-pseudo.js":14378,"./yo":75805,"./yo.js":75805,"./zh-cn":83839,"./zh-cn.js":83839,"./zh-hk":55726,"./zh-hk.js":55726,"./zh-mo":99807,"./zh-mo.js":99807,"./zh-tw":74152,"./zh-tw.js":74152};function a(s){var j=r(s);return e(j)}function r(s){if(!e.o(n,s)){var j=new Error("Cannot find module '"+s+"'");throw j.code="MODULE_NOT_FOUND",j}return n[s]}a.keys=function(){return Object.keys(n)},a.resolve=r,s.exports=a,a.id=46700}}]); \ No newline at end of file diff --git a/16404-b8feeacb19c63257ef9d.css b/16404-b8feeacb19c63257ef9d.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/16404-b8feeacb19c63257ef9d.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/16404-b8feeacb19c63257ef9d.js b/16404-b8feeacb19c63257ef9d.js new file mode 100644 index 000000000..53e681f1d --- /dev/null +++ b/16404-b8feeacb19c63257ef9d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16404,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,n){var l=n(64836);a.Z=void 0;var r=l(n(67294)),t=l(n(45697)),d=l(n(19845)),m=l(n(17422)),i=d.default.bind(m.default),u={name:t.default.string.isRequired,src:t.default.string,url:t.default.string,version:t.default.string.isRequired},o=function(e){var a=e.src,n=e.name,l=e.url,t=e.version,d=r.default.createElement("a",{className:i("badge"),href:l||"https://www.npmjs.org/package/".concat(n,"/v/").concat(t)},r.default.createElement("span",{className:i("badge-name")},l?"package":"npm"),r.default.createElement("span",{className:i("badge-version")},"v".concat(t))),m=a?r.default.createElement("a",{className:i("badge"),href:a},r.default.createElement("span",{className:i("badge-name")},"github"),r.default.createElement("span",{className:i("badge-version")},"source")):void 0;return r.default.createElement("div",{className:i("badge-container")},d,m)};o.propTypes=u;var p=o;a.Z=p},16404:function(e,a,n){n.r(a),n.d(a,{default:function(){return g}});n(67294);var l=n(81254),r=n(97583),t=["components"];function d(){return d=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 t=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={},u="wrapper";function o(e){var a=e.components,n=m(e,t);return(0,l.mdx)(u,d({},i,n,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"changelog"},"ChangeLog"),(0,l.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,l.mdx)("h2",{id:"501---november-8-2023"},"5.0.1 - (November 8, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixes",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed unresolved peer dependency"),(0,l.mdx)("li",{parentName:"ul"},"Corrected version of ",(0,l.mdx)("inlineCode",{parentName:"li"},"browserslist-config-terra"),". It should now pull in v4.")))),(0,l.mdx)("h2",{id:"500---october-26-2023"},"5.0.0 - (October 26, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Breaking Change",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Upgraded Stylelint from 13 to 15.")))),(0,l.mdx)("h2",{id:"460---september-26-2023"},"4.6.0 - (September 26, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"450---august-31-2023"},"4.5.0 - (August 31, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"442---august-30-2023"},"4.4.2 - (August 30, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"441---august-25-2023"},"4.4.1 - (August 25, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,l.mdx)("inlineCode",{parentName:"li"},"postinstall")," step when installing."),(0,l.mdx)("li",{parentName:"ul"},"Optimized package size by exlucding unnecessary files when publishing.")))),(0,l.mdx)("h2",{id:"440---august-24-2023"},"4.4.0 - (August 24, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"430---february-11-2022"},"4.3.0 - (February 11, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Revert limiting upper Node version to 14.")))),(0,l.mdx)("h2",{id:"420---february-8-2022"},"4.2.0 - (February 8, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated component to support Node 14.")))),(0,l.mdx)("h2",{id:"410---february-25-2021"},"4.1.0 - (February 25, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"declaration-property-unit-whitelist is deprecated, converting to declaration-property-unit-allowed-list.")))),(0,l.mdx)("h2",{id:"400---january-5-2021"},"4.0.0 - (January 5, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Breaking"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Drop support for node versions below version 10."),(0,l.mdx)("li",{parentName:"ul"},"Require stylelint version 13."),(0,l.mdx)("li",{parentName:"ul"},"Scope package under @cerner."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Use jest for tests."),(0,l.mdx)("li",{parentName:"ul"},"Added publish config to package.json."),(0,l.mdx)("li",{parentName:"ul"},"Opened the node version to allow versions higher than node 10.")))),(0,l.mdx)("h2",{id:"370---july-28-2020"},"3.7.0 - (July 28, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Support scoped package names")))),(0,l.mdx)("h2",{id:"360---july-21-2020"},"3.6.0 - (July 21, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated the custom-property-pattern rule to not require the terra prefix")))),(0,l.mdx)("h2",{id:"350---june-9-2020"},"3.5.0 - (June 9, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated eslint-config-terra to @cerner/eslint-config-terra v^4.0.0")))),(0,l.mdx)("h2",{id:"340---march-31-2020"},"3.4.0 - (March 31, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Removed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed the ",(0,l.mdx)("inlineCode",{parentName:"li"},"suitcss/custom-property-no-outside-root")," rule as it conflicts with our themeing strategy.")))),(0,l.mdx)("h2",{id:"330---january-28-2020"},"3.3.0 - (January 28, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added Dave as a code owner."),(0,l.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,l.mdx)("h2",{id:"320---october-3-2019"},"3.2.0 - (October 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added no-extra-semicolons rule to enforce no extra semicolons"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated nvmrc file to use lts/dubnium"),(0,l.mdx)("li",{parentName:"ul"},"Updated find-up dependency to ^4.0.0"),(0,l.mdx)("li",{parentName:"ul"},"Updated postcss-value-parser to ^4.0.0"),(0,l.mdx)("li",{parentName:"ul"},"Updated ESLint to v6"),(0,l.mdx)("li",{parentName:"ul"},"Updated stylelint-config-sass-guidelines to ^6.1.0"),(0,l.mdx)("li",{parentName:"ul"},"Updated stylelint-order to ^3.1.1"),(0,l.mdx)("li",{parentName:"ul"},"Updated stylelint-scss to ^3.11.0"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed DangerJS integration"),(0,l.mdx)("li",{parentName:"ul"},"Removed Terra prefix from mixin pattern rule."),(0,l.mdx)("li",{parentName:"ul"},"Removed rimraf devDependency")))),(0,l.mdx)("h2",{id:"310---may-9-2019"},"3.1.0 - (May 9, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added warning to enforce a unitless line-height")))),(0,l.mdx)("h2",{id:"300---may-1-2019"},"3.0.0 - (May 1, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Breaking Changes",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added more styles to ignore list"),(0,l.mdx)("li",{parentName:"ul"},"Updated stylelint dependencies to latest major versions")))),(0,l.mdx)("h2",{id:"200---january-29-2019"},"2.0.0 - (January 29, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Breaking Changes",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Enabled custom property rules to throw errors for violations")))),(0,l.mdx)("h2",{id:"151---december-19-2018"},"1.5.1 - (December 19, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Adjusted custom-property-pseudo-selectors to not require multiple definitions of the same pseudo selector if declared in the same block")))),(0,l.mdx)("h2",{id:"150---december-5-2018"},"1.5.0 - (December 5, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed custom property version checking."),(0,l.mdx)("li",{parentName:"ul"},"Renamed custom-property-namespace-version to custom-property-namespace")))),(0,l.mdx)("h2",{id:"140---november-29-2018"},"1.4.0 - (November 29, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added: ",(0,l.mdx)("inlineCode",{parentName:"li"},"custom-property-no-duplicate-declaration")," rule to disallow a custom property to be declared more than once with a different fallback value")))),(0,l.mdx)("h2",{id:"130---october-30-2018"},"1.3.0 - (October 30, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added: ",(0,l.mdx)("inlineCode",{parentName:"li"},"custom-property-name")," rule to enforce custom properties be suffixed with the css style property name"),(0,l.mdx)("li",{parentName:"ul"},"Added: ",(0,l.mdx)("inlineCode",{parentName:"li"},"custom-property-namespace-version")," rule to enforce custom properties to be prefixed with a namespace and version"),(0,l.mdx)("li",{parentName:"ul"},"Added: ",(0,l.mdx)("inlineCode",{parentName:"li"},"custom-property-pattern")," rule to enforce custom properties be written in lowercase alphanumeric characters and hyphens"),(0,l.mdx)("li",{parentName:"ul"},"Added: ",(0,l.mdx)("inlineCode",{parentName:"li"},"custom-property-pseudo-selectors")," rule to enforce custom properties to include the ancestor pseudo selector names")))),(0,l.mdx)("h2",{id:"120---august-30-2018"},"1.2.0 - (August 30, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Bumped stylelint-order dependency to v1.0.0")))),(0,l.mdx)("h2",{id:"110---august-8-2018"},"1.1.0 - (August 8, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"calc"),", ",(0,l.mdx)("inlineCode",{parentName:"li"},"cursor"),", and ",(0,l.mdx)("inlineCode",{parentName:"li"},"outline")," to ignored style list for browser support.")))),(0,l.mdx)("h2",{id:"100---june-18-2018"},"1.0.0 - (June 18, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Initial stable release")))}o.isMDXComponent=!0;var p=["components"];function s(){return s=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 t=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={},N="wrapper";function g(e){var a=e.components,n=x(e,p);return(0,l.mdx)(N,s({},c,n,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(r.C,{mdxType:"Badge"}),(0,l.mdx)(o,{mdxType:"ChangeLog"}))}g.isMDXComponent=!0},97583:function(e,a,n){n.d(a,{C:function(){return t}});var l=n(67294),r=n(22863),t=function(e){var a=e.url;return l.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/stylelint-config-terra",name:"@cerner/stylelint-config-terra",version:"5.0.1",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/16467-795b0b46252702e6c64a.css b/16467-795b0b46252702e6c64a.css new file mode 100644 index 000000000..a5ab750ea --- /dev/null +++ b/16467-795b0b46252702e6c64a.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} +.Header-module__clinical-lowlight-theme___UjMS9{--terra-clinical-header-background-color: #141719;--terra-clinical-header-border-bottom: 1px solid #08090a;--terra-clinical-header-min-height: 2.92857rem;--terra-clinical-header-padding: 0.35714rem 0.35714rem 0.35714rem 0.35714rem;--terra-clinical-header-flex-collapse-margin: 0;--terra-clinical-header-subheader-background-color: #141719;--terra-clinical-header-subheader-min-height: 2.857rem;--terra-clinical-header-subheader-padding: 0.3571rem 0.7143rem;--terra-clinical-header-title-font-size: 1.10714rem;--terra-clinical-header-title-font-weight: 500;--terra-clinical-header-title-padding: 0.28571rem 0.71428rem 0 0.71428rem;--terra-clinical-header-end-content-plus-title-padding-left: 0.35714rem;--terra-clinical-header-title-plus-end-content-padding-right: 0.35714rem}.Header-module__orion-fusion-theme___6toUR{--terra-clinical-header-background-color: #f4f4f4;--terra-clinical-header-border-bottom: 0.16666667rem solid #64696c;--terra-clinical-header-color: #1c1f21;--terra-clinical-header-min-height: 2.83333rem;--terra-clinical-header-padding: 0;--terra-clinical-header-flex-collapse-margin: 0.5rem;--terra-clinical-header-subheader-background-color: #f4f4f4;--terra-clinical-header-subheader-min-height: 2.83333rem;--terra-clinical-header-subheader-padding: 0;--terra-clinical-header-title-font-size: 1.5rem;--terra-clinical-header-title-font-weight: normal;--terra-clinical-header-title-padding: 0.25rem 0.25rem 0.25rem 0.25rem;--terra-clinical-header-end-content-plus-title-padding-left: 0;--terra-clinical-header-title-plus-end-content-padding-right: 0}.Header-module__flex-header___fkWPf{-ms-flex-align:start;align-items:flex-start;color:var(--terra-clinical-header-color);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-height:2.92857rem;min-height:var(--terra-clinical-header-min-height, 2.92857rem);position:relative;width:100%}[dir] .Header-module__flex-header___fkWPf{background-color:#f9f9f9;background-color:var(--terra-clinical-header-background-color, #f9f9f9);border-bottom:1px solid #d3d4d5;border-bottom:var(--terra-clinical-header-border-bottom, 1px solid #d3d4d5);padding:0.35714rem 0.35714rem 0.35714rem 0.35714rem;padding:var(--terra-clinical-header-padding, 0.35714rem 0.35714rem 0.35714rem 0.35714rem)}.Header-module__flex-header___fkWPf .Header-module__flex-collapse___VFeRx{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;height:100%;max-width:40%;position:relative}[dir] .Header-module__flex-header___fkWPf .Header-module__flex-collapse___VFeRx{margin:var(--terra-clinical-header-flex-collapse-margin)}.Header-module__subheader___-k6s6{min-height:2.857rem;min-height:var(--terra-clinical-header-subheader-min-height, 2.857rem)}[dir] .Header-module__subheader___-k6s6{background-color:#c8cacb;background-color:var(--terra-clinical-header-subheader-background-color, #c8cacb);padding:0.3571rem 0.7143rem;padding:var(--terra-clinical-header-subheader-padding, 0.3571rem 0.7143rem)}.Header-module__flex-fill___rJ6d7{-ms-flex:1 1 auto;flex:1 1 auto;position:relative;width:100%}.Header-module__flex-end___FAH0Y{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;position:relative}.Header-module__title-container___8iDTh{position:relative;width:100%}.Header-module__title___63-qh{font-size:1.10714rem;font-size:var(--terra-clinical-header-title-font-size, 1.10714rem);font-weight:500;font-weight:var(--terra-clinical-header-title-font-weight, 500);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%;word-wrap:break-word}[dir] .Header-module__title___63-qh{margin-bottom:0;margin-top:0;padding:0.28571rem 0.71428rem 0 0.71428rem;padding:var(--terra-clinical-header-title-padding, 0.28571rem 0.71428rem 0 0.71428rem)}[dir=ltr] .Header-module__flex-end___FAH0Y+.Header-module__flex-fill___rJ6d7 .Header-module__title___63-qh{padding-left:0.35714rem;padding-left:var(--terra-clinical-header-end-content-plus-title-padding-left, 0.35714rem)}[dir=rtl] .Header-module__flex-end___FAH0Y+.Header-module__flex-fill___rJ6d7 .Header-module__title___63-qh{padding-right:0.35714rem;padding-right:var(--terra-clinical-header-end-content-plus-title-padding-left, 0.35714rem)}[dir=ltr] .Header-module__flex-fill___rJ6d7+.Header-module__flex-end___FAH0Y .Header-module__title___63-qh{padding-right:0.35714rem;padding-right:var(--terra-clinical-header-title-plus-end-content-padding-right, 0.35714rem)}[dir=rtl] .Header-module__flex-fill___rJ6d7+.Header-module__flex-end___FAH0Y .Header-module__title___63-qh{padding-left:0.35714rem;padding-left:var(--terra-clinical-header-title-plus-end-content-padding-right, 0.35714rem)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} + diff --git a/16467-795b0b46252702e6c64a.js b/16467-795b0b46252702e6c64a.js new file mode 100644 index 000000000..b68060ad7 --- /dev/null +++ b/16467-795b0b46252702e6c64a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16467,45627,85565,37344,3353,33667,96890,79482,5161,45865,85355,80858,14041,3193,16835,4845,46647,85161,27444,17657,38681,16873,15318,40411,66097,90941,18101,38443,79057,11264,34319,62979,33315,20116,33609,12026,78996,39915,33442],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),o=a(n(19845)),i=a(n(17422)),d=o.default.bind(i.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},c=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(l))),i=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,i)};c.propTypes=u;var s=c;t.Z=s},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),d=a(n(19845)),u=n(21538),c=a(n(33864)),s=a(n(23399)),m=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=d.default.bind(p.default),h={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},y=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,r=e.title,i=e.description,d=e.isExpanded,p=(0,o.useState)(d),f=(0,l.default)(p,2),h=f[0],_=f[1],v=(0,o.useState)(!1),g=(0,l.default)(v,2),O=g[0],C=g[1],T=o.default.useContext(u.ThemeContext),N=void 0!==a,E=function(){C(!O),h&&_(!h)},w=function(){_(!h),O&&C(!O)},j=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:x("template",T.className)},o.default.createElement("div",{className:x("header")},r&&o.default.createElement("h2",{className:x("title")},r)),o.default.createElement("div",{className:x("content")},i&&o.default.createElement("div",{className:x("description")},i),t),o.default.createElement("div",{className:x("footer")},n?o.default.createElement("div",{className:x("button-container")},N&&o.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":O}),onClick:E,onKeyDown:function(e){return j(e,E)},onBlur:y,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:x("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:x("chevron")})),o.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":h}),onClick:w,onKeyDown:function(e){return j(e,w)},onBlur:y,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:x("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:x("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:x("css")},a),h&&o.default.createElement("div",{className:x("code")},n))))};_.propTypes=h,_.defaultProps={isExpanded:!1};var v=_;t.Z=v},40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),r=u(n(45697)),l=u(n(19845)),o=u(n(50026)),i=u(n(66983)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=l.default.bind(i.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},x={children:r.default.string},h=function(e){var t=e.children,n=s(e,d),r=a.default.useContext(o.default),i=(0,l.default)(m(["button",r.className]),n.className);return a.default.createElement("button",c({},n,{type:"button",className:i,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};h.propTypes=x;t.default=h},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),l=d(n(19845)),o=d(n(50026)),i=d(n(30866));function d(e){return e&&e.__esModule?e:{default:e}}var u=l.default.bind(i.default),c={ariaLevel: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,n=e.variant,r=e.children,l=a.default.useContext(o.default);return a.default.createElement("div",{className:u("notice",n,l.className)},a.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:u("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};s.propTypes=c,s.defaultProps={ariaLevel:"2",variant:"important"};t.default=s},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),r=c(n(45697)),l=c(n(93967)),o=c(n(19845)),i=c(n(50026)),d=c(n(42620)),u=["title"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=o.default.bind(d.default),f={title:r.default.string},x=function(e){var t=e.title,n=m(e,u),r=a.default.useContext(i.default),o=(0,l.default)(p(["placeholder",r.className]),n.className),d=p(["inner"]);return a.default.createElement("div",s({},n,{className:o}),a.default.createElement("div",{className:d},a.default.createElement("p",{className:p("title")},t)))};x.propTypes=f,x.defaultProps={title:""};t.default=x},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=o(n(59278)),r=o(n(47306)),l=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},32385:function(e,t,n){n.r(t),n.d(t,{default:function(){return me}});var a=n(67294),r=n(81254),l=n(34749),o=n(78530),i=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={},s="wrapper";function m(e){var t=e.components,n=u(e,i);return(0,r.mdx)(s,d({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.ZP,{mdxType:"PropsTable"},(0,r.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"id"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"IDs should be used with 'aria-labelledby' to associate headings with the corresponding page area when needing to label regions.\nFor an example, read ",(0,r.mdx)("a",{parentName:"p",href:"/terra-ui/components/terra-clinical-header/clinical-header/accessibility-guide"},"Accessibility Guide: Labeling Section Content")," for additional information."))),(0,r.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Child element to be displayed on the right end of the header.\nThe element passed as children will be decorated with flex attributes."))),(0,r.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"startContent"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Content to be displayed at the start of the header, placed before the title"))),(0,r.mdx)(o.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"level"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the heading level ","<","h1",">","-","<","h6",">",". One of ",(0,r.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"6"),". This helps screen readers to announce appropriate heading levels.\nChanging ",(0,r.mdx)("inlineCode",{parentName:"p"},"level")," will not visually change the style of the content."),(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"})," It is required to be set in order for the header text to have proper accessibility.\n",(0,r.mdx)("em",{parentName:"p"},"Note: if the prop is not set level 1 by default. this would result in incorrect context of header in application.")),(0,r.mdx)("p",null,"See the ",(0,r.mdx)("a",{parentName:"p",href:"/terra-ui/components/terra-clinical-header/clinical-header/accessibility-guide"},"Accessibility Guide")," for additional information."))),(0,r.mdx)(o.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"text"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nText to be displayed as the title in the header bar."))),(0,r.mdx)(o.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"title"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nThe ",(0,r.mdx)("inlineCode",{parentName:"p"},"title")," prop has been deprecated and will be removed in next major version release. Use the ",(0,r.mdx)("inlineCode",{parentName:"p"},"text")," prop instead."))),(0,r.mdx)(o.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"endContent"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Content to be displayed at the end of the header\nThe element passed as endContent will be wrapped in a div with flex attributes."))),(0,r.mdx)(o.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"isSubheader"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A Boolean indicating if element is a subheader."))),(0,r.mdx)(o.X2,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"onClick"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function triggered via hyperlink button title.\nSets the header title to be a hyperlink.")))))}m.isMDXComponent=!0;var p=n(25295),f=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var y={};function b(e){var t=e.components,n=h(e,f);return(0,r.mdx)("wrapper",x({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Header from 'terra-clinical-header';\n\nconst TitleHeader = () => (\n
\n);\n\nexport default TitleHeader;\n\n")))}b.isMDXComponent=!0;var _=n(49271),v=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.Z,{title:t||"Title Header",description:n,example:a.createElement(p.Z,null),exampleSrc:a.createElement(b,null),isExpanded:r})},g=n(82333),O=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var N={};function E(e){var t=e.components,n=T(e,O);return(0,r.mdx)("wrapper",C({},N,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Button from \'terra-button\';\nimport Header from \'terra-clinical-header\';\n\nconst ContenteHeader = () => (\n
\n }\n text="Default Header"\n endContent={
\n);\n\nexport default ContenteHeader;\n\n')))}E.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.Z,{title:t||"Content Header",description:n,example:a.createElement(g.Z,null),exampleSrc:a.createElement(E,null),isExpanded:r})},j=n(76516),P=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var H={};function k(e){var t=e.components,n=S(e,P);return(0,r.mdx)("wrapper",D({},H,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Header from 'terra-clinical-header';\n\nconst LongTextWithButtons = () => (\n
\n \n
\n);\n\nexport default LongTextWithButtons;\n\n")))}k.isMDXComponent=!0;var M=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.Z,{title:t||"Header Long Text",description:n,example:a.createElement(j.Z,null),exampleSrc:a.createElement(k,null),isExpanded:r})},R=n(21846),B=["components"];function W(){return W=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var Z={};function X(e){var t=e.components,n=I(e,B);return(0,r.mdx)("wrapper",W({},Z,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNamesBind from 'classnames/bind';\nimport { Placeholder } from '@cerner/terra-docs';\nimport Button from 'terra-button';\nimport Header from 'terra-clinical-header';\nimport styles from './ClinicalHeaderDocCommon.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst LongTextWithContent = () => (\n
\n }\n text=\"Patient Information for Individual Diagnosed with a Chronic Disease in the past or currently suffering: Comprehensive Medical History,Treatment Plan,and Prognosis Report\"\n endContent={
\n \n);\n\nexport default LongTextWithContent;\n\n")))}X.isMDXComponent=!0;var L=["components"];function q(){return q=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var V={};function U(e){var t=e.components,n=A(e,L);return(0,r.mdx)("wrapper",q({},V,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"")))}U.isMDXComponent=!0;var F=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.Z,{title:t||"Header Long Text With Content",description:n,example:a.createElement(R.Z,null),exampleCssSrc:a.createElement(U,null),exampleSrc:a.createElement(X,null),isExpanded:r})},G=n(912),K=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var z={};function Q(e){var t=e.components,n=J(e,K);return(0,r.mdx)("wrapper",Y({},z,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Button from \'terra-button\';\nimport Header from \'terra-clinical-header\';\n\nconst Subheader = () => (\n
\n }\n text="Dr. Carl"\n endContent={
\n);\n\nexport default Subheader;\n\n')))}Q.isMDXComponent=!0;var $=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.Z,{title:t||"Subheader",description:n,example:a.createElement(G.Z,null),exampleSrc:a.createElement(Q,null),isExpanded:r})},ee=n(21522),te=["components"];function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var re={};function le(e){var t=e.components,n=ae(e,te);return(0,r.mdx)("wrapper",ne({},re,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Header from 'terra-clinical-header';\n\nconst HyperlinkTitleHeader = () => (\n // eslint-disable-next-line no-console\n
{ console.log('Hyperlink title clicked'); }} text=\"John Smith\" level={3} />\n);\n\nexport default HyperlinkTitleHeader;\n\n")))}le.isMDXComponent=!0;var oe=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.Z,{title:t||"Hyperlink Title Header",description:n,example:a.createElement(ee.Z,null),exampleSrc:a.createElement(le,null),isExpanded:r})},ie=["components"];function de(){return de=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var ce={},se="wrapper";function me(e){var t=e.components,n=ue(e,ie);return(0,r.mdx)(se,de({},ce,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-clinical-header"},"Terra Clinical Header"),(0,r.mdx)("p",null,"A Header component that allows elements to be placed on the left and right ends of the header with a left aligned title in the center."),(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-clinical-header"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Header from 'terra-clinical-header';\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:"example"},"Example"),(0,r.mdx)(v,{title:"Header With Title Only",mdxType:"TitleHeader"}),(0,r.mdx)(oe,{title:"Header With Hyperlink Title",mdxType:"HyperlinkTitleHeader"}),(0,r.mdx)(w,{title:"Header With Content",mdxType:"ContentHeader"}),(0,r.mdx)(M,{title:"Header With Long Title",mdxType:"HeaderLongText"}),(0,r.mdx)(F,{title:"Header With Long Title, Children, And Content",mdxType:"HeaderLongTextWithContent"}),(0,r.mdx)($,{title:"Subheader With Content",mdxType:"Subheader"}),(0,r.mdx)("h2",{id:"header-props-table"},"Header Props Table"),(0,r.mdx)(m,{mdxType:"HeaderPropsTable"}))}me.isMDXComponent=!0},34749:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-header",name:"terra-clinical-header",version:"3.29.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},4747:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Header-module__clinical-lowlight-theme___UjMS9","orion-fusion-theme":"Header-module__orion-fusion-theme___6toUR","flex-header":"Header-module__flex-header___fkWPf","flex-collapse":"Header-module__flex-collapse___VFeRx",subheader:"Header-module__subheader___-k6s6","flex-fill":"Header-module__flex-fill___rJ6d7","flex-end":"Header-module__flex-end___FAH0Y","title-container":"Header-module__title-container___8iDTh",title:"Header-module__title___63-qh"}},92713:function(e,t,n){n.r(t),t.default={}},77791: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=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(n(67294)),l=m(n(45697)),o=m(n(93967)),i=m(n(19845)),d=m(n(34171)),u=m(n(50026)),c=m(n(4747)),s=["children","title","startContent","endContent","text","level","id","isSubheader","onClick"];function m(e){return e&&e.__esModule?e:{default:e}}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 f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var h=i.default.bind(c.default),y={id:l.default.string,children:l.default.element,startContent:l.default.element,level:l.default.oneOf([1,2,3,4,5,6]),text:l.default.string,title:l.default.string,endContent:l.default.element,isSubheader:l.default.bool,onClick:l.default.func},b=function(e){var t,n=e.children,a=e.title,l=e.startContent,i=e.endContent,c=e.text,m=e.level,p=e.id,y=e.isSubheader,b=e.onClick,_=x(e,s),v=(0,r.useContext)(u.default);a&&console.warn("The `title` prop has been renamed to `text`. Please update all references of `title` prop to `text`."),m||console.warn("Default heading level may not appropriate has it would fail to convey context of heading in a site / application where it is used. Heading level should be set explicitly depending on the position of header in site / application to allow screen readers to identify headers consistently.");var g=a||c;if(g){var O=m?"h".concat(m):"h1";t=r.default.createElement("div",{className:h("title-container")},r.default.createElement(O,{id:p,className:h("title")},b?r.default.createElement(d.default,{onClick:b,text:g}):g))}var C=r.default.Children.map(n,(function(e){return r.default.cloneElement(e,{className:(0,o.default)([h("flex-collapse"),e.props.className])})})),T=(0,o.default)([h(["flex-header",{subheader:y},v.className]),_.className]);return r.default.createElement("header",f({},_,{className:T}),l&&r.default.createElement("div",{className:h("flex-end")},l),r.default.createElement("div",{className:h("flex-fill")},t),C,i&&r.default.createElement("div",{className:h("flex-end")},i))};b.propTypes=y,b.defaultProps={title:"",startContent:null,endContent:null,isSubheader:!1,text:""};t.default=b},82333:function(e,t,n){t.Z=void 0;var a=o(n(67294)),r=o(n(55281)),l=o(n(77791));function o(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement("div",null,a.default.createElement(l.default,{startContent:a.default.createElement(r.default,{text:"Button, Default Header"}),text:"Default Header",endContent:a.default.createElement(r.default,{"aria-label":"Button, Default Header",text:"Button"}),level:3}))}},76516:function(e,t,n){t.Z=void 0;var a=l(n(67294)),r=l(n(77791));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement("div",null,a.default.createElement(r.default,{text:"This is a header with long text .This is an element provides a customizable header layout with a prominent title options for the elements.This component saves time and effort in designing a header from scratch and ensures consistency across a website's pages.",level:3}))}},21846:function(e,t,n){t.Z=void 0;var a=u(n(67294)),r=u(n(19845)),l=n(34261),o=u(n(55281)),i=u(n(77791)),d=u(n(92713));function u(e){return e&&e.__esModule?e:{default:e}}var c=r.default.bind(d.default);t.Z=function(){return a.default.createElement("div",null,a.default.createElement(i.default,{startContent:a.default.createElement(o.default,{"aria-label":"Back, Patient Information for Individual Diagnosed with a Chronic Disease",text:"Back"}),text:"Patient Information for Individual Diagnosed with a Chronic Disease in the past or currently suffering: Comprehensive Medical History,Treatment Plan,and Prognosis Report",endContent:a.default.createElement(o.default,{"aria-label":"print, Patient Information for Individual Diagnosed with a Chronic Disease",text:"print"}),level:3},a.default.createElement(o.default,{text:"Medical History"}),a.default.createElement(l.Placeholder,{className:c("placeholder-wrapper"),title:"Collapsible Menu View"})))}},21522:function(e,t,n){t.Z=void 0;var a=l(n(67294)),r=l(n(77791));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement(r.default,{onClick:function(){console.log("Hyperlink title clicked")},text:"John Smith",level:3})}},912:function(e,t,n){t.Z=void 0;var a=o(n(67294)),r=o(n(55281)),l=o(n(77791));function o(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement("div",null,a.default.createElement(l.default,{startContent:a.default.createElement(r.default,{"aria-label":"Consult, Dr. Carl",text:"Consult"}),text:"Dr. Carl",endContent:a.default.createElement(r.default,{text:"Information"}),isSubheader:!0,level:3}))}},25295:function(e,t,n){t.Z=void 0;var a=l(n(67294)),r=l(n(77791));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement(r.default,{text:"Default Header",level:3})}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var m={},o="wrapper";function s(e){var t=e.components,r=n(e,i);return(0,a.mdx)(o,d({},m,r,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-list-theme-upgrade-guide"},"Terra List Theme Upgrade Guide"),(0,a.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"renamed"},"Renamed"),(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},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"New"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-divider-border-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-divider-border-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-last-divider-border-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-last-divider-border-bottom")))),(0,a.mdx)("h4",{id:"removed"},"Removed"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-top")),(0,a.mdx)("h4",{id:"added"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-min-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-padding-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-focus-outline"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-focus-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-focus-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-border-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-padding-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-padding-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-padding-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-title-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-title-font-size"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-title-line-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-collapsible-padding-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-focus-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-focus-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-focus-outline"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-hover-active-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-start-padding-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-border-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-padding-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-padding-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-padding-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-title-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-padding-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-title-font-size"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-title-line-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-collapsible-padding-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-focus-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-focus-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-focus-outline"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-hover-active-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-start-padding-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-standard-item-fill-line-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-standard-item-fill-padding-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-standard-item-fill-padding-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-standard-item-fill-padding-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-standard-item-fill-padding-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-compact-item-fill-line-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-compact-item-fill-padding-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-compact-item-fill-padding-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-compact-item-fill-padding-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-compact-item-fill-padding-top")),(0,a.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties-1"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"renamed-1"},"Renamed"),(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},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"New"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-chevron-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-chevron-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-selected-divider-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-selected-divider-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-selected-divider-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-selected-divider-border-top-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-selected-hover-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-selected-focus-background-color")))),(0,a.mdx)("h4",{id:"removed-1"},"Removed"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-list-divider-border")),(0,a.mdx)("h4",{id:"added-1"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-list-divider-border-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-last-divider-border-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-width"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-selected-chevron-color")))}s.isMDXComponent=!0},30999:function(e,t,r){r.d(t,{C:function(){return i}});var a=r(67294),l=r(22863),i=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-list",name:"terra-list",version:"4.69.0",url:t})}},17422:function(e,t,r){r.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/16577-8d3506271033a611bceb.js b/16577-8d3506271033a611bceb.js new file mode 100644 index 000000000..8a939b0fb --- /dev/null +++ b/16577-8d3506271033a611bceb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16577],{59121:function(e,n,a){var r=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=r(a(54520)),o=a(22678),l=a(5485),p={key:"uid_2",label:{display:"Data Label 2"},shape:t.default.helpers.SHAPES.DARK.TRIANGLE,color:t.default.helpers.COLORS.BLUE,style:{strokeDashArray:"2,2"},onClick:o.loadPopup,values:(0,l.createGraphValuesWithSin)({length:18,initialX:85,xModifier:10,yModifier:2*Math.PI}),legendOptions:{showLine:!0,showShape:!1,style:{strokeDashArray:"2,2"}},showShapes:!1};n.default=p},26192:function(e,n,a){var r=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=r(a(54520)),o=a(22678),l=a(5485),p={key:"uid_3",label:{display:"Data Label 3"},shape:t.default.helpers.SHAPES.DARK.X,color:t.default.helpers.COLORS.GREEN,onClick:o.loadPopup,values:(0,l.createGraphValuesWithSin)({length:12,initialX:85,xModifier:17,yModifier:4*Math.PI})};n.default=p},48058:function(e,n,a){var r=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=r(a(54520)),o=a(22678),l={key:"uid_4",label:{display:"Data Label 4"},shape:t.default.helpers.SHAPES.DARK.CROSS,color:t.default.helpers.COLORS.LIGHT_PURPLE,onClick:o.loadPopup,values:new Array(15).fill("").map((function(e,n){return{y:Math.sin(n)*Math.PI*4,x:85+10*n,region:{start:Math.sin(n)*Math.PI*4-Math.PI,end:Math.sin(n)*Math.PI*4+Math.PI}}}))};n.default=l},13986:function(e,n,a){var r=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=r(a(54520)),o=a(22678),l=a(5485),p={key:"uid_5",label:{display:"Data Label 5"},shape:t.default.helpers.SHAPES.DARK.SQUARE,color:t.default.helpers.COLORS.ORANGE,onClick:o.loadPopup,values:(0,l.createGraphValuesWithCos)({length:20,initialX:85,xModifier:10,yModifier:5*Math.PI}),legendOptions:{showLine:!0,showShape:!0}};n.default=p},66177:function(e,n,a){var r=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=r(a(54520)),o=a(22678),l=a(5485),p={key:"uid_6",label:{display:"Dataset 6"},color:t.default.helpers.COLORS.GREY,onClick:o.loadPopup,shape:t.default.helpers.SHAPES.DARK.TRIANGLE_DOWN,values:(0,l.createGraphValuesWithCos)({length:18,initialX:85,xModifier:10,yModifier:7*Math.PI})};n.default=p},26744:function(e,n,a){var r=a(64836);n.Z=void 0;var t=r(a(67294)),o=r(a(54520)),l=r(a(53334));a(56867),a(39003);var p=r(a(93065)),i=r(a(87063)),s=r(a(26159)),u=r(a(59121)),d=r(a(26192)),c=r(a(48058)),m=r(a(13986)),f=r(a(66177)),h=l.default.deepClone((0,i.default)("#multiLine")),b=[l.default.deepClone(s.default),l.default.deepClone(u.default),l.default.deepClone(d.default),l.default.deepClone(c.default),l.default.deepClone(m.default),l.default.deepClone(f.default)],y=[0,750,1500,2250,3e3,3750,4500];n.Z=function(){return t.default.useEffect((function(){var e=o.default.api.graph(h);b.forEach((function(n,a){setTimeout((function(){return e.graphContainer?e.loadContent(o.default.api.line(n)):""}),y[a])}))}),[]),t.default.createElement(p.default,{id:"multiLine"})}},16577:function(e,n,a){a.r(n),a.d(n,{default:function(){return N}});var r=a(67294),t=a(81254),o=a(26744),l=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var s={};function u(e){var n=e.components,a=i(e,l);return(0,t.mdx)("wrapper",p({},s,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Line/LineGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getLineDefaultConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Line/lineDefault';\nimport exampleData1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/dataset1';\nimport exampleData2 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/dataset2';\nimport exampleData3 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/dataset3';\nimport exampleData4 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/dataset4';\nimport exampleData5 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/dataset5';\nimport exampleData6 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/dataset6';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getLineDefaultConfig('#multiLine'));\nconst dataset = [\n utils.deepClone(exampleData1),\n utils.deepClone(exampleData2),\n utils.deepClone(exampleData3),\n utils.deepClone(exampleData4),\n utils.deepClone(exampleData5),\n utils.deepClone(exampleData6),\n];\nconst timeout = [0, 750, 750 * 2, 750 * 3, 750 * 4, 750 * 5, 750 * 6];\n\nconst MultiLineExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.graph(graphConfig);\n dataset.forEach((data, index) => {\n setTimeout(\n () => (graph.graphContainer\n ? graph.loadContent(Carbon.api.line(data))\n : ''),\n timeout[index],\n );\n });\n }, []);\n return (\n \n );\n};\n\nexport default MultiLineExample;\n\n")))}u.isMDXComponent=!0;var d=a(49271),c=a(25005),m=function(e){var n=e.title,a=e.description,t=e.isExpanded;return r.createElement(d.Z,{title:n||"Simple",description:a,example:r.createElement(o.Z,null),exampleCssSrc:r.createElement(c.Z,null),exampleSrc:r.createElement(u,null),isExpanded:t})},f=a(61775),h=a(60400),b=a(24407),y=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var x={},v="wrapper";function j(e){var n=e.components,a=O(e,y);return(0,t.mdx)(v,g({},x,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\nimport { createGraphValuesWithSin } from '../createGraphValues';\n\nconst data = {\n key: 'uid_3',\n label: {\n display: 'Data Label 3',\n },\n shape: Carbon.helpers.SHAPES.DARK.X,\n color: Carbon.helpers.COLORS.GREEN,\n onClick: loadPopup,\n values: createGraphValuesWithSin({\n length: 12, initialX: 85, xModifier: 17, yModifier: Math.PI * 4,\n }),\n};\n\nexport default data;\n\n")))}j.isMDXComponent=!0;var C=a(49386),P=["components"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var M={},L="wrapper";function E(e){var n=e.components,a=D(e,P);return(0,t.mdx)(L,S({},M,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\nimport { createGraphValuesWithCos } from '../createGraphValues';\n\nconst data = {\n key: 'uid_5',\n label: {\n display: 'Data Label 5',\n },\n shape: Carbon.helpers.SHAPES.DARK.SQUARE,\n color: Carbon.helpers.COLORS.ORANGE,\n onClick: loadPopup,\n values: createGraphValuesWithCos({\n length: 20, initialX: 85, xModifier: 10, yModifier: Math.PI * 5,\n }),\n legendOptions: {\n showLine: true,\n showShape: true,\n },\n};\n\nexport default data;\n\n")))}E.isMDXComponent=!0;var w=a(32792),G=["components"];function R(){return R=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}a(51320);var A={},I="wrapper";function N(e){var n=e.components,a=k(e,G);return(0,t.mdx)(I,R({},A,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("h1",{id:"simple-multiline"},"Simple Multiline"),(0,t.mdx)("p",null,"This is simple multiline graph generated by providing timeouts for each line present in the graph."),(0,t.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Install with ",(0,t.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"npm i @cerner/carbon-graphs --save-dev"))))),(0,t.mdx)("h2",{id:"usage"},"Usage"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,t.mdx)("h2",{id:"example"},"Example"),(0,t.mdx)(m,{mdxType:"LineGraph"}),(0,t.mdx)("details",null,(0,t.mdx)("summary",{style:{fontSize:24}},(0,t.mdx)("b",null,"Data")),(0,t.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,t.mdx)(f.Z,{mdxType:"GraphConfig"}),(0,t.mdx)("h3",{id:"data-object"},"Data object"),(0,t.mdx)(h.Z,{mdxType:"DataObject1"}),(0,t.mdx)(b.Z,{mdxType:"DataObject2"}),(0,t.mdx)(j,{mdxType:"DataObject3"}),(0,t.mdx)(C.Z,{mdxType:"DataObject4"}),(0,t.mdx)(E,{mdxType:"DataObject5"}),(0,t.mdx)(w.Z,{mdxType:"DataObject6"})))}N.isMDXComponent=!0},24407:function(e,n,a){a.d(n,{Z:function(){return s}});a(67294);var r=a(81254),t=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var p={},i="wrapper";function s(e){var n=e.components,a=l(e,t);return(0,r.mdx)(i,o({},p,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\nimport { createGraphValuesWithSin } from '../createGraphValues';\n\nconst data = {\n key: 'uid_2',\n label: {\n display: 'Data Label 2',\n },\n shape: Carbon.helpers.SHAPES.DARK.TRIANGLE,\n color: Carbon.helpers.COLORS.BLUE,\n style: { strokeDashArray: '2,2' },\n onClick: loadPopup,\n values: createGraphValuesWithSin({\n length: 18, initialX: 85, xModifier: 10, yModifier: Math.PI * 2,\n }),\n legendOptions: {\n showLine: true,\n showShape: false,\n style: { strokeDashArray: '2,2' },\n },\n showShapes: false,\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0},49386:function(e,n,a){a.d(n,{Z:function(){return s}});a(67294);var r=a(81254),t=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var p={},i="wrapper";function s(e){var n=e.components,a=l(e,t);return(0,r.mdx)(i,o({},p,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst data = {\n key: 'uid_4',\n label: {\n display: 'Data Label 4',\n },\n shape: Carbon.helpers.SHAPES.DARK.CROSS,\n color: Carbon.helpers.COLORS.LIGHT_PURPLE,\n onClick: loadPopup,\n values: new Array(15).fill('').map((_, i) => ({\n y: Math.sin(i) * Math.PI * 4,\n x: 85 + i * 10,\n region: {\n start: Math.sin(i) * Math.PI * 4 - Math.PI,\n end: Math.sin(i) * Math.PI * 4 + Math.PI,\n },\n })),\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0},32792:function(e,n,a){a.d(n,{Z:function(){return s}});a(67294);var r=a(81254),t=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var p={},i="wrapper";function s(e){var n=e.components,a=l(e,t);return(0,r.mdx)(i,o({},p,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\nimport { createGraphValuesWithCos } from '../createGraphValues';\n\nconst data = {\n key: 'uid_6',\n label: {\n display: 'Dataset 6',\n },\n color: Carbon.helpers.COLORS.GREY,\n onClick: loadPopup,\n shape: Carbon.helpers.SHAPES.DARK.TRIANGLE_DOWN,\n values: createGraphValuesWithCos({\n length: 18, initialX: 85, xModifier: 10, yModifier: Math.PI * 7,\n }),\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/16597-63c43e35cb754f63e70e.js b/16597-63c43e35cb754f63e70e.js new file mode 100644 index 000000000..03bbd2813 --- /dev/null +++ b/16597-63c43e35cb754f63e70e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16597],{60666:function(n,e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=t(22678),r=[{key:"uid_action_1",onClick:a.loadPopup,values:[new Date(2018,2,1,6,15).toISOString()]},{key:"uid_action_2",onClick:a.loadPopup,values:[new Date(2018,7,1,6,15).toISOString()]}];e.default=r},6844:function(n,e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=t(22678),r=[{key:"uid_action_1",onClick:a.loadPopup,values:[new Date(2018,3,1,6,15).toISOString(),new Date(2018,4,1,7,15).toISOString()]},{key:"uid_action_2",onClick:a.loadPopup,values:[new Date(2018,5,1,9,15).toISOString()]}];e.default=r},25883:function(n,e,t){var a=t(64836);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=a(t(54520)),o=t(22678);e.default=function(n){return{bindTo:n,axis:{x:{show:!0,lowerLimit:new Date(2018,1,1,12).toISOString(),upperLimit:new Date(2019,1,1,12).toISOString(),rangeRounding:!0}},clickPassThrough:{task:!1,activity:!1,event:!1,action:!1,dateline:!1},actionLegend:[{key:"uid_action_1",label:{display:"Action A"}},{key:"uid_action_2",label:{display:"Action B"},shape:r.default.helpers.SHAPES.DARK.TRIANGLE,color:r.default.helpers.COLORS.GREEN}],dateline:[{showDatelineIndicator:!0,label:{display:"DST Start"},color:"#405978",shape:r.default.helpers.SHAPES.DARK.DIAMOND,onClick:o.loadDatelinePopup,value:new Date(2018,2,10).toISOString()},{showDatelineIndicator:!0,label:{display:"Current Date"},color:"#C97318",shape:r.default.helpers.SHAPES.DARK.SQUARE,onClick:o.loadDatelinePopup,value:new Date(2018,8,5).toISOString()},{showDatelineIndicator:!0,label:{display:"DST End"},color:"#405978",shape:r.default.helpers.SHAPES.DARK.DIAMOND,onClick:o.loadDatelinePopup,value:new Date(2018,10,3).toISOString()}]}}},95168:function(n,e,t){var a=t(64836);e.Z=void 0;var r=a(t(67294)),o=a(t(54520)),i=a(t(53334));t(56867),t(77449);var l=a(t(93065)),s=a(t(25883)),c=a(t(42777)),p=a(t(60666)),u=a(t(6844)),d=i.default.deepClone((0,s.default)("#ganttActions"));d.showActionLegend=!0;var m=[i.default.deepClone(p.default),i.default.deepClone(u.default)],f=(0,c.default)([],[],[],m,2);e.Z=function(){return r.default.useEffect((function(){var n=o.default.api.gantt(d);f.forEach((function(e){n.loadContent(e)}))}),[]),r.default.createElement(l.default,{id:"ganttActions"})}},16597:function(n,e,t){t.r(e),t.d(e,{default:function(){return D}});var a=t(67294),r=t(81254),o=t(95168),i=["components"];function l(){return l=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var c={};function p(n){var e=n.components,t=s(n,i);return(0,r.mdx)("wrapper",l({},c,t,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Gantt/GanttChart.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGanttActionConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Gantt/ganttActionConfig';\nimport loadTracks from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/loadTracks';\nimport actionDataset1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/actionDataset1';\nimport actionDataset2 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/actionDataset2';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGanttActionConfig('#ganttActions'));\ngraphConfig.showActionLegend = true;\nconst actions = [utils.deepClone(actionDataset1), utils.deepClone(actionDataset2)];\nconst dataset = loadTracks([], [], [], actions, 2);\n\nconst GanttActionsExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.gantt(graphConfig);\n dataset.forEach((data) => {\n graph.loadContent(data);\n });\n }, []);\n\n return (\n \n );\n};\nexport default GanttActionsExample;\n\n")))}p.isMDXComponent=!0;var u=t(49271),d=t(25005),m=function(n){var e=n.title,t=n.description,r=n.isExpanded;return a.createElement(u.Z,{title:e||"Actions",description:t,example:a.createElement(o.Z,null),exampleCssSrc:a.createElement(d.Z,null),exampleSrc:a.createElement(p,null),isExpanded:r})},f=t(24712),g=t(48856),b=t(59682),h=(t(12437),["components"]);function O(){return O=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}t(51320);var x={},v="wrapper";function D(n){var e=n.components,t=y(n,h);return(0,r.mdx)(v,O({},x,t,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"gantt-actions"},"Gantt Actions"),(0,r.mdx)("p",null,"This is a simple Gantt chart with actions."),(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 i @cerner/carbon-graphs --save-dev"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(m,{mdxType:"GanttChart"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Data")),(0,r.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,r.mdx)(f.Z,{mdxType:"GraphConfig"}),(0,r.mdx)("h3",{id:"data-object"},"Data object"),(0,r.mdx)("h4",{id:"action-dataset-1"},"Action Dataset 1"),(0,r.mdx)(g.Z,{mdxType:"DataObject1"}),(0,r.mdx)("h4",{id:"action-dataset-2"},"Action Dataset 2"),(0,r.mdx)(b.Z,{mdxType:"DataObject2"})))}D.isMDXComponent=!0},48856:function(n,e,t){t.d(e,{Z:function(){return c}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var l={},s="wrapper";function c(n){var e=n.components,t=i(n,r);return(0,a.mdx)(s,o({},l,t,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst actionDataset1 = [\n {\n key: 'uid_action_1',\n onClick: loadPopup,\n values: [new Date(2018, 2, 1, 6, 15).toISOString()],\n },\n {\n key: 'uid_action_2',\n onClick: loadPopup,\n values: [new Date(2018, 7, 1, 6, 15).toISOString()],\n },\n];\n\nexport default actionDataset1;\n\n")))}c.isMDXComponent=!0},59682:function(n,e,t){t.d(e,{Z:function(){return c}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var l={},s="wrapper";function c(n){var e=n.components,t=i(n,r);return(0,a.mdx)(s,o({},l,t,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst actionDataset2 = [\n {\n key: 'uid_action_1',\n onClick: loadPopup,\n values: [\n new Date(2018, 3, 1, 6, 15).toISOString(),\n new Date(2018, 4, 1, 7, 15).toISOString(),\n ],\n },\n {\n key: 'uid_action_2',\n onClick: loadPopup,\n values: [new Date(2018, 5, 1, 9, 15).toISOString()],\n },\n];\n\nexport default actionDataset2;\n\n")))}c.isMDXComponent=!0},24712:function(n,e,t){t.d(e,{Z:function(){return c}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var l={},s="wrapper";function c(n){var e=n.components,t=i(n,r);return(0,a.mdx)(s,o({},l,t,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport {\n loadDatelinePopup,\n} from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst getGanttActionDefaultConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n show: true,\n lowerLimit: new Date(2018, 1, 1, 12).toISOString(),\n upperLimit: new Date(2019, 1, 1, 12).toISOString(),\n rangeRounding: true, // If set to false, we don't extend the domain\n },\n },\n clickPassThrough: {\n task: false,\n activity: false,\n event: false,\n action: false,\n dateline: false,\n },\n actionLegend: [\n {\n key: 'uid_action_1',\n label: {\n display: 'Action A',\n },\n },\n {\n key: 'uid_action_2',\n label: {\n display: 'Action B',\n },\n shape: Carbon.helpers.SHAPES.DARK.TRIANGLE,\n color: Carbon.helpers.COLORS.GREEN,\n },\n ],\n dateline: [\n {\n showDatelineIndicator: true,\n label: {\n display: 'DST Start',\n },\n color: '#405978',\n shape: Carbon.helpers.SHAPES.DARK.DIAMOND,\n onClick: loadDatelinePopup,\n value: new Date(2018, 2, 10).toISOString(),\n },\n {\n showDatelineIndicator: true,\n label: {\n display: 'Current Date',\n },\n color: '#C97318',\n shape: Carbon.helpers.SHAPES.DARK.SQUARE,\n onClick: loadDatelinePopup,\n value: new Date(2018, 8, 5).toISOString(),\n },\n {\n showDatelineIndicator: true,\n label: {\n display: 'DST End',\n },\n color: '#405978',\n shape: Carbon.helpers.SHAPES.DARK.DIAMOND,\n onClick: loadDatelinePopup,\n value: new Date(2018, 10, 3).toISOString(),\n },\n ],\n});\n\nexport default getGanttActionDefaultConfig;\n\n\n")))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/16699-2fc98d717db1d90c490a.css b/16699-2fc98d717db1d90c490a.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/16699-2fc98d717db1d90c490a.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/16699-2fc98d717db1d90c490a.js b/16699-2fc98d717db1d90c490a.js new file mode 100644 index 000000000..43e3f4ba4 --- /dev/null +++ b/16699-2fc98d717db1d90c490a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16699,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(19845)),t=d(l(17422)),i=r.default.bind(t.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:i("badge-version")},"v".concat(n))),t=a?m.default.createElement("a",{className:i("badge"),href:a},m.default.createElement("span",{className:i("badge-name")},"github"),m.default.createElement("span",{className:i("badge-version")},"source")):void 0;return m.default.createElement("div",{className:i("badge-container")},r,t)};p.propTypes=u;var x=p;a.Z=x},16699:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(76173),n=["components"];function r(){return r=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}var i={},u="wrapper";function p(e){var a=e.components,l=t(e,n);return(0,d.mdx)(u,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"3420---august-31-2023"},"3.42.0 - (August 31, 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:"3411---may-3-2022"},"3.41.1 - (May 3, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Additional terra-infinite-list deprecation notice")))),(0,d.mdx)("h2",{id:"3410---march-15-2022"},"3.41.0 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,d.mdx)("h2",{id:"3400---september-20-2021"},"3.40.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"3390---june-15-2021"},"3.39.0 - (June 15, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Mark package as deprecated")))),(0,d.mdx)("h2",{id:"3380---june-8-2021"},"3.38.0 - (June 8, 2021)"),(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:"3370---april-6-2021"},"3.37.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"3360---march-9-2021"},"3.36.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing.")))),(0,d.mdx)("h2",{id:"3350---january-5-2021"},"3.35.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"3340---december-8-2020"},"3.34.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"3330---november-10-2020"},"3.33.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,d.mdx)("h2",{id:"3320---october-13-2020"},"3.32.0 - (October 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced references to terra-doc-template with terra-docs")))),(0,d.mdx)("h2",{id:"3310---august-4-2020"},"3.31.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"3300---july-14-2020"},"3.30.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Corrected the 'resize observer loop limit reached' error with animation frames."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,d.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,d.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules")))),(0,d.mdx)("h2",{id:"3290---april-28-2020"},"3.29.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"3280---march-31-2020"},"3.28.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"3270---february-25-2020"},"3.27.0 - (February 25, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"3260---february-18-2020"},"3.26.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,d.mdx)("h2",{id:"3250---january-28-2020"},"3.25.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"3240---january-21-2020"},"3.24.0 - (January 21, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaLabel")," prop.")))),(0,d.mdx)("h2",{id:"3230---december-10-2019"},"3.23.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,d.mdx)("h2",{id:"3220---november-18-2019"},"3.22.0 - (November 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation for ",(0,d.mdx)("inlineCode",{parentName:"li"},"key")," on ",(0,d.mdx)("inlineCode",{parentName:"li"},"Progressive Loading"),".")))),(0,d.mdx)("h2",{id:"3210---november-7-2019"},"3.21.0 - (November 7, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"3200---october-30-2019"},"3.20.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added refCallback prop to infinite-list to expose ref of Listbox"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed console warning by preventing ",(0,d.mdx)("inlineCode",{parentName:"li"},"intl")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"progressiveLoadingMessage")," props from being passed to the DOM.")))),(0,d.mdx)("h2",{id:"3190---october-16-2019"},"3.19.0 - (October 16, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"3180---october-3-2019"},"3.18.0 - (October 3, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"3170---september-26-2019"},"3.17.0 - (September 26, 2019)"),(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 updates")))),(0,d.mdx)("h2",{id:"3160---september-19-2019"},"3.16.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,d.mdx)("h2",{id:"3150---september-6-2019"},"3.15.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed ",(0,d.mdx)("inlineCode",{parentName:"li"},"Cannot read property 'scrollHeight' of null")," issue."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"3140---august-21-2019"},"3.14.0 - (August 21, 2019)"),(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:"3130---august-14-2019"},"3.13.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"3120---july-30-2019"},"3.12.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed linter issue in doc")))),(0,d.mdx)("h2",{id:"3111---july-23-2019"},"3.11.1 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,d.mdx)("h2",{id:"3110---july-23-2019"},"3.11.0 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Normalized terra-visually-hidden-text dependency version to match other terra-framework packages")))),(0,d.mdx)("h2",{id:"3100---july-16-2019"},"3.10.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"390---july-10-2019"},"3.9.0 - (July 10, 2019)"),(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:"380---july-2-2019"},"3.8.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed extra inline styles."),(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"370---june-19-2019"},"3.7.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added functionality to announce loading state to screen readers as progressive list loads more items"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed '-ms-overflow-style' style")))),(0,d.mdx)("h2",{id:"360---june-12-2019"},"3.6.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"350---may-7-2019"},"3.5.0 - (May 7, 2019)"),(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 consumed terra-list is no longer styled for scrolling, it is added through a containing element")))),(0,d.mdx)("h2",{id:"340---april-24-2019"},"3.4.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"330---april-9-2019"},"3.3.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed documentation placeholder example colors to meet color contrast ratio")))),(0,d.mdx)("h2",{id:"320---april-2-2019"},"3.2.0 - (April 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Documentation for including section headers and subsection headers to the infinite list.")))),(0,d.mdx)("h2",{id:"310---march-26-2019"},"3.1.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"300---february-13-2019"},"3.0.0 - (February 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update to terra-list v4"),(0,d.mdx)("li",{parentName:"ul"},"Update props to match List's new API, Guides:"),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-list/docs/guides"},"https://github.com/cerner/terra-core/tree/main/packages/terra-list/docs/guides")),(0,d.mdx)("li",{parentName:"ul"},"Selection state now managed outside of the infinite list"),(0,d.mdx)("li",{parentName:"ul"},"Expose ",(0,d.mdx)("inlineCode",{parentName:"li"},"SectionHeader")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"SubsectionHeader")," for use within list"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"isSelectable")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"selectedIndexes")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"hasChevrons")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"disableUnselectedItems")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onChange")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Replaced ",(0,d.mdx)("inlineCode",{parentName:"li"},"isDivided")," prop with ",(0,d.mdx)("inlineCode",{parentName:"li"},"dividerStyle")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"paddingStyle")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"role")," prop")))),(0,d.mdx)("h2",{id:"210---february-5-2019"},"2.1.0 - (February 5, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"200---january-25-2019"},"2.0.0 - (January 25, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove use of componentWillReceiveProps")))),(0,d.mdx)("h2",{id:"1180---january-5-2019"},"1.18.0 - (January 5, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"1170---january-2-2019"},"1.17.0 - (January 2, 2019)"),(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 update")))),(0,d.mdx)("h2",{id:"1160---december-5-2018"},"1.16.0 - (December 5, 2018)"),(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 update")))),(0,d.mdx)("h2",{id:"1150---december-3-2018"},"1.15.0 - (December 3, 2018)"),(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 bump")))),(0,d.mdx)("h2",{id:"1140---november-15-2018"},"1.14.0 - (November 15, 2018)"),(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 update")))),(0,d.mdx)("h2",{id:"1130---october-8-2018"},"1.13.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,d.mdx)("h2",{id:"1120---september-25-2018"},"1.12.0 - (September 25, 2018)"),(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 bump")))),(0,d.mdx)("h2",{id:"1110---september-5-2018"},"1.11.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"1100---august-30-2018"},"1.10.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,d.mdx)("h2",{id:"190---august-13-2018"},"1.9.0 - (August 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,d.mdx)("h2",{id:"180---july-25-2018"},"1.8.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"170---july-10-2018"},"1.7.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Clean up dependencies")))),(0,d.mdx)("h2",{id:"160---july-3-2018"},"1.6.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"150---june-29-2018"},"1.5.0 - (June 29, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"140---june-12-2018"},"1.4.0 - (June 12, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"130---may-30-2018"},"1.3.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"New props of children with different content update correctly"),(0,d.mdx)("li",{parentName:"ul"},"Double request for items prevented during render")))),(0,d.mdx)("h2",{id:"120---may-22-2018"},"1.2.0 - (May 22, 2018)"),(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 updates")))),(0,d.mdx)("h2",{id:"110---april-30-2018"},"1.1.0 - (April 30, 2018)"),(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 updates"),(0,d.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,d.mdx)("h2",{id:"100---march-23-2018"},"1.0.0 - (March 23, 2018)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=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}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},76173:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-infinite-list",name:"terra-infinite-list",version:"3.42.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/16772-244be5bb8dba53b34b9b.js b/16772-244be5bb8dba53b34b9b.js new file mode 100644 index 000000000..183e8816f --- /dev/null +++ b/16772-244be5bb8dba53b34b9b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16772],{66633:function(e,t,r){r.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"}},9197:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"SectionHeader-module__clinical-lowlight-theme___M-5zo","orion-fusion-theme":"SectionHeader-module__orion-fusion-theme___MGUT7","section-header":"SectionHeader-module__section-header___wbdJQ","is-transparent":"SectionHeader-module__is-transparent___3L6Q5","is-interactable":"SectionHeader-module__is-interactable___4Hj3Z","is-active":"SectionHeader-module__is-active___Qfdbq","title-arrange":"SectionHeader-module__title-arrange___t4JW1",title:"SectionHeader-module__title___EPyaG","accordion-icon-wrapper":"SectionHeader-module__accordion-icon-wrapper___BOHqG","accordion-icon":"SectionHeader-module__accordion-icon___VQmOf","is-open":"SectionHeader-module__is-open___naqpt","arrange-wrapper":"SectionHeader-module__arrange-wrapper___jwEJm","title-fixed":"SectionHeader-module__title-fixed___U8DzW"}},78490:function(e,t,r){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(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var o=u(r(67294)),i=u(r(45697)),a=u(r(19845)),l=u(r(66633)),c=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function u(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var y=a.default.bind(l.default),_={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},m=function(e){var t=e.fitStart,r=e.fill,n=e.fitEnd,i=e.align,a=e.alignFitStart,l=e.alignFill,u=e.alignFitEnd,s=e.fitStartAttributes,d=e.fillAttributes,_=e.fitEndAttributes,m=b(e,c),O=p({},s),v=p({},d),g=p({},_);return o.default.createElement("span",f({},m,{className:y("arrange",m.className)}),o.default.createElement("span",f({},O,{className:y("fit",i||a,O.className,"fit-block")}),t),o.default.createElement("span",f({},v,{className:y("fill",i||l,v.className,"fill-block")}),r),o.default.createElement("span",f({},g,{className:y("fit",i||u,g.className)}),n))};m.propTypes=_;t.default=m},16772:function(e,t,r){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(t,"__esModule",{value:!0}),t.default=void 0;var o=b(r(67294)),i=b(r(45697)),a=b(r(93967)),l=b(r(19845)),c=b(r(50026)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var o={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=i?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(o,a,l):o[a]=e[a]}return o.default=e,r&&r.set(e,o),o}(r(51051)),f=b(r(78490)),s=b(r(9197)),p=["text","title","refCallback","onClick","isOpen","isTransparent","level","isTitleFixed"];function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function b(e){return e&&e.__esModule?e:{default:e}}function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function v(e,t){for(var r=0;r=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var u={},i="wrapper";function d(e){var t=e.components,l=o(e,r);return(0,a.mdx)(i,n({},u,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n position: relative;\n width: 300px;\n }\n}\n\n")))}d.isMDXComponent=!0},53560:function(e,t,l){l.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"}},21091:function(e,t,l){l.r(t),t.default={"content-wrapper":"BasicFolderTree-module__content-wrapper___TVCt9"}},66633:function(e,t,l){l.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"}},67887:function(e,t,l){l.r(t),t.default={"orion-fusion-theme":"FolderTree-module__orion-fusion-theme___n8xGl","clinical-lowlight-theme":"FolderTree-module__clinical-lowlight-theme___EGhRv","folder-tree":"FolderTree-module__folder-tree___8Quj0","folder-tree-container":"FolderTree-module__folder-tree-container___DQaND"}},82823:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"FolderTreeItem-module__clinical-lowlight-theme___3wK9+","orion-fusion-theme":"FolderTreeItem-module__orion-fusion-theme___QGy0I","folder-tree-item":"FolderTreeItem-module__folder-tree-item___WuiiJ",selected:"FolderTreeItem-module__selected___oE8KE",subfolder:"FolderTreeItem-module__subfolder___LCZzs",radio:"FolderTreeItem-module__radio___yXWot"}},41241:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Toolbar-module__clinical-lowlight-theme___lhZh0","orion-fusion-theme":"Toolbar-module__orion-fusion-theme___Oq6Xn",toolbar:"Toolbar-module__toolbar___XowP8",item:"Toolbar-module__item___K92Xb","start-align":"Toolbar-module__start-align___Ap05A","end-align":"Toolbar-module__end-align___WLp5E","center-align":"Toolbar-module__center-align___5f+ex"}},78490:function(e,t,l){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 r=d(l(67294)),n=d(l(45697)),o=d(l(19845)),u=d(l(66633)),i=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function d(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var _=o.default.bind(u.default),b={fitStart:n.default.element,fill:n.default.element.isRequired,fitEnd:n.default.element,align:n.default.oneOf(["center","bottom","stretch"]),alignFitStart:n.default.oneOf(["center","bottom","stretch"]),alignFitEnd:n.default.oneOf(["center","bottom","stretch"]),alignFill:n.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:n.default.object,fillAttributes:n.default.object,fitEndAttributes:n.default.object},v=function(e){var t=e.fitStart,l=e.fill,a=e.fitEnd,n=e.align,o=e.alignFitStart,u=e.alignFill,d=e.alignFitEnd,c=e.fitStartAttributes,m=e.fillAttributes,b=e.fitEndAttributes,v=p(e,i),g=s({},c),y=s({},m),h=s({},b);return r.default.createElement("span",f({},v,{className:_("arrange",v.className)}),r.default.createElement("span",f({},g,{className:_("fit",n||o,g.className,"fit-block")}),t),r.default.createElement("span",f({},y,{className:_("fill",n||u,y.className,"fill-block")}),l),r.default.createElement("span",f({},h,{className:_("fit",n||d,h.className)}),a))};v.propTypes=b;t.default=v},87435:function(e,t,l){var a=l(64836),r=l(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=g(l(67294)),o=a(l(45697)),u=a(l(19845)),i=l(25387),d=l(55877),f=g(l(51051)),c=a(l(17092)),s=a(l(55281)),m=a(l(4959)),p=l(34614),_=a(l(76439)),b=a(l(67887));function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(v=function(e){return e?l:t})(e)}function g(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var l=v(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=n?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}var y=u.default.bind(b.default),h={children:o.default.node,headerLevel:o.default.number,title:o.default.string.isRequired,onExpandAll:o.default.func,onCollapseAll:o.default.func,intl:o.default.shape({formatMessage:o.default.func}).isRequired},E=function(e){var t=e.children,l=e.headerLevel,a=e.title,r=e.onExpandAll,o=e.onCollapseAll,u=e.intl,i="folder-tree-".concat((0,d.v4)()),b=(0,n.useRef)();return(0,n.useEffect)((function(){b.current.querySelectorAll("[data-item-show-focus=true]")[0].tabIndex=0}),[]),n.default.createElement("div",{className:"folder-tree-container"},n.default.createElement(c.default,{text:a,level:l}),n.default.createElement(m.default,{align:"end",ariaControls:a,ariaLabel:a},n.default.createElement(s.default,{title:u.formatMessage({id:"Terra.folder-tree.button.expand-all"}),text:u.formatMessage({id:"Terra.folder-tree.button.expand-all-instructions"}),variant:"utility",icon:n.default.createElement(p.IconExpandRow,null),onClick:r,"aria-controls":i}),n.default.createElement(s.default,{title:u.formatMessage({id:"Terra.folder-tree.button.collapse-all"}),text:u.formatMessage({id:"Terra.folder-tree.button.collapse-all-instructions"}),variant:"utility",icon:n.default.createElement(p.IconCollapseRow,null),onClick:o,"aria-controls":i})),n.default.createElement("ul",{id:i,className:y("folder-tree"),role:"tree","aria-label":a,ref:b,onKeyDown:function(e){var t=b.current.querySelectorAll("[data-item-show-focus=true]"),l=Array.prototype.slice.call(t).filter((function(e){for(var t=e.parentNode;t&&t!==b.current;){if(t.hasAttribute("hidden"))return!1;t=t.parentNode}return!0})),a=Array.from(l).indexOf(e.target),r=l.length-1,n=function(){return _.default.handleMoveFocus(l[a],l[0])},o=function(){return _.default.handleMoveFocus(l[a],l[r])};switch(e.keyCode){case f.KEY_END:e.preventDefault(),o();break;case f.KEY_HOME:e.preventDefault(),n();break;case f.KEY_UP:e.preventDefault();var u=a-1;_.default.handleMoveFocus(l[a],l[u]);break;case f.KEY_DOWN:e.preventDefault();var i=a+1;_.default.handleMoveFocus(l[a],l[i]);break;case f.KEY_LEFT:if(e.preventDefault(),e.metaKey){n();break}break;case f.KEY_RIGHT:if(e.preventDefault(),e.metaKey){o();break}}}},t))};E.propTypes=h,E.defaultProps={headerLevel:3};t.default=(0,i.injectIntl)(E)},76439:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l={handleMoveFocus:function(e,t){e&&t&&(e.tabIndex=-1,t.tabIndex=0,t.focus())}};t.default=l},47789:function(e,t,l){var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(l(87435)),n=a(l(28615));r.default.Item=n.default;t.default=r.default},28615:function(e,t,l){var a=l(64836),r=l(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(10434)),o=g(l(67294)),u=a(l(45697)),i=a(l(19845)),d=l(25387),f=g(l(51051)),c=a(l(7017)),s=a(l(78490)),m=l(34614),p=a(l(50026)),_=a(l(76439)),b=a(l(82823));function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(v=function(e){return e?l:t})(e)}function g(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var l=v(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=n?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}var y=i.default.bind(b.default),h={label:u.default.string.isRequired,icon:u.default.element,subfolderItems:u.default.arrayOf(u.default.element),isExpanded:u.default.bool,isSelected:u.default.bool,onClick:u.default.func,onToggle:u.default.func,level:u.default.number,parentRef:u.default.oneOfType([u.default.func,u.default.shape({current:u.default.instanceOf(Element)})]),intl:u.default.shape({formatMessage:u.default.func}).isRequired},E=function e(t){var l=t.icon,a=t.isExpanded,r=t.isSelected,u=t.label,d=t.level,b=t.onClick,v=t.onToggle,g=t.subfolderItems,h=t.parentRef,E=t.intl,O=(0,o.useContext)(p.default),T=(null==g?void 0:g.length)>0,w=(0,o.useRef)(),j=(0,o.useRef)(),x=T?o.default.createElement("ul",{className:y("subfolder"),role:"group",hidden:!a,ref:j},g.map((function(t){return o.default.createElement(e,(0,n.default)({},t.props,{intl:E,level:d+1,parentRef:w}))}))):null,P=x?o.default.createElement(m.IconFolder,{a11yLabel:E.formatMessage({id:"Terra.folder-tree.folder-icon"})}):l,N=a?o.default.createElement(m.IconCaretDown,{height:"8px",width:"8px",style:{verticalAlign:"baseline"}}):o.default.createElement(m.IconCaretRight,{height:"8px",width:"8px",style:{verticalAlign:"baseline"}}),k=(0,i.default)(y("folder-tree-item",{selected:r},O.className)),S=function(e){"INPUT"!==e.target.nodeName&&v&&v()};return o.default.createElement(o.default.Fragment,null,o.default.createElement("li",{className:k,role:"treeitem","aria-expanded":T?a:null,"aria-selected":r,onClick:T?S:b,onKeyDown:function(e){switch(e.keyCode){case f.KEY_RETURN:e.preventDefault(),b(e);break;case f.KEY_LEFT:if(e.preventDefault(),e.metaKey)break;T&&a?S(e):_.default.handleMoveFocus(w.current,null==h?void 0:h.current);break;case f.KEY_RIGHT:if(e.preventDefault(),e.metaKey)break;if(a){if(T){var t=j.current.querySelector("[data-item-show-focus=true]");_.default.handleMoveFocus(w.current,t)}}else S(e)}},"data-item-show-focus":!0,tabIndex:-1,ref:w},o.default.createElement("input",{type:"radio",checked:r,onChange:b,"aria-hidden":!0,tabIndex:-1,className:y("radio")}),o.default.createElement("span",{style:{paddingLeft:"".concat(d,"rem")}},o.default.createElement(s.default,{fitStart:o.default.createElement(c.default,{paddingLeft:"medium",paddingRight:"medium",isInlineBlock:!0},T?o.default.createElement(c.default,{paddingRight:"small",isInlineBlock:!0},N):null,P),fill:o.default.createElement("span",null,u),alignFitStart:"center"}))),x)};E.propTypes=h,E.defaultProps={isExpanded:!1,isSelected:!1,level:0};t.default=(0,d.injectIntl)(E)},4959:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=f(l(67294)),r=f(l(45697)),n=f(l(93967)),o=f(l(19845)),u=f(l(50026)),i=f(l(41241)),d=["align","ariaControls","ariaLabel","ariaLabelledBy","children"];function f(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[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var m=o.default.bind(i.default),p={align:r.default.oneOf(["start","end","center"]),ariaControls:r.default.string,ariaLabel:r.default.string,ariaLabelledBy:r.default.string,children:r.default.node},_=function(e){var t=e.align,l=e.ariaControls,r=e.ariaLabel,o=e.ariaLabelledBy,i=e.children,f=s(e,d),p=a.default.useContext(u.default),_=(0,n.default)(m("toolbar","".concat(t,"-align"),p.className),f.className),b=a.default.Children.map(i,(function(e){return e?a.default.createElement("div",{className:m("item")},e):e}));return a.default.createElement("div",c({},f,{"aria-controls":l,"aria-label":o?void 0:r,"aria-labelledby":o,className:_,role:"toolbar"}),b)};_.propTypes=p,_.defaultProps={align:"start"};t.default=_}}]); \ No newline at end of file diff --git a/16905-edaec7fbaa880981e5f2.js b/16905-edaec7fbaa880981e5f2.js new file mode 100644 index 000000000..3af7e71b3 --- /dev/null +++ b/16905-edaec7fbaa880981e5f2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16905],{22863:function(e,a,l){var m=l(64836);a.Z=void 0;var d=m(l(67294)),n=m(l(45697)),r=m(l(19845)),i=m(l(17422)),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;var x=p;a.Z=x},16905:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(67294);var m=l(81254),d=l(45129),n=["components"];function r(){return r=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}var u={},t="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,m.mdx)(t,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"4880---january-9-2024"},"4.88.0 - (January 9, 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:"4870---december-11-2023"},"4.87.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:"4860---november-13-2023"},"4.86.0 - (November 13, 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:"4850---november-2-2023"},"4.85.0 - (November 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4840---october-23-2023"},"4.84.0 - (October 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:"4830---october-16-2023"},"4.83.0 - (October 16, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Updated",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated prop documentation for optional custom titles.")))),(0,m.mdx)("h2",{id:"4820---october-3-2023"},"4.82.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:"4810---september-26-2023"},"4.81.0 - (September 26, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added visually hidden default title for screen readers to read with custom titles.")))),(0,m.mdx)("h2",{id:"4800---september-21-2023"},"4.80.0 - (September 21, 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:"4790---september-19-2023"},"4.79.0 - (September 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4780---august-25-2023"},"4.78.0 - (August 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:"4770---august-23-2023"},"4.77.0 - (August 23, 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 ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-alert")," focus blocking content from being click-able.")))),(0,m.mdx)("h2",{id:"4760---august-18-2023"},"4.76.0 - (August 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"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-alert")," focus on the notification banners content when notification is an alert and includes an action element to improve screen reader experience.")))),(0,m.mdx)("h2",{id:"4750---august-11-2023"},"4.75.0 - (August 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:"4740---august-11-2023"},"4.74.0 - (August 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:"4730---august-8-2023"},"4.73.0 - (August 8, 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:"4720---august-2-2023"},"4.72.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"),".")))),(0,m.mdx)("h2",{id:"4710---august-1-2023"},"4.71.0 - (August 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:"4700---july-13-2023"},"4.70.0 - (July 13, 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"),".")))),(0,m.mdx)("h2",{id:"4690---june-14-2023"},"4.69.0 - (June 14, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added focus shift to the rendered notification banners content when notification is an alert and includes an action element."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Locked ",(0,m.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,m.mdx)("inlineCode",{parentName:"li"},"8.2.0")," to maintain IE compatibility."),(0,m.mdx)("li",{parentName:"ul"},"Updated the Dutch translation for ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.alert.success"),".")))),(0,m.mdx)("h2",{id:"4680---may-9-2023"},"4.68.0 - (May 9, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added screen reader support to programmatically associate an alert's text to its dismiss button."),(0,m.mdx)("li",{parentName:"ul"},"Added text-wrapping at high magnification and narrow screen widths."),(0,m.mdx)("li",{parentName:"ul"},'Changed Alert role attribute with default of "status" for all types except critical alert type and added new optional ',(0,m.mdx)("inlineCode",{parentName:"li"},"role")," prop.")))),(0,m.mdx)("h2",{id:"4670---april-27-2023"},"4.67.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:"4660---march-1-2023"},"4.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"},"Updated jest snapshots for button changes.")))),(0,m.mdx)("h2",{id:"4650---february-16-2023"},"4.65.0 - (February 16, 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:"4640---february-15-2023"},"4.64.0 - (February 15, 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 jest snapshots for icon button changes.")))),(0,m.mdx)("h2",{id:"4630---february-7-2023"},"4.63.0 - (February 7, 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:"4621---january-31-2023"},"4.62.1 - (January 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Jest snapshots updated due to decorative / informative icon changes in terra-icon.")))),(0,m.mdx)("h2",{id:"4620---january-9-2023"},"4.62.0 - (January 9, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump of terra-icon")))),(0,m.mdx)("h2",{id:"4610---december-7-2022"},"4.61.0 - (December 7, 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:"4607---july-5-2022"},"4.60.7 - (July 5, 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:"4606---may-3-2022"},"4.60.6 - (May 3, 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:"4605---april-29-2022"},"4.60.5 - (April 29, 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:"4604---february-24-2022"},"4.60.4 - (February 24, 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:"4603---february-15-2022"},"4.60.3 - (February 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:"4602---january-4-2022"},"4.60.2 - (January 4, 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:"4601---december-14-2021"},"4.60.1 - (December 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:"4600---november-2-2021"},"4.60.0 - (November 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:"4590---october-8-2021"},"4.59.0 - (October 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:"4580---september-21-2021"},"4.58.0 - (September 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"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"4570---august-25-2021"},"4.57.0 - (August 25, 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 WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,m.mdx)("h2",{id:"4560---july-6-2021"},"4.56.0 - (July 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"},"Update test urls to account for scoped packages.")))),(0,m.mdx)("h2",{id:"4550---june-22-2021"},"4.55.0 - (June 22, 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:"4540---june-8-2021"},"4.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:"4530---may-11-2021"},"4.53.0 - (May 11, 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"},"migrate doc to terra-core-docs"),(0,m.mdx)("li",{parentName:"ul"},"remove unnecessary dependencies")))),(0,m.mdx)("h2",{id:"4520---april-13-2021"},"4.52.0 - (April 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:"4510---april-6-2021"},"4.51.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"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command"),(0,m.mdx)("li",{parentName:"ul"},"Update translations for the ",(0,m.mdx)("inlineCode",{parentName:"li"},"nl")," and ",(0,m.mdx)("inlineCode",{parentName:"li"},"sv")," languages.")))),(0,m.mdx)("h2",{id:"4500---march-2-2021"},"4.50.0 - (March 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:"4490---february-2-2021"},"4.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:"4480---january-5-2021"},"4.48.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to be compatible with ",(0,m.mdx)("inlineCode",{parentName:"li"},"react-intl")," v2-v5"),(0,m.mdx)("li",{parentName:"ul"},"Removed usage of ",(0,m.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," in favor of ",(0,m.mdx)("inlineCode",{parentName:"li"},"injectIntl")))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed")),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed broken links in documentation."))),(0,m.mdx)("h2",{id:"4470---december-8-2020"},"4.47.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:"4460---november-17-2020"},"4.46.0 - (November 17, 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 wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"4450---november-10-2020"},"4.45.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:"4440---october-27-2020"},"4.44.0 - (October 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4430---october-13-2020"},"4.43.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"},"Fixed text alignment at ultrawide browser widths")))),(0,m.mdx)("h2",{id:"4420---september-16-2020"},"4.42.0 - (September 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:"4410---august-18-2020"},"4.41.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:"4400---august-11-2020"},"4.40.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"},"Add missing theme variables")))),(0,m.mdx)("h2",{id:"4390---august-6-2020"},"4.39.0 - (August 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:"4380---august-4-2020"},"4.38.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4370---july-29-2020"},"4.37.0 - (July 29, 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 changelog formatting")))),(0,m.mdx)("h2",{id:"4360---july-7-2020"},"4.36.0 - (July 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:"4350---june-13-2020"},"4.35.0 - (June 13, 2020)"),(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 unused variable and themes folder.")))),(0,m.mdx)("h2",{id:"4340---june-11-2020"},"4.34.0 - (June 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"},"Updated wdio test to support testing against firefox")))),(0,m.mdx)("h2",{id:"4330---june-9-2020"},"4.33.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 file changes to comply with eslint rules"),(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"4320---june-2-2020"},"4.32.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:"4310---may-26-2020"},"4.31.0 - (May 26, 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:"4300---may-19-2020"},"4.30.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:"4290---may-12-2020"},"4.29.0 - (May 12, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"unsatisfied")," and ",(0,m.mdx)("inlineCode",{parentName:"li"},"unverified")," types")))),(0,m.mdx)("h2",{id:"4280---may-5-2020"},"4.28.0 - (May 5, 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:"4270---april-28-2020"},"4.27.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 clinical-lowlight-theme wdio screenshots"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,m.mdx)("h2",{id:"4260---april-22-2020"},"4.26.0 - (April 22, 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:"4250---april-22-2020"},"4.25.0 - (April 22, 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 docs for documentation link"),(0,m.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,m.mdx)("h2",{id:"4240---april-7-2020"},"4.24.0 - (April 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"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},'role="alert"')," for JAWS to function properly.")))),(0,m.mdx)("h2",{id:"4230---march-31-2020"},"4.23.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:"4220---march-10-2020"},"4.22.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"},"Updated incorrect Swedish translations")))),(0,m.mdx)("h2",{id:"4210---february-18-2020"},"4.21.0 - (February 18, 2020)"),(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 clinical-lowlight-theme theming files")))),(0,m.mdx)("h2",{id:"4200---february-4-2020"},"4.20.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"},"Update docs to use mdx syntax")))),(0,m.mdx)("h2",{id:"4190---january-28-2020"},"4.19.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4180---january-17-2020"},"4.18.0 - (January 17, 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 ",(0,m.mdx)("inlineCode",{parentName:"li"},"uncontrolled responsive-element")," to ",(0,m.mdx)("inlineCode",{parentName:"li"},"controlled responsive-element"),".")))),(0,m.mdx)("h2",{id:"4170---january-7-2020"},"4.17.0 - (January 7, 2020)"),(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 yarn reference in docs")))),(0,m.mdx)("h2",{id:"4160---december-10-2019"},"4.16.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 version bump")))),(0,m.mdx)("h2",{id:"4150---december-3-2019"},"4.15.0 - (December 3, 2019)"),(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 orion-fusion-theme and generated the respective reference wdio screenshots."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed jest tests due to ResponsiveElement change")))),(0,m.mdx)("h2",{id:"4140---october-30-2019"},"4.14.0 - (October 30, 2019)"),(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 lint warnings for multiple empty lines")))),(0,m.mdx)("h2",{id:"4130---october-3-2019"},"4.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 version bump")))),(0,m.mdx)("h2",{id:"4120---september-19-2019"},"4.12.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(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 en-CA translations.")))),(0,m.mdx)("h2",{id:"4110---september-6-2019"},"4.11.0 - (September 6, 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"},"Props table markdown file import added to doc site page")))),(0,m.mdx)("h2",{id:"4100---september-3-2019"},"4.10.0 - (September 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 version bump")))),(0,m.mdx)("h2",{id:"490---august-21-2019"},"4.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"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"480---august-14-2019"},"4.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"},"Components updated to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," to interface with ",(0,m.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,m.mdx)("inlineCode",{parentName:"li"},"intl")," context."),(0,m.mdx)("li",{parentName:"ul"},"Updated package.json test scripts"),(0,m.mdx)("li",{parentName:"ul"},"Updated upgrade guide to better reflect 2 -> 3 and 3 -> 4")))),(0,m.mdx)("h2",{id:"470---july-30-2019"},"4.7.0 - (July 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"460---july-24-2019"},"4.6.0 - (July 24, 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:"450---july-17-2019"},"4.5.0 - (July 17, 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"},"Revert components updated to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"injectIntl")," to interface with ",(0,m.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,m.mdx)("inlineCode",{parentName:"li"},"intl")," context.")))),(0,m.mdx)("h2",{id:"440---july-17-2019"},"4.4.0 - (July 17, 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"},"Components updated to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"injectIntl")," to interface with ",(0,m.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,m.mdx)("inlineCode",{parentName:"li"},"intl")," context.")))),(0,m.mdx)("h2",{id:"430---july-16-2019"},"4.3.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:"420----july-11-2019"},"4.2.0 - (July 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Docs around the requirement of terra-base and aggregate-translations."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Updated"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Upgrade Guide.")))),(0,m.mdx)("h2",{id:"410---july-9-2019"},"4.1.0 - (July 9, 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"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,m.mdx)("h2",{id:"400---june-28-2019"},"4.0.0 - (June 28, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking Change"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"customStatusColor")," prop"))),(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"},"customColorClass")," prop and --terra-alert-custom-default-color themeable variable")))),(0,m.mdx)("h2",{id:"3170---june-18-2019"},"3.17.0 - (June 18, 2019)"),(0,m.mdx)("ul",null,(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 stale WDIO screenshots"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use the new responsive element breakpoints")))),(0,m.mdx)("h2",{id:"3161---june-12-2019"},"3.16.1 - (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"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"3160---june-11-2019"},"3.16.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(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 node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"3150---may-21-2019"},"3.15.0 - (May 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:"3140---may-1-2019"},"3.14.0 - (May 1, 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:"3130---april-16-2019"},"3.13.0 - (April 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:"3120---april-9-2019"},"3.12.0 - (April 9, 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:"3110---april-2-2019"},"3.11.0 - (April 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3100---march-26-2019"},"3.10.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(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 peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"390---march-21-2019"},"3.9.0 - (March 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"},"Update Jest tests to use terra-enzyme-intl")))),(0,m.mdx)("h2",{id:"380---march-5-2019"},"3.8.0 - (March 5, 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:"370---february-26-2019"},"3.7.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(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 en-AU translations")))),(0,m.mdx)("h2",{id:"350---february-12-2019"},"3.5.0 - (February 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"340---february-5-2019"},"3.4.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed console error by changing children wrapper to be div instead of p tag given children accepts type node"),(0,m.mdx)("li",{parentName:"ul"},'Fixed broken "More Information" link')))),(0,m.mdx)("h2",{id:"330---january-26-2019"},"3.3.0 - (January 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 version bump")))),(0,m.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 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:"310---january-22-2019"},"3.1.0 - (January 22, 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:"300---january-8-2019"},"3.0.0 - (January 8, 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 theme variables")))),(0,m.mdx)("h2",{id:"2360---january-2-2019"},"2.36.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible."))),(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 missing ar translations."),(0,m.mdx)("li",{parentName:"ul"},"Added code sample display to the doc site examples")))),(0,m.mdx)("h2",{id:"2351---november-20-2018"},"2.35.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2350---november-19-2018"},"2.35.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2340---november-13-2018"},"2.34.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2330---november-9-2018"},"2.33.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2320---october-24-2018"},"2.32.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2310---october-16-2018"},"2.31.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2300---october-8-2018"},"2.30.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Refactor markup and styles to be more accessible to screen readers"),(0,m.mdx)("li",{parentName:"ul"},"Added padding to right of alert so text doesn't run flush to the edge")))),(0,m.mdx)("h2",{id:"2290---october-2-2018"},"2.29.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2280---september-25-2018"},"2.28.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2271---september-6-2018"},"2.27.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2270---september-5-2018"},"2.27.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2260---september-4-2018"},"2.26.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2250---august-29-2018"},"2.25.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2240---august-21-2018"},"2.24.0 - (August 21, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2230---august-8-2018"},"2.23.0 - (August 8, 2018)"),(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 component internationalization error message")))),(0,m.mdx)("h2",{id:"2220---august-1-2018"},"2.22.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2210---july-25-2018"},"2.21.0 - (July 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,m.mdx)("h2",{id:"2200---july-19-2018"},"2.20.0 - (July 19, 2018)"),(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 translations"),(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2190---july-17-2018"},"2.19.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,m.mdx)("h2",{id:"2180---july-10-2018"},"2.18.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2170---june-28-2018"},"2.17.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Removed CSS modules composes call"))),(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 change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2160---june-22-2018"},"2.16.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency"),(0,m.mdx)("li",{parentName:"ul"},"Updated readme docs import, fixes mixed http/https issue in doc site")))),(0,m.mdx)("h2",{id:"2150---june-13-2018"},"2.15.0 - (June 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2140---june-12-2018"},"2.14.0 - (June 12, 2018)"),(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 "test:jest" script to work on windows.'),(0,m.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base.")))),(0,m.mdx)("h2",{id:"2130---may-30-2018"},"2.13.0 - (May 30, 2018)"),(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 structure to match dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2120---may-25-2018"},"2.12.0 - (May 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(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 props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(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 peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(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 to use React 16"),(0,m.mdx)("li",{parentName:"ul"},"Uplifted component to use terra-button v2")))),(0,m.mdx)("h2",{id:"1160---february-1-2018"},"1.16.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1150---january-18-2018"},"1.15.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---january-5-2018"},"1.14.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed lint errors"),(0,m.mdx)("li",{parentName:"ul"},"Fixed color contrast ratios to pass accessibility testing"))),(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 console logs from test pages.")))),(0,m.mdx)("h2",{id:"1130---november-28-2017"},"1.13.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---november-16-2017"},"1.12.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---november-7-2017"},"1.11.0 - (November 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1100---october-31-2017"},"1.10.0 - (October 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---october-6-2017"},"1.9.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---september-26-2017"},"1.8.0 - (September 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"170---september-19-2017"},"1.7.0 - (September 19, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"160---september-12-2017"},"1.6.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---september-7-2017"},"1.5.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---september-5-2017"},"1.4.0 - (September 5, 2017)"),(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 nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"130---august-31-2017"},"1.3.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---august-15-2017"},"1.2.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Switched CSS custom properties usage to inline fallback syntax")))),(0,m.mdx)("h2",{id:"110---august-8-2017"},"1.1.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added Implementation Notes and Component Features sections to Alert ReadMe"),(0,m.mdx)("li",{parentName:"ul"},"Added script to generate props-table.md documentation")))),(0,m.mdx)("h2",{id:"100---august-1-2017"},"1.0.0 - (August 1, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=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}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,m.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},45129:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-alert",name:"terra-alert",version:"4.88.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/16953-44888c69242d7515241e.js b/16953-44888c69242d7515241e.js new file mode 100644 index 000000000..a929bc849 --- /dev/null +++ b/16953-44888c69242d7515241e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16953],{16953:function(n,e,t){t.r(e),t.d(e,{default:function(){return p}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var l={},i="wrapper";function p(n){var e=n.components,t=s(n,r);return(0,a.mdx)(i,o({},l,t,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"adding-translations-to-components"},"Adding Translations To Components"),(0,a.mdx)("p",null,"When adding translations to a component, we recommend putting the translations in a directory named ",(0,a.mdx)("inlineCode",{parentName:"p"},"translations"),". The aggregate translations tool will look for translations in ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit/blob/main/packages/terra-aggregate-translations/src/config/defaultSearchPatterns.js"},"the following directories")," by default. The default search pattern will look for translations a maximum of three levels deep."),(0,a.mdx)("p",null,"Here is an example directory setup:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"src/\n ↳ MyComponent.jsx\ntranslations/\n ↳ en.json\n ↳ es.json\n")),(0,a.mdx)("p",null,"Here is an example translation file."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-json"},'{\n "myApp.componentName.error": "Error.",\n "myApp.componentName.warning": "Warning.",\n "myApp.componentName.success": "Success."\n}\n')),(0,a.mdx)("p",null,"Translations must be included for each locale the app intends to support. At a minimum, apps must include ",(0,a.mdx)("inlineCode",{parentName:"p"},"en")," translations as it is intended to be the fallback locale for terra-application."),(0,a.mdx)("p",null,"Translation keys should be namespaced and unique to prevent translation key collision from other dependencies."))}p.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/17040-141f48c45f7e56ec8222.css b/17040-141f48c45f7e56ec8222.css new file mode 100644 index 000000000..4cf7f341e --- /dev/null +++ b/17040-141f48c45f7e56ec8222.css @@ -0,0 +1,4 @@ +.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} +.Dialog-module__clinical-lowlight-theme___UMbFI{--terra-dialog-header-background-color: #1e2427;--terra-dialog-header-foreground-color: #b2b5b6;--terra-dialog-header-border-bottom: 1px solid #181b1d;--terra-dialog-header-font-size: 1rem;--terra-dialog-header-height: 3.587rem;--terra-dialog-header-padding: 0.7143rem;--terra-dialog-header-close-icon-height: 1rem;--terra-dialog-header-close-icon-margin-top: 0;--terra-dialog-header-close-icon-vertical-align: -0.15rem;--terra-dialog-header-close-icon-width: 1rem;--terra-dialog-body-background-color: transparent;--terra-dialog-body-foreground-color: #b2b5b6;--terra-dialog-body-padding: 0.7143rem;--terra-dialog-footer-background-color: #1e2427;--terra-dialog-footer-foreground-color: #b2b5b6;--terra-dialog-footer-border-top: 1px solid #181b1d;--terra-dialog-footer-padding: 0.7143rem;--terra-dialog-header-close-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%3E%3Cpath%20fill%3D%27%23b2b5b6%27%20d%3D%27M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%27%2F%3E%3C%2Fsvg%3E")}.Dialog-module__orion-fusion-theme___HzMfX{--terra-dialog-header-background-color: #f4f4f4;--terra-dialog-header-border-bottom: 2px solid #9b9fa1;--terra-dialog-header-foreground-color: #1c1f21;--terra-dialog-header-font-size: 1.5rem;--terra-dialog-header-height: 3rem;--terra-dialog-header-padding: 0.5rem 0.125rem 0.5rem 0.25rem;--terra-dialog-header-close-icon-vertical-align: -0.15rem;--terra-dialog-header-close-icon-height: 1.66667rem;--terra-dialog-header-close-icon-margin-top: 0.08333rem;--terra-dialog-header-close-icon-width: 1.66667rem;--terra-dialog-body-background-color: #fff;--terra-dialog-body-foreground-color: #1c1f21;--terra-dialog-body-padding: 0.5rem;--terra-dialog-footer-background-color: #f4f4f4;--terra-dialog-footer-border-top: 1px solid #9b9fa1;--terra-dialog-footer-foreground-color: #1c1f21;--terra-dialog-footer-padding: 0.5rem;--terra-dialog-header-close-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.2%2048L0%2043.8%2043.8%200%2048%204.2zM43.8%2048L0%204.2%204.2%200%2048%2043.8z%22%2F%3E%3C%2Fsvg%3E")}.Dialog-module__dialog___VcjYd{height:100%;width:100%}.Dialog-module__dialog-header___xa8Zu{-ms-flex-align:center;align-items:center;color:#1c1f21;color:var(--terra-dialog-header-foreground-color, #1c1f21);display:-ms-flexbox;display:flex;font-size:var(--terra-dialog-header-font-size);height:3.587rem;height:var(--terra-dialog-header-height, 3.587rem);-ms-flex-pack:justify;justify-content:space-between}[dir] .Dialog-module__dialog-header___xa8Zu{background-color:#f9f9f9;background-color:var(--terra-dialog-header-background-color, #f9f9f9);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-dialog-header-border-bottom, 1px solid #dedfe0);padding:0.7143rem;padding:var(--terra-dialog-header-padding, 0.7143rem)}.Dialog-module__dialog-header-title___4JoCx{overflow:hidden;white-space:nowrap}[dir=ltr] .Dialog-module__dialog-header-close___XtfPU{float:right;text-align:right}[dir=rtl] .Dialog-module__dialog-header-close___XtfPU{float:left;text-align:left}.Dialog-module__close-icon___76QFH{display:inline-block;height:1rem;height:var(--terra-dialog-header-close-icon-height, 1rem);vertical-align:-0.15rem;vertical-align:var(--terra-dialog-header-close-icon-vertical-align, -0.15rem);width:1rem;width:var(--terra-dialog-header-close-icon-width, 1rem)}[dir] .Dialog-module__close-icon___76QFH{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%3E%3Cpath%20fill%3D%27rgba%2817%2C%2017%2C%2017%2C%201%29%27%20d%3D%27M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%27%2F%3E%3C%2Fsvg%3E");background:var(--terra-dialog-header-close-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%3E%3Cpath%20fill%3D%27rgba%2817%2C%2017%2C%2017%2C%201%29%27%20d%3D%27M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%27%2F%3E%3C%2Fsvg%3E"));background-repeat:no-repeat;background-size:auto;margin-top:0;margin-top:var(--terra-dialog-header-close-icon-margin-top, 0)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.Dialog-module__close-icon___76QFH{vertical-align:-0.15rem;vertical-align:var(--terra-dialog-header-close-icon-vertical-align, -0.15rem)}}.Dialog-module__dialog-body___RRzNh{color:#1c1f21;color:var(--terra-dialog-body-foreground-color, #1c1f21);height:auto;min-height:100%}[dir] .Dialog-module__dialog-body___RRzNh{background-color:transparent;background-color:var(--terra-dialog-body-background-color, transparent);padding:0.7143rem;padding:var(--terra-dialog-body-padding, 0.7143rem)}.Dialog-module__dialog-footer___vYxYH{color:#1c1f21;color:var(--terra-dialog-footer-foreground-color, #1c1f21)}[dir] .Dialog-module__dialog-footer___vYxYH{background-color:#f9f9f9;background-color:var(--terra-dialog-footer-background-color, #f9f9f9);border-top:1px solid #dedfe0;border-top:var(--terra-dialog-footer-border-top, 1px solid #dedfe0);padding:0.7143rem;padding:var(--terra-dialog-footer-padding, 0.7143rem)} +.Paginator-module__clinical-lowlight-theme___nA5c1{--terra-paginator-nav-link-background-color: none;--terra-paginator-nav-link-border: none;--terra-paginator-nav-link-border-radius: 3px;--terra-paginator-nav-link-color: #007ee0;--terra-paginator-nav-link-line-height: 1.429;--terra-paginator-nav-link-margin-left: 0.14285rem;--terra-paginator-nav-link-margin-right: 0.14285rem;--terra-paginator-nav-link-previous-padding-left: 0.5rem;--terra-paginator-nav-link-next-padding-right: 0.5rem;--terra-paginator-nav-link-previous-icon-only-margin-left: 0.14285rem;--terra-paginator-nav-link-previous-icon-only-margin-right: 0.14285rem;--terra-paginator-nav-link-next-icon-only-margin-left: 0.14285rem;--terra-paginator-nav-link-next-icon-only-margin-right: 0.14285rem;--terra-paginator-nav-link-padding: 0.35714rem 0.5rem;--terra-paginator-nav-link-min-width: 2rem;--terra-paginator-nav-link-box-shadow: none;--terra-paginator-nav-link-font-size: 1rem;--terra-paginator-nav-link-text-decoration: none;--terra-paginator-nav-link-hover-background-color: none;--terra-paginator-nav-link-hover-color: #003f61;--terra-paginator-nav-link-hover-text-decoration: underline;--terra-paginator-nav-link-hover-border: none;--terra-paginator-nav-link-hover-box-shadow: none;--terra-paginator-nav-link-focus-background-color: none;--terra-paginator-nav-link-focus-border: none;--terra-paginator-nav-link-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-paginator-nav-link-focus-color: #007ee0;--terra-paginator-nav-link-active-background-color: #161e22;--terra-paginator-nav-link-active-color: #b2b5b6;--terra-paginator-nav-link-active-text-decoration: none;--terra-paginator-nav-link-active-border: none;--terra-paginator-nav-link-active-box-shadow: none;--terra-paginator-nav-link-selected-color: inherit;--terra-paginator-nav-link-disabled-color: #6f7477;--terra-paginator-nav-link-disabled-focus-box-shadow: none;--terra-paginator-nav-link-disabled-background-color: none;--terra-paginator-nav-link-disabled-border: none;--terra-paginator-nav-link-disabled-box-shadow: none;--terra-paginator-nav-link-disabled-opacity: 30%;--terra-paginator-nav-link-left-controls-margin-left: 0.14286rem;--terra-paginator-nav-link-left-controls-margin-right: 0.57143rem;--terra-paginator-nav-link-right-controls-margin-left: 0.57143rem;--terra-paginator-nav-link-right-controls-margin-right: 0.14286rem;--terra-paginator-nav-link-icon-height: 1rem;--terra-paginator-nav-link-icon-offset-top: 0.1785rem;--terra-paginator-nav-link-icon-width: 1rem;--terra-paginator-progressive-nav-link-previous-margin-left: 0.14285rem;--terra-paginator-progressive-nav-link-previous-margin-right: 0.14285rem;--terra-paginator-progressive-nav-link-next-margin-left: 0.14285rem;--terra-paginator-progressive-nav-link-next-margin-right: 0.14285rem;--terra-paginator-nav-link-icon-previous-margin-right: 0.25rem;--terra-paginator-nav-link-icon-next-margin-left: 0.25rem;--terra-paginator-nav-link-icon-previous-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23007ee0%22%20d%3D%22M10.3%2024L33.8%200l3.9%203.8L18%2024l19.7%2020.2-3.9%203.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--terra-paginator-nav-link-icon-previous-disabled-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%236f7477%22%20d%3D%22M10.3%2024L33.8%200l3.9%203.8L18%2024l19.7%2020.2-3.9%203.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--terra-paginator-nav-link-icon-next-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23007ee0%22%20d%3D%22M37.7%2024L14.2%2048l-3.9-3.8L30%2024%2010.3%203.8%2014.2%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--terra-paginator-nav-link-icon-next-disabled-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%236f7477%22%20d%3D%22M37.7%2024L14.2%2048l-3.9-3.8L30%2024%2010.3%203.8%2014.2%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}.Paginator-module__orion-fusion-theme___p6CjU{--terra-paginator-nav-link-background-color: transparent;--terra-paginator-nav-link-border: 1px solid #6f7477;--terra-paginator-nav-link-border-radius: 3px;--terra-paginator-nav-link-color: #000;--terra-paginator-nav-link-line-height: 1.5;--terra-paginator-nav-link-margin-left: 0.25rem;--terra-paginator-nav-link-margin-right: 0.25rem;--terra-paginator-nav-link-previous-padding-left: 0.83333rem;--terra-paginator-nav-link-next-padding-right: 0.83333rem;--terra-paginator-nav-link-previous-icon-only-margin-left: 0.25rem;--terra-paginator-nav-link-previous-icon-only-margin-right: 0.5rem;--terra-paginator-nav-link-next-icon-only-margin-left: 0.5rem;--terra-paginator-nav-link-next-icon-only-margin-right: 0.25rem;--terra-paginator-nav-link-min-width: 2rem;--terra-paginator-nav-link-padding: 0.25rem 0.83333rem;--terra-paginator-nav-link-box-shadow: none;--terra-paginator-nav-link-font-size: 1rem;--terra-paginator-nav-link-text-decoration: none;--terra-paginator-nav-link-hover-background-color: rgba(0, 0, 0, 0.1);--terra-paginator-nav-link-hover-color: #000;--terra-paginator-nav-link-hover-text-decoration: none;--terra-paginator-nav-link-hover-border: 1px solid #6f7477;--terra-paginator-nav-link-hover-box-shadow: none;--terra-paginator-nav-link-focus-background-color: transparent;--terra-paginator-nav-link-focus-border: 1px solid #6f7477;--terra-paginator-nav-link-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-paginator-nav-link-focus-color: #000;--terra-paginator-nav-link-active-background-color: rgba(0, 0, 0, 0.2);--terra-paginator-nav-link-active-color: #000;--terra-paginator-nav-link-active-text-decoration: none;--terra-paginator-nav-link-active-border: 1px solid #6f7477;--terra-paginator-nav-link-active-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-paginator-nav-link-selected-color: inherit;--terra-paginator-nav-link-disabled-color: #9b9fa1;--terra-paginator-nav-link-disabled-focus-box-shadow: none;--terra-paginator-nav-link-disabled-background-color: transparent;--terra-paginator-nav-link-disabled-border: 1px solid #b2b5b6;--terra-paginator-nav-link-disabled-box-shadow: none;--terra-paginator-nav-link-disabled-opacity: 1;--terra-paginator-nav-link-left-controls-margin-left: 0.25rem;--terra-paginator-nav-link-left-controls-margin-right: 0.25rem;--terra-paginator-nav-link-right-controls-margin-left: 0.25rem;--terra-paginator-nav-link-right-controls-margin-right: 0.25rem;--terra-paginator-nav-link-icon-height: 1rem;--terra-paginator-nav-link-icon-offset-top: 0.153rem;--terra-paginator-nav-link-icon-width: 1rem;--terra-paginator-progressive-nav-link-previous-margin-left: 0.25rem;--terra-paginator-progressive-nav-link-previous-margin-right: 0.25rem;--terra-paginator-progressive-nav-link-next-margin-left: 0.25rem;--terra-paginator-progressive-nav-link-next-margin-right: 0.25rem;--terra-paginator-nav-link-icon-previous-margin-right: 0.25rem;--terra-paginator-nav-link-icon-next-margin-left: 0.25rem;--terra-paginator-nav-link-icon-previous-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M10.3%2024L33.8%200l3.9%203.8L18%2024l19.7%2020.2-3.9%203.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--terra-paginator-nav-link-icon-previous-disabled-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%239b9fa1%22%20d%3D%22M10.3%2024L33.8%200l3.9%203.8L18%2024l19.7%2020.2-3.9%203.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--terra-paginator-nav-link-icon-next-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M37.7%2024L14.2%2048l-3.9-3.8L30%2024%2010.3%203.8%2014.2%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--terra-paginator-nav-link-icon-next-disabled-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%239b9fa1%22%20d%3D%22M37.7%2024L14.2%2048l-3.9-3.8L30%2024%2010.3%203.8%2014.2%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}.Paginator-module__paginator___vvzXa{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.Paginator-module__paginator___vvzXa button.Paginator-module__nav-link___9tbe0{-webkit-appearance:button;appearance:button}.Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0{color:#0059a8;color:var(--terra-paginator-nav-link-color, #0059a8);display:inline-block;font-family:inherit;font-size:1rem;font-size:var(--terra-paginator-nav-link-font-size, 1rem);line-height:1.429;line-height:var(--terra-paginator-nav-link-line-height, 1.429);max-width:100%;min-width:2rem;min-width:var(--terra-paginator-nav-link-min-width, 2rem);outline:none;overflow-wrap:break-word;-webkit-text-decoration:none;-webkit-text-decoration:var(--terra-paginator-nav-link-text-decoration, none);text-decoration:none;text-decoration:var(--terra-paginator-nav-link-text-decoration, none);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:normal;word-wrap:break-word}[dir] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0{background-color:transparent;background-color:var(--terra-paginator-nav-link-background-color, transparent);border:none;border:var(--terra-paginator-nav-link-border, none);border-radius:3px;border-radius:var(--terra-paginator-nav-link-border-radius, 3px);box-shadow:var(--terra-paginator-nav-link-box-shadow);cursor:pointer;margin:0;padding:0.35714rem 0.5rem;padding:var(--terra-paginator-nav-link-padding, 0.35714rem 0.5rem);text-align:center}[dir=ltr] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0{margin-left:0.14285rem;margin-left:var(--terra-paginator-nav-link-margin-left, 0.14285rem);margin-right:0.14285rem;margin-right:var(--terra-paginator-nav-link-margin-right, 0.14285rem)}[dir=rtl] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0{margin-right:0.14285rem;margin-right:var(--terra-paginator-nav-link-margin-left, 0.14285rem);margin-left:0.14285rem;margin-left:var(--terra-paginator-nav-link-margin-right, 0.14285rem)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0:hover{color:#001f67;color:var(--terra-paginator-nav-link-hover-color, #001f67);-webkit-text-decoration:underline;-webkit-text-decoration:var(--terra-paginator-nav-link-hover-text-decoration, underline);text-decoration:underline;text-decoration:var(--terra-paginator-nav-link-hover-text-decoration, underline)}[dir] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0:hover{background-color:transparent;background-color:var(--terra-paginator-nav-link-hover-background-color, transparent);border:none;border:var(--terra-paginator-nav-link-hover-border, none);box-shadow:var(--terra-paginator-nav-link-hover-box-shadow)}}[dir] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0::-moz-focus-inner{border:0;padding:0}.Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__is-focused___-Qhpx{color:#0059a8;color:var(--terra-paginator-nav-link-focus-color, #0059a8);outline:none}[dir] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__is-focused___-Qhpx{background-color:transparent;background-color:var(--terra-paginator-nav-link-focus-background-color, transparent);border:none;border:var(--terra-paginator-nav-link-focus-border, none);box-shadow:0 0 0 2px rgba(76, 178, 233, 0.25), inset 0 0 0 1px #4cb2e9;box-shadow:var(--terra-paginator-nav-link-focus-box-shadow, 0 0 0 2px rgba(76, 178, 233, 0.25), inset 0 0 0 1px #4cb2e9)}.Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__is-active___2h2S8{color:#001f67;color:var(--terra-paginator-nav-link-active-color, #001f67);-webkit-text-decoration:none;-webkit-text-decoration:var(--terra-paginator-nav-link-active-text-decoration, none);text-decoration:none;text-decoration:var(--terra-paginator-nav-link-active-text-decoration, none)}[dir] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__is-active___2h2S8{background-color:rgba(0, 0, 0, 0.07);background-color:var(--terra-paginator-nav-link-active-background-color, rgba(0, 0, 0, 0.07));border:none;border:var(--terra-paginator-nav-link-active-border, none);box-shadow:var(--terra-paginator-nav-link-active-box-shadow)}.Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__is-selected___2l084{color:var(--terra-paginator-nav-link-selected-color);pointer-events:none}[dir] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__is-selected___2l084{cursor:auto}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__is-selected___2l084:hover{text-decoration:none}}.Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__is-selected___2l084:focus{outline:none}.Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0:disabled,.Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__is-disabled___HOTxu{color:rgba(28, 31, 33, 0.2);color:var(--terra-paginator-nav-link-disabled-color, rgba(28, 31, 33, 0.2));opacity:1;opacity:var(--terra-paginator-nav-link-disabled-opacity, 1);pointer-events:none}[dir] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0:disabled, [dir] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__is-disabled___HOTxu{background-color:transparent;background-color:var(--terra-paginator-nav-link-disabled-background-color, transparent);border:none;border:var(--terra-paginator-nav-link-disabled-border, none);box-shadow:var(--terra-paginator-nav-link-disabled-box-shadow);cursor:default}.Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0:disabled:focus,.Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__is-disabled___HOTxu:focus{outline:none}[dir] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0:disabled:focus, [dir] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__is-disabled___HOTxu:focus{box-shadow:none;box-shadow:var(--terra-paginator-nav-link-disabled-focus-box-shadow, none)}[dir=ltr] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__previous___wwFfs{padding-left:0.5rem;padding-left:var(--terra-paginator-nav-link-previous-padding-left, 0.5rem)}[dir=rtl] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__previous___wwFfs{padding-right:0.5rem;padding-right:var(--terra-paginator-nav-link-previous-padding-left, 0.5rem)}[dir] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__previous___wwFfs.Paginator-module__icon-only___rEY-7{padding:0.35714rem 0.5rem;padding:var(--terra-paginator-nav-link-padding, 0.35714rem 0.5rem)}[dir=ltr] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__previous___wwFfs.Paginator-module__icon-only___rEY-7{margin-left:0.14285rem;margin-left:var(--terra-paginator-nav-link-previous-icon-only-margin-left, 0.14285rem);margin-right:0.14285rem;margin-right:var(--terra-paginator-nav-link-previous-icon-only-margin-right, 0.14285rem)}[dir=rtl] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__previous___wwFfs.Paginator-module__icon-only___rEY-7{margin-right:0.14285rem;margin-right:var(--terra-paginator-nav-link-previous-icon-only-margin-left, 0.14285rem);margin-left:0.14285rem;margin-left:var(--terra-paginator-nav-link-previous-icon-only-margin-right, 0.14285rem)}[dir=ltr] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__next___5nNVD{padding-right:0.5rem;padding-right:var(--terra-paginator-nav-link-next-padding-right, 0.5rem)}[dir=rtl] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__next___5nNVD{padding-left:0.5rem;padding-left:var(--terra-paginator-nav-link-next-padding-right, 0.5rem)}[dir] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__next___5nNVD.Paginator-module__icon-only___rEY-7{padding:0.35714rem 0.5rem;padding:var(--terra-paginator-nav-link-padding, 0.35714rem 0.5rem)}[dir=ltr] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__next___5nNVD.Paginator-module__icon-only___rEY-7{margin-left:0.14285rem;margin-left:var(--terra-paginator-nav-link-next-icon-only-margin-left, 0.14285rem);margin-right:0.14285rem;margin-right:var(--terra-paginator-nav-link-next-icon-only-margin-right, 0.14285rem)}[dir=rtl] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__next___5nNVD.Paginator-module__icon-only___rEY-7{margin-right:0.14285rem;margin-right:var(--terra-paginator-nav-link-next-icon-only-margin-left, 0.14285rem);margin-left:0.14285rem;margin-left:var(--terra-paginator-nav-link-next-icon-only-margin-right, 0.14285rem)}[dir=ltr] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__left-controls___m\+ST4{margin-left:0.14286rem;margin-left:var(--terra-paginator-nav-link-left-controls-margin-left, 0.14286rem);margin-right:0.57143rem;margin-right:var(--terra-paginator-nav-link-left-controls-margin-right, 0.57143rem)}[dir=rtl] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__left-controls___m\+ST4{margin-right:0.14286rem;margin-right:var(--terra-paginator-nav-link-left-controls-margin-left, 0.14286rem);margin-left:0.57143rem;margin-left:var(--terra-paginator-nav-link-left-controls-margin-right, 0.57143rem)}[dir=ltr] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__right-controls___8yqwX{margin-left:0.57143rem;margin-left:var(--terra-paginator-nav-link-right-controls-margin-left, 0.57143rem);margin-right:0.14286rem;margin-right:var(--terra-paginator-nav-link-right-controls-margin-right, 0.14286rem)}[dir=rtl] .Paginator-module__paginator___vvzXa .Paginator-module__nav-link___9tbe0.Paginator-module__right-controls___8yqwX{margin-right:0.57143rem;margin-right:var(--terra-paginator-nav-link-right-controls-margin-left, 0.57143rem);margin-left:0.14286rem;margin-left:var(--terra-paginator-nav-link-right-controls-margin-right, 0.14286rem)}.Paginator-module__paginator___vvzXa.Paginator-module__pageless___QFIUV{-ms-flex-pack:justify;justify-content:space-between}.Paginator-module__paginator___vvzXa.Paginator-module__progressive___VlwmT{-ms-flex-pack:justify;justify-content:space-between}[dir=ltr] .Paginator-module__paginator___vvzXa.Paginator-module__progressive___VlwmT .Paginator-module__nav-link___9tbe0.Paginator-module__previous___wwFfs{margin-left:0.14285rem;margin-left:var(--terra-paginator-progressive-nav-link-previous-margin-left, 0.14285rem);margin-right:0.14285rem;margin-right:var(--terra-paginator-progressive-nav-link-previous-margin-right, 0.14285rem)}[dir=rtl] .Paginator-module__paginator___vvzXa.Paginator-module__progressive___VlwmT .Paginator-module__nav-link___9tbe0.Paginator-module__previous___wwFfs{margin-right:0.14285rem;margin-right:var(--terra-paginator-progressive-nav-link-previous-margin-left, 0.14285rem);margin-left:0.14285rem;margin-left:var(--terra-paginator-progressive-nav-link-previous-margin-right, 0.14285rem)}[dir=ltr] .Paginator-module__paginator___vvzXa.Paginator-module__progressive___VlwmT .Paginator-module__nav-link___9tbe0.Paginator-module__next___5nNVD{margin-left:0.14285rem;margin-left:var(--terra-paginator-progressive-nav-link-next-margin-left, 0.14285rem);margin-right:0.14285rem;margin-right:var(--terra-paginator-progressive-nav-link-next-margin-right, 0.14285rem)}[dir=rtl] .Paginator-module__paginator___vvzXa.Paginator-module__progressive___VlwmT .Paginator-module__nav-link___9tbe0.Paginator-module__next___5nNVD{margin-right:0.14285rem;margin-right:var(--terra-paginator-progressive-nav-link-next-margin-left, 0.14285rem);margin-left:0.14285rem;margin-left:var(--terra-paginator-progressive-nav-link-next-margin-right, 0.14285rem)}.Paginator-module__icon___Zn5Jx{display:inline-block;height:1rem;height:var(--terra-paginator-nav-link-icon-height, 1rem);position:relative;top:0.1785rem;top:var(--terra-paginator-nav-link-icon-offset-top, 0.1785rem);width:1rem;width:var(--terra-paginator-nav-link-icon-width, 1rem)}[dir] .Paginator-module__icon___Zn5Jx{background-repeat:no-repeat;background-size:contain}[dir] .Paginator-module__previous___wwFfs .Paginator-module__icon___Zn5Jx{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%230059a8%22%20d%3D%22M10.3%2024L33.8%200l3.9%203.8L18%2024l19.7%2020.2-3.9%203.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");background-image:var(--terra-paginator-nav-link-icon-previous-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%230059a8%22%20d%3D%22M10.3%2024L33.8%200l3.9%203.8L18%2024l19.7%2020.2-3.9%203.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"))}[dir=ltr] .Paginator-module__previous___wwFfs .Paginator-module__icon___Zn5Jx{margin-right:0.25rem;margin-right:var(--terra-paginator-nav-link-icon-previous-margin-right, 0.25rem)}[dir=rtl] .Paginator-module__previous___wwFfs .Paginator-module__icon___Zn5Jx{margin-left:0.25rem;margin-left:var(--terra-paginator-nav-link-icon-previous-margin-right, 0.25rem)}[dir] .Paginator-module__previous___wwFfs.Paginator-module__is-disabled___HOTxu .Paginator-module__icon___Zn5Jx{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgba%2828%2C%2031%2C%2033%2C%200.2%29%22%20d%3D%22M10.3%2024L33.8%200l3.9%203.8L18%2024l19.7%2020.2-3.9%203.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");background-image:var(--terra-paginator-nav-link-icon-previous-disabled-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgba%2828%2C%2031%2C%2033%2C%200.2%29%22%20d%3D%22M10.3%2024L33.8%200l3.9%203.8L18%2024l19.7%2020.2-3.9%203.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"))}[dir] .Paginator-module__next___5nNVD .Paginator-module__icon___Zn5Jx{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%230059a8%22%20d%3D%22M37.7%2024L14.2%2048l-3.9-3.8L30%2024%2010.3%203.8%2014.2%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");background-image:var(--terra-paginator-nav-link-icon-next-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%230059a8%22%20d%3D%22M37.7%2024L14.2%2048l-3.9-3.8L30%2024%2010.3%203.8%2014.2%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"))}[dir=ltr] .Paginator-module__next___5nNVD .Paginator-module__icon___Zn5Jx{margin-left:0.25rem;margin-left:var(--terra-paginator-nav-link-icon-next-margin-left, 0.25rem)}[dir=rtl] .Paginator-module__next___5nNVD .Paginator-module__icon___Zn5Jx{margin-right:0.25rem;margin-right:var(--terra-paginator-nav-link-icon-next-margin-left, 0.25rem)}[dir] .Paginator-module__next___5nNVD.Paginator-module__is-disabled___HOTxu .Paginator-module__icon___Zn5Jx{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgba%2828%2C%2031%2C%2033%2C%200.2%29%22%20d%3D%22M37.7%2024L14.2%2048l-3.9-3.8L30%2024%2010.3%203.8%2014.2%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");background-image:var(--terra-paginator-nav-link-icon-next-disabled-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgba%2828%2C%2031%2C%2033%2C%200.2%29%22%20d%3D%22M37.7%2024L14.2%2048l-3.9-3.8L30%2024%2010.3%203.8%2014.2%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"))}[dir] .Paginator-module__previous___wwFfs.Paginator-module__icon-only___rEY-7 .Paginator-module__icon___Zn5Jx, [dir] .Paginator-module__next___5nNVD.Paginator-module__icon-only___rEY-7 .Paginator-module__icon___Zn5Jx{margin:0}.Paginator-module__list___HklUW{display:contents;list-style-type:none;-webkit-padding-start:0;padding-inline-start:0}.Paginator-module__progressive-list___R3S5U{display:-ms-flexbox;display:flex;list-style-type:none;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0;-webkit-padding-start:0;padding-inline-start:0} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/17040-141f48c45f7e56ec8222.js b/17040-141f48c45f7e56ec8222.js new file mode 100644 index 000000000..9b171d53f --- /dev/null +++ b/17040-141f48c45f7e56ec8222.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17040,45627,85565,3353,5161,45865,85355,3193,16835,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),o=a(n(45697)),l=a(n(19845)),i=a(n(17422)),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,n=e.name,a=e.url,o=e.version,l=r.default.createElement("a",{className:u("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},r.default.createElement("span",{className:u("badge-name")},a?"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;var s=c;t.Z=s},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var o=a(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=_(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),u=a(n(19845)),d=n(21538),c=a(n(33864)),s=a(n(23399)),f=n(51051),m=a(n(53560));function _(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(_=function(e){return e?n:t})(e)}var p=u.default.bind(m.default),v={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,i=e.description,u=e.isExpanded,m=(0,l.useState)(u),_=(0,o.default)(m,2),v=_[0],h=_[1],y=(0,l.useState)(!1),w=(0,o.default)(y,2),E=w[0],O=w[1],P=l.default.useContext(d.ThemeContext),j=void 0!==a,x=function(){O(!E),v&&h(!v)},k=function(){h(!v),E&&O(!E)},N=function(e,t){e.nativeEvent.keyCode!==f.KEY_SPACE&&e.nativeEvent.keyCode!==f.KEY_RETURN||(e.preventDefault(),t())};return l.default.createElement("div",{className:p("template",P.className)},l.default.createElement("div",{className:p("header")},r&&l.default.createElement("h2",{className:p("title")},r)),l.default.createElement("div",{className:p("content")},i&&l.default.createElement("div",{className:p("description")},i),t),l.default.createElement("div",{className:p("footer")},n?l.default.createElement("div",{className:p("button-container")},j&&l.default.createElement("button",{type:"button",className:p("css-toggle","item",{"is-selected":E}),onClick:x,onKeyDown:function(e){return N(e,x)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(c.default,{className:p("chevron")}),l.default.createElement("span",null,"CSS"),l.default.createElement(s.default,{className:p("chevron")})),l.default.createElement("button",{type:"button",className:p("code-toggle","item",{"is-selected":v}),onClick:k,onKeyDown:function(e){return N(e,k)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(c.default,{className:p("chevron")}),l.default.createElement("span",null,"Code"),l.default.createElement(s.default,{className:p("chevron")}))):null,l.default.createElement("div",null,E&&l.default.createElement("div",{className:p("css")},a),v&&l.default.createElement("div",{className:p("code")},n))))};h.propTypes=v,h.defaultProps={isExpanded:!1};var y=h;t.Z=y},31400:function(e,t,n){n.d(t,{C:function(){return o}});var a=n(67294),r=n(22863),o=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-paginator",name:"terra-paginator",version:"2.89.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},91352:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Dialog-module__clinical-lowlight-theme___UMbFI","orion-fusion-theme":"Dialog-module__orion-fusion-theme___HzMfX",dialog:"Dialog-module__dialog___VcjYd","dialog-header":"Dialog-module__dialog-header___xa8Zu","dialog-header-title":"Dialog-module__dialog-header-title___4JoCx","dialog-header-close":"Dialog-module__dialog-header-close___XtfPU","close-icon":"Dialog-module__close-icon___76QFH","dialog-body":"Dialog-module__dialog-body___RRzNh","dialog-footer":"Dialog-module__dialog-footer___vYxYH"}},83699:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Paginator-module__clinical-lowlight-theme___nA5c1","orion-fusion-theme":"Paginator-module__orion-fusion-theme___p6CjU",paginator:"Paginator-module__paginator___vvzXa","nav-link":"Paginator-module__nav-link___9tbe0","is-focused":"Paginator-module__is-focused___-Qhpx","is-active":"Paginator-module__is-active___2h2S8","is-selected":"Paginator-module__is-selected___2l084","is-disabled":"Paginator-module__is-disabled___HOTxu",previous:"Paginator-module__previous___wwFfs","icon-only":"Paginator-module__icon-only___rEY-7",next:"Paginator-module__next___5nNVD","left-controls":"Paginator-module__left-controls___m+ST4","right-controls":"Paginator-module__right-controls___8yqwX",pageless:"Paginator-module__pageless___QFIUV",progressive:"Paginator-module__progressive___VlwmT",icon:"Paginator-module__icon___Zn5Jx",list:"Paginator-module__list___HklUW","progressive-list":"Paginator-module__progressive-list___R3S5U"}},4169:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=m(n(67294)),r=m(n(45697)),o=m(n(93967)),l=m(n(19845)),i=m(n(50026)),u=m(n(55281)),d=m(n(10027)),c=n(25387),s=m(n(91352)),f=["children","footer","header","intl","onClose"];function m(e){return e&&e.__esModule?e:{default:e}}function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var v=l.default.bind(s.default),g={children:r.default.node,footer:r.default.node.isRequired,header:r.default.node.isRequired,intl:r.default.shape({formatMessage:r.default.func}).isRequired,onClose:r.default.func},b=function(e){var t=e.children,n=e.footer,r=e.header,l=e.intl,c=e.onClose,s=p(e,f),m=a.default.useContext(i.default),g=(0,o.default)(v("dialog",m.className),s.className),b=c?a.default.createElement("div",{className:v("dialog-header-close")},a.default.createElement(u.default,{variant:"utility",text:l.formatMessage({id:"Terra.dialog.close"}),onClick:c,isIconOnly:!0,icon:a.default.createElement("span",{className:v("close-icon")})})):null,h=a.default.createElement("div",{className:v("dialog-header")},a.default.createElement("div",{className:v("dialog-header-title")},r),b);return a.default.createElement("div",_({},s,{className:g}),a.default.createElement(d.default,{fill:!0,header:h,footer:a.default.createElement("div",{className:v("dialog-footer")},n)},a.default.createElement("div",{className:v("dialog-body")},t)))};b.propTypes=g,b.defaultProps={onClose:null,children:null};t.default=(0,c.injectIntl)(b)},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),r=o(n(99139));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;te.length)&&(t=e.length);for(var n=0,a=new Array(t);nt&&(a=t),a<7)for(var r=t<10?t:10,o=1;o<=r;o+=1)n.push(o);else if(a<=t&&a>t-10&&a>t-5)for(var l=t;l>t-10&&l>0;l-=1)n.push(l);else{for(var i=a;i>=a-5;i-=1)n.push(i);for(var u=a+1;u<=a+4;u+=1)n.push(u)}return n.sort((function(e,t){return e-t}))}},80906: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.DependentViewport=void 0;var r=d(n(67294)),o=d(n(45697)),l=d(n(32018)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(r,l,i):r[l]=e[l]}return r.default=e,n&&n.set(e,r),r}(n(30210));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}function d(e){return e&&e.__esModule?e:{default:e}}function c(e,t){for(var n=0;n=i.default.enormous&&c?"enormous":e>=i.default.huge&&d?"huge":e>=i.default.large&&u?"large":e>=i.default.medium&&l?"medium":e>=i.default.small&&o?"small":"tiny",this.state.element!==s&&this.setState({element:s}))}},{key:"handleWindowResize",value:function(){this.handleResize(window.innerWidth)}},{key:"setContainer",value:function(e){null!==e&&(this.container="parent"===this.props.responsiveTo?e.parentNode:null)}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.responsiveTo;return this.state.element?this.props[this.state.element]||null:r.default.createElement(r.default.Fragment,null,"parent"===n&&!this.container&&r.default.createElement("div",{ref:this.setContainer}),t)}}])&&c(t.prototype,n),a&&c(t,a),Object.defineProperty(t,"prototype",{writable:!1}),u}(r.default.Component);v.propTypes=p,v.defaultProps={responsiveTo:"parent"};t.default=v}}]); \ No newline at end of file diff --git a/17286-4654bf6ac031a001c39a.css b/17286-4654bf6ac031a001c39a.css new file mode 100644 index 000000000..f18f2117e --- /dev/null +++ b/17286-4654bf6ac031a001c39a.css @@ -0,0 +1,2 @@ +.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/17286-4654bf6ac031a001c39a.js b/17286-4654bf6ac031a001c39a.js new file mode 100644 index 000000000..219e373e7 --- /dev/null +++ b/17286-4654bf6ac031a001c39a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17286,78996,39915,33442],{73640:function(e,t,n){n.r(t),n.d(t,{default:function(){return x}});n(67294);var a=n(81254),r=n(78530),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var l={},m="wrapper";function d(e){var t=e.components,n=p(e,i);return(0,a.mdx)(m,o({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.ZP,{mdxType:"PropsTable"},(0,a.mdx)(r.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(r.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(r.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Components to render within the context of the NavigationPromptCheckpoint. Any NavigationPrompts rendered within\nthese child components will be registered to this NavigationPromptCheckpoint instance."))),(0,a.mdx)(r.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(r.O,{mdxType:"PropNameCell"},"onPromptChange"),(0,a.mdx)(r.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A function that will be executed when NavigationPrompts are registered to or unregistered from the NavigationPromptCheckpoint instance.\nThis can be used to track registered prompts outside of a NavigationPromptCheckpoint and handle prompt resolution directly, if necessary.\nThe function will be provided with an array of data objects representing the registered NavigationPrompts as the sole argument. An empty\nArray will be provided when no prompts are registered."),(0,a.mdx)("p",null,"Function Example:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"(arrayOfPrompts) => {\n arrayOfPrompts.forEach((prompt) => {\n console.log(prompt.description);\n console.log(prompt.metaData);\n })\n this.myLocalPromptRegistry = arrayOfPrompts;\n}\n"))))))}d.isMDXComponent=!0;var s=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={},g="wrapper";function x(e){var t=e.components,n=h(e,s);return(0,a.mdx)(g,c({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"navigationpromptcheckpoint"},"NavigationPromptCheckpoint"),(0,a.mdx)("p",null,"The NavigationPromptCheckpoint serves as a registration gateway for ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/navigation-prompt"},"NavigationPrompts"),"\nrendered within it. Any NavigationPrompt rendered within the context of a NavigationPromptCheckpoint will register itself with the NavigationPromptCheckpoint\n(and any other ancestor checkpoints). The component that implements the NavigationPromptCheckpoint can use the presence of registered NavigationPrompts to\ninfluence its navigational workflows as necessary."),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { NavigationPromptCheckpoint } from 'terra-application/lib/navigation-prompt';\n")),(0,a.mdx)("h2",{id:"props"},"Props"),(0,a.mdx)(d,{mdxType:"NavigationPromptCheckpointProps"}),(0,a.mdx)("h2",{id:"details"},"Details"),(0,a.mdx)("p",null,"Any component that navigates between stateful child components should render NavigationPromptCheckpoints around those children.\nEach NavigationPrompt rendered by a child will be registered to the NavigationPromptCheckpoints above it in the component tree.\nThe implementer of each NavigationPromptCheckpoint can use the registered data to prompt the user before navigating or prevent navigation altogether."),(0,a.mdx)("h3",{id:"onpromptchange"},(0,a.mdx)("inlineCode",{parentName:"h3"},"onPromptChange")),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," function prop is used to communicate NavigationPrompt registrations to the implementer of a NavigationPromptCheckpoint.\nThe function is called with an array of objects containing each registered NavigationPrompt's ",(0,a.mdx)("inlineCode",{parentName:"p"},"description")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"metaData")," properties."),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"Note: The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," prop will be called after each NavigationPrompt registration and removal.\nIt may be called more than once with the same array of NavigationPrompt data. Calls to ",(0,a.mdx)("inlineCode",{parentName:"p"},"setState")," within onPromptChange\nshould be performed only when necessary to minimize component updates.")),(0,a.mdx)("h3",{id:"resolveprompts"},(0,a.mdx)("inlineCode",{parentName:"h3"},"resolvePrompts")),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," function can be accessed from the ref to a NavigationPromptCheckpoint. Calling ",(0,a.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," results in a\nPromise being returned and a NotificationDialog being presented to the user with options to either confirm or cancel their action.\nIf the user confirms the action, the dialog will close, and the returned Promise will be resolved. If the user cancels the action,\nthe dialog will close, and the returned Promise will be rejected. If no NavigationPrompts are detected, no dialog is presented, and\nthe returned Promise will be resolved."),(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," accepts either an Object or function argument. The Object should contain the text strings used to render the NotificationDialog.\nThe function should return an Object containing the text strings used to render the NotificationDialog. Additionally, the function will receive\nan array of registered NavigationPrompts as an argument. The array of prompts can be used to create dynamic strings based on the current set of registered prompts."),(0,a.mdx)("p",null,"The keys expected in the resolvePrompts Object or return value include:"),(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},"Key"),(0,a.mdx)("th",{parentName:"tr",align:null},"Type"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("inlineCode",{parentName:"td"},"title")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"The title of the NotificationDialog.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("inlineCode",{parentName:"td"},"startMessage")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"The starting message of the NotificationDialog.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("inlineCode",{parentName:"td"},"content")),(0,a.mdx)("td",{parentName:"tr",align:null},"Node"),(0,a.mdx)("td",{parentName:"tr",align:null},"The content of the NotificationDialog.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("inlineCode",{parentName:"td"},"endMessage")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"The ending message of the NotificationDialog.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("inlineCode",{parentName:"td"},"acceptButtonText")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"The text to render within the NotificationDialog's accept button.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("inlineCode",{parentName:"td"},"rejectButtonText")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"The text to render within the NotificationDialog's reject button.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("inlineCode",{parentName:"td"},"buttonOrder")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"A string indicating which action should be rendered first, required. Supported values include: ",(0,a.mdx)("inlineCode",{parentName:"td"},"acceptFirst"),", ",(0,a.mdx)("inlineCode",{parentName:"td"},"rejectFirst"),".")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("inlineCode",{parentName:"td"},"emphasizedAction")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"A string indicating which action should be rendered as emphasized. Supported values include: ",(0,a.mdx)("inlineCode",{parentName:"td"},"accept"),", ",(0,a.mdx)("inlineCode",{parentName:"td"},"reject"),", and ",(0,a.mdx)("inlineCode",{parentName:"td"},"none"),". Defaults to ",(0,a.mdx)("inlineCode",{parentName:"td"},"none"),".")))),(0,a.mdx)("p",null,"A utility function called ",(0,a.mdx)("inlineCode",{parentName:"p"},"getUnsavedChangesPromptOptions")," allows direct consumers of the NavigationPromptCheckpoint\nto match the prompt messaging provided by the components within ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-application"),"."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useContext, useRef } from 'react';\nimport { ApplicationIntlContext } from 'terra-application/lib/application-intl';\nimport { NavigationPromptCheckpoint, getUnsavedChangesPromptOptions } from 'terra-application/lib/navigation-prompt';\n\nconst ExampleComponent = () => {\n const checkpointRef = useRef();\n const applicationIntl = useContext(ApplicationIntlContext);\n\n function resolvePrompts() {\n checkpointRef.current.resolvePrompts(getUnsavedChangesPromptOptions(applicationIntl)).then(() => { ... });\n }\n\n return (\n \n {...}\n \n );\n}\n")))}x.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/17340-7dde5d2bc9ed7567260a.js b/17340-7dde5d2bc9ed7567260a.js new file mode 100644 index 000000000..6ffc036bc --- /dev/null +++ b/17340-7dde5d2bc9ed7567260a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17340],{17340:function(a,e,t){t.r(e),t.d(e,{default:function(){return m}});var r=t(67294),c=t(81254);var n=function(){return r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",viewBox:"0 0 772 756.266"},r.createElement("defs",null,r.createElement("linearGradient",{id:"a",x1:"818.695",x2:"818.695",y1:"798.037",y2:"789.287",gradientTransform:"translate(-540.545)",gradientUnits:"userSpaceOnUse"},r.createElement("stop",{offset:"0",stopColor:"gray",stopOpacity:"0.25"}),r.createElement("stop",{offset:"0.535",stopColor:"gray",stopOpacity:"0.12"}),r.createElement("stop",{offset:"1",stopColor:"gray",stopOpacity:"0.1"}))),r.createElement("path",{fill:"#f2f2f2",d:"M772 170.07L772 224.67 721.49 202.5 700.99 193.5 685.04 186.5 603.04 150.5 587.09 143.5 566.59 134.5 271.6 5 395.98 5 772 170.07z"}),r.createElement("circle",{cx:"663",cy:"66",r:"66",fill:"#0079bd"}),r.createElement("path",{fill:"#3f3d56",d:"M912 445.867a12 12 0 1112-12 12.013 12.013 0 01-12 12zm0-22a10 10 0 1010 10 10.011 10.011 0 00-10-10zM240 280.867h-26v-26h26zm-24-2h22v-22h-22zM627 101.867h-26v-26h26zm-24-2h22v-22h-22z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#0079bd",d:"M118.5 162.62H304.5V313.62H118.5z"}),r.createElement("path",{fill:"#f2f2f2",d:"M118.5 359.62H633.5V375.62H118.5z"}),r.createElement("path",{fill:"#3f3d56",d:"M506.5 377.487h-188v-153h188zm-186-2h184v-149h-184z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#0079bd",d:"M378.5 204.12H558.5V220.12H378.5z"}),r.createElement("path",{fill:"#0079bd",d:"M378.5 247.12H633.5V263.12H378.5z",opacity:"0.3"}),r.createElement("path",{fill:"#3f3d56",d:"M760.5 283.987h-182v-18h182zm-180-2h178v-14h-178zM835.5 326.987h-257v-18h257zm-255-2h253v-14h-253zM835.5 439.487h-517v-18h517zm-515-2h513v-14h-513z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#f2f2f2",d:"M118.5 409.62H633.5V425.62H118.5z"}),r.createElement("path",{fill:"#3f3d56",d:"M835.5 489.487h-517v-18h517zm-515-2h513v-14h-513z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#f2f2f2",d:"M118.5 459.62H633.5V475.62H118.5z"}),r.createElement("path",{fill:"#3f3d56",d:"M835.5 539.487h-517v-18h517zm-515-2h513v-14h-513z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#f2f2f2",d:"M118.5 509.62H633.5V525.62H118.5z"}),r.createElement("path",{fill:"#3f3d56",d:"M835.5 589.487h-517v-18h517zm-515-2h513v-14h-513z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#f2f2f2",d:"M118.5 559.62H633.5V575.62H118.5z"}),r.createElement("path",{fill:"#3f3d56",d:"M835.5 639.487h-517v-18h517zm-515-2h513v-14h-513z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#f2f2f2",d:"M118.5 609.62H633.5V625.62H118.5z"}),r.createElement("path",{fill:"#3f3d56",d:"M835.5 689.487h-517v-18h517zm-515-2h513v-14h-513z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#3f3d56",d:"M878.5 786H289V136.487h589.5zM291 784h585.5V138.487H291z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"url(#a)",d:"M276.4 797.987a.467.467 0 00-.1.05c1.19-2.57 2.3-5.17 3.31-7.81.12-.31.23-.63.35-.94-.01.08-.01.16-.02.25-.03.5-.07 1-.11 1.51-.06.79-.11 1.59-.12 2.39-.01.25-.01.49-.01.74a14.63 14.63 0 00.3 2.9h-.04c-.25.02-.48.03-.72.07a9.783 9.783 0 00-2.73.78.591.591 0 00-.11.06z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#a0616a",d:"M295.335 405.208c.107 4.176 1.522 8.221 1.744 12.39-12.298.611-24.428-5.354-36.603-3.526 3.403-2.203 5.223-6.172 6.294-10.08a41.802 41.802 0 001.2-15.487 6.82 6.82 0 00-.152-.857c-.452-2.042-1.622-4.933-1.308-6.539.413-2.126 2.417-1.705 4.222-1.583a158.143 158.143 0 0116.412 2.119c1.415.244 15.196 3.686 15.403 3.326a64.857 64.857 0 00-5.966 12.29 23.96 23.96 0 00-1.246 7.947zM416.952 392.306a17.98 17.98 0 01-3.755 3.786c-.933.764-1.89 1.544-2.891 2.248a12.397 12.397 0 01-6.149 2.5c-2.93.2-9.147-1.521-10.967-4.03a7.27 7.27 0 01-1.048-4.198 19.315 19.315 0 011.01-5.874 32.736 32.736 0 014.741-8.58c2.119-2.945 4.474-5.844 7.625-7.626a29.578 29.578 0 013.243-1.491c1.912-.78 3.816-1.568 5.728-2.348a2.764 2.764 0 011.04-.275c1.538.015 1.82 2.363.949 3.632-1.744 2.555-5.667 3.266-6.769 6.165a4.394 4.394 0 014.084 3.166 2.238 2.238 0 00.551 1.277c.505.405 1.293.176 1.866.482 1.017.543.574 2.057.68 3.204a14.993 14.993 0 001.049 2.884 6.126 6.126 0 01-.987 5.078z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#65617d",d:"M247.432 810.977c.947-.946 2.494-.786 3.816-.577a141.542 141.542 0 0021.45 1.736c.9-4.392-1.711-8.661-2.552-13.065a11.786 11.786 0 00-.85-3.303c-1.012-1.94-3.294-2.829-5.435-3.28-3.866-.816-9.909-2.254-12.068 1.654-2.59 4.69-3.419 11.616-4.36 16.835z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#3f3d56",d:"M326.026 794.387c-2.914 1.988-6.531 2.608-10.034 3.06-3.51.443-7.113.787-10.287 2.347-2.738 1.354-5.047 3.572-7.946 4.543a16.555 16.555 0 01-8.252.13c-3.258-.612-6.73-1.797-8.489-4.612-1.568-2.5-1.4-5.675-1.185-8.619q.378-4.99.741-9.996a4.76 4.76 0 01.62-2.416c2.355-3.434 8.084 1.437 11.15 1.43 4.857-.008 10.073-2.639 13.576-5.859a4.12 4.12 0 011.055-.795c1.384-.62 2.769.528 4 1.53.137.114.275.229.413.336 2.837 2.249 6.646 2.707 10.149 3.618 3.51.91 7.265 2.745 8.351 6.202a5.275 5.275 0 01.168.665c.635 3.182-1.3 6.57-4.03 8.436z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#2f2e41",d:"M326.026 794.387c-2.914 1.988-6.531 2.608-10.034 3.06-3.51.443-7.113.787-10.287 2.347-2.738 1.354-5.047 3.572-7.946 4.543a16.555 16.555 0 01-8.252.13c-3.258-.612-6.73-1.797-8.489-4.612-1.568-2.5-1.4-5.675-1.185-8.619q.378-4.99.741-9.996a4.76 4.76 0 01.62-2.416c2.355-3.434 8.084 1.437 11.15 1.43 4.857-.008 10.073-2.639 13.576-5.859a4.12 4.12 0 011.055-.795c1.384-.62 2.769.528 4 1.53.137.114.275.229.413.336 2.837 2.249 6.646 2.707 10.149 3.618 3.51.91 7.265 2.745 8.351 6.202a5.275 5.275 0 01.168.665c.635 3.182-1.3 6.57-4.03 8.436z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#e8eaf2",d:"M326.026 795.506c-2.914 1.989-6.531 2.608-10.034 3.06-3.51.443-7.113.787-10.287 2.347-2.738 1.354-5.047 3.572-7.946 4.543a16.555 16.555 0 01-8.252.13 13.625 13.625 0 01-8.489-5.73c-1.568-2.502-1.4-5.675-1.185-8.62q.378-4.99.741-9.996a4.76 4.76 0 01.62-2.416c2.355-3.434 8.084 1.437 11.15 1.43 4.857-.008 10.073-2.639 13.576-5.859a4.12 4.12 0 011.055-.795c1.384-.62 2.769.528 4 1.53a28.73 28.73 0 01-3.411 7.05 14.675 14.675 0 01-10.7 6.693c-2.172.16-4.397-.268-6.5.29-2.096.559-4.054 2.708-3.312 4.75.727 1.988 3.296 2.424 5.415 2.539 2.967.16 6.011.306 8.826-.62 1.72-.573 3.296-1.521 4.97-2.217 7.121-2.953 16.115-1.3 21.996-6.287a13.015 13.015 0 011.797-1.377c1.54 3.224-1.3 7.69-4.03 9.555z",transform:"translate(-214 -71.867)"}),r.createElement("path",{d:"M326.026 795.506c-2.914 1.989-6.531 2.608-10.034 3.06-3.51.443-7.113.787-10.287 2.347-2.738 1.354-5.047 3.572-7.946 4.543a16.555 16.555 0 01-8.252.13 13.625 13.625 0 01-8.489-5.73c-1.568-2.502-1.4-5.675-1.185-8.62q.378-4.99.741-9.996a4.76 4.76 0 01.62-2.416c2.355-3.434 8.084 1.437 11.15 1.43 4.857-.008 10.073-2.639 13.576-5.859a4.12 4.12 0 011.055-.795c1.384-.62 2.769.528 4 1.53a28.73 28.73 0 01-3.411 7.05 14.675 14.675 0 01-10.7 6.693c-2.172.16-4.397-.268-6.5.29-2.096.559-4.054 2.708-3.312 4.75.727 1.988 3.296 2.424 5.415 2.539 2.967.16 6.011.306 8.826-.62 1.72-.573 3.296-1.521 4.97-2.217 7.121-2.953 16.115-1.3 21.996-6.287a13.015 13.015 0 011.797-1.377c1.54 3.224-1.3 7.69-4.03 9.555z",opacity:"0.05",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#2f2e41",d:"M248.764 577.622a43.783 43.783 0 006 32.306c1.67 2.585 3.624 5.011 4.878 7.82a35.548 35.548 0 011.904 6.198l5.405 22.374c1.46 6.04 2.93 12.196 2.49 18.395-.305 4.318-1.393 9.175 1.269 12.59a9.279 9.279 0 011.608 2.206 5.584 5.584 0 01.026 2.907c-2.735 16.244-4.763 33.226.177 48.94 4.477 14.243 4.733 30.025 8.54 44.461.47 1.788 1.01 3.672 2.364 4.93a7.75 7.75 0 003.546 1.685c5.61 1.335 11.533-.229 16.766-2.653 3.677-1.704 7.635-4.692 7.32-8.732-.149-1.922-1.272-3.607-2.034-5.378-1.494-3.473-1.614-7.353-2.018-11.112-1.012-9.44-3.923-18.556-6.122-27.792s-3.694-18.887-1.834-28.198a246.662 246.662 0 0118.141-55.808 6.73 6.73 0 011.662-2.499 17.181 17.181 0 002.352-1.605 7.097 7.097 0 001.075-2.926c.819-2.946 3.249-5.12 4.878-7.709 4.114-6.535 2.81-14.912 2.658-22.632-.148-7.508.933-15.085-.298-22.493s-5.475-14.98-12.616-17.301c-3.538-1.15-7.363-.89-11.064-.523-19.612 1.941-38.668 5.504-57.073 12.55z",transform:"translate(-214 -71.867)"}),r.createElement("path",{d:"M248.764 577.622a43.783 43.783 0 006 32.306c1.67 2.585 3.624 5.011 4.878 7.82a35.548 35.548 0 011.904 6.198l5.405 22.374c1.46 6.04 2.93 12.196 2.49 18.395-.305 4.318-1.393 9.175 1.269 12.59a9.279 9.279 0 011.608 2.206 5.584 5.584 0 01.026 2.907c-2.735 16.244-4.763 33.226.177 48.94 4.477 14.243 4.733 30.025 8.54 44.461.47 1.788 1.01 3.672 2.364 4.93a7.75 7.75 0 003.546 1.685c5.61 1.335 11.533-.229 16.766-2.653 3.677-1.704 7.635-4.692 7.32-8.732-.149-1.922-1.272-3.607-2.034-5.378-1.494-3.473-1.614-7.353-2.018-11.112-1.012-9.44-3.923-18.556-6.122-27.792s-3.694-18.887-1.834-28.198a246.662 246.662 0 0118.141-55.808 6.73 6.73 0 011.662-2.499 17.181 17.181 0 002.352-1.605 7.097 7.097 0 001.075-2.926c.819-2.946 3.249-5.12 4.878-7.709 4.114-6.535 2.81-14.912 2.658-22.632-.148-7.508.933-15.085-.298-22.493s-5.475-14.98-12.616-17.301c-3.538-1.15-7.363-.89-11.064-.523-19.612 1.941-38.668 5.504-57.073 12.55z",opacity:"0.1",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#2f2e41",d:"M328.642 624.71a46.891 46.891 0 01-.987 8.68q-5.185 29.082-11.051 58.04c-.344 1.676-.681 3.35-1.132 4.995a40.5 40.5 0 01-7.487 14.73c-16.298 20.313-17.705 49.81-26.546 74.307-.597 1.66-1.193 3.32-1.828 4.956a123.773 123.773 0 01-5.453 12.168 3.478 3.478 0 01-1.125 1.453 3.334 3.334 0 01-1.774.344 51.793 51.793 0 01-22.966-5.224 4.756 4.756 0 01-2.44-2.026 4.901 4.901 0 01-.26-2.333c.245-4.856.543-9.889 2.86-14.156a30.207 30.207 0 015.66-6.86c.688-15.243 2.195-30.516 5.544-45.398 1.721-7.61 3.847-15.304 8.268-21.736 3.258-4.75 7.93-9.437 7.357-15.166-.252-2.516-1.308-5.651.742-7.127.895-.65 2.218-.735 2.822-1.66a3.149 3.149 0 00.398-1.423 35.123 35.123 0 00-.727-11.754 61.998 61.998 0 01-1.751-7.664c-.26-2.615.183-5.445 1.927-7.403.107-5.231-.038-10.661.069-15.885a29.457 29.457 0 00-.735-8.871c-.397-1.37-1.001-2.677-1.307-4.076-1.094-5.025 1.636-11.044-1.614-15.029-1.354-1.652-3.441-2.477-5.216-3.67-3.54-2.364-5.866-6.234-7.158-10.295a56.816 56.816 0 01-2.027-12.603 12.972 12.972 0 01-.03-2.723 4.99 4.99 0 01.366-1.361c1.01-2.272 3.725-3.151 6.142-3.733a198.874 198.874 0 0146.897-5.483c5.843-3.977 9.131-2.555 11.61 1.66a43.546 43.546 0 013.303 8.068c1.132 3.419 1.2 22.554 2.302 25.988 1.43 4.466-2.707 13.582-2.653 18.27z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#3f3d56",d:"M222.998 450.581c-.435 3.011 1.013 5.97 1.173 9.008.14 2.654-.705 5.246-1.188 7.86-1.887 10.2 1.738 20.531 5.426 30.226a15.576 15.576 0 011.289 4.971c.098 3.164-1.724 6.064-2.223 9.19-1.05 6.569 3.796 12.748 3.897 19.4.046 3.062-.918 6.18-.152 9.145.511 1.979 1.747 3.68 2.623 5.526 1.553 3.272 1.97 6.984 3.453 10.289 2.68 5.972 8.435 9.871 13.914 13.454 3.116-1.04 6.486-2.273 8.196-5.077a12.58 12.58 0 001.431-4.453c1.185-6.803 1.144-13.752 1.1-20.658a127.385 127.385 0 00-.946-17.782c-1.107-7.502-3.54-14.736-5.287-22.116-2.203-9.308-3.331-18.925-6.762-27.854-3.014-7.846-7.71-14.889-12.652-21.634-1.886-2.574-3.375-6.254-7.035-5.66a7.674 7.674 0 00-6.257 6.165z",transform:"translate(-214 -71.867)"}),r.createElement("path",{d:"M222.998 450.581c-.435 3.011 1.013 5.97 1.173 9.008.14 2.654-.705 5.246-1.188 7.86-1.887 10.2 1.738 20.531 5.426 30.226a15.576 15.576 0 011.289 4.971c.098 3.164-1.724 6.064-2.223 9.19-1.05 6.569 3.796 12.748 3.897 19.4.046 3.062-.918 6.18-.152 9.145.511 1.979 1.747 3.68 2.623 5.526 1.553 3.272 1.97 6.984 3.453 10.289 2.68 5.972 8.435 9.871 13.914 13.454 3.116-1.04 6.486-2.273 8.196-5.077a12.58 12.58 0 001.431-4.453c1.185-6.803 1.144-13.752 1.1-20.658a127.385 127.385 0 00-.946-17.782c-1.107-7.502-3.54-14.736-5.287-22.116-2.203-9.308-3.331-18.925-6.762-27.854-3.014-7.846-7.71-14.889-12.652-21.634-1.886-2.574-3.375-6.254-7.035-5.66a7.674 7.674 0 00-6.257 6.165z",opacity:"0.05",transform:"translate(-214 -71.867)"}),r.createElement("circle",{cx:"75.808",cy:"297.045",r:"28.4",fill:"#a0616a"}),r.createElement("path",{fill:"#3f3d56",d:"M306.335 415.402c-1.238 1.433-2.899 3.012-4.735 2.55a6.47 6.47 0 01-1.843-.987c-3.274-2.11-7.292-2.605-11.144-3.185a164.428 164.428 0 01-22.95-5.16 23.409 23.409 0 00-6.787-1.38c-4.813.025-9.08 3.225-12.096 6.976s-5.153 8.14-8.113 11.936c-2.11 2.705-4.62 5.088-6.59 7.896-4.972 7.088-6.04 16.335-4.757 24.898s4.704 16.636 8.094 24.603a85.493 85.493 0 006.61 13.326c-1.144 6.506-.54 13.946 2.553 19.782 1.008 1.9 2.242 3.754 2.575 5.88a14.717 14.717 0 01-.178 4.312l-1.446 10.281c-.44 3.131-.88 6.263-1.45 9.373-1.043 5.691-2.459 11.869.177 17.02 3.157 6.168-.159 14.074.67 20.954a105.407 105.407 0 0127.675-6.575c6.103-.599 12.32-.674 18.207-2.387 3.678-1.07 7.165-2.764 10.898-3.617a50.243 50.243 0 019.19-.938c6.805-.275 13.658-.547 20.395.456.545.082 1.21.125 1.536-.32a1.437 1.437 0 00.205-.802 13.58 13.58 0 00-1.742-7.23c-.859-1.516-2.052-2.998-2.019-4.74a7.202 7.202 0 01.59-2.354l2.985-7.96c2.52-6.72 1.32-14.526 2.63-21.582a126.713 126.713 0 001.961-16.696c.242-4.788.092-9.974-2.798-13.8a15.864 15.864 0 01-2.183-3.036 9.216 9.216 0 01-.52-3.631q-.096-14.374.789-28.732c-2.52-4.525-5.147-9.153-7.667-13.678-2.932-5.267-5.905-10.642-7.09-16.553-.783-3.912-.756-7.94-1.316-11.891a5.193 5.193 0 00-1.005-2.777c-.962-1.09-2.589-1.246-4.042-1.2a17.894 17.894 0 00-5.269.968z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#3f3d56",d:"M315.82 459.76c1.73 2.155 3.531 4.37 5.983 5.643 2.821 1.465 6.144 1.498 9.322 1.43a222.755 222.755 0 0038.956-4.279 24.328 24.328 0 004.29-1.15 22.595 22.595 0 004.336-2.704c4.226-3.038 8.51-6.132 11.724-10.226a34.38 34.38 0 006.949-17.043c3.056-2.816 4.679-6.818 6.209-10.681a16.31 16.31 0 001.415-5.188c.082-1.837-1.135-3.763-.799-5.57a14.722 14.722 0 014.507-8.107 2.956 2.956 0 001.072-1.424 2.296 2.296 0 00-.256-1.389c-1.307-2.912-4.298-4.79-7.398-5.554a31.752 31.752 0 00-9.532-.378 22.28 22.28 0 00-3.123.829l-2.22 5.848a7.564 7.564 0 01-1.452 2.668 13.619 13.619 0 01-1.576 1.233 9.019 9.019 0 00-3.125 7.881 8.47 8.47 0 00-5.009 10.456 9.981 9.981 0 00-7.322 6.446 4.82 4.82 0 01-.957 2.007 3.894 3.894 0 01-2.557.786c-2.51.155-4.704 2.131-6.978 1.06a14.187 14.187 0 00-8.289-1.16 6.24 6.24 0 01-1.768.158 4.67 4.67 0 01-1.45-.506 11.608 11.608 0 00-3.29-1.294 3.08 3.08 0 00-3.122 1.205c-.796-.873-1.27-1.991-1.996-2.924a3.201 3.201 0 00-3.028-1.445c.756-.674-.018-2.014-1-2.26a12.818 12.818 0 00-3.021.11c-2.627-.014-4.642-2.399-7.194-3.023-2.345-.574-5.47.11-6.672-1.983-.427-.742-.51-1.75-1.235-2.204a2.383 2.383 0 00-1.585-.183 15.488 15.488 0 00-4.792 1.454c-2.459 9.62-1.169 19.609.705 29.359a25.9 25.9 0 005.279 12.101zM301.54 408.275c-3.046-1.897-6.633-2.7-10.163-3.346a21.413 21.413 0 00-6.467-.465c-2 .25-3.918 1.022-5.93 1.134-2.823.157-5.53-.988-8.258-1.735s-5.878-1.031-8.174.619a3.53 3.53 0 01-1.78.945 3.113 3.113 0 01-1.839-.902 10.478 10.478 0 00-13.058.688c-5.207 4.883-4.618 14.422-10.72 18.125-1.682 1.021-3.833 1.561-4.815 3.266a12.063 12.063 0 01-.83 1.57 4.253 4.253 0 01-1.467 1.046 28.509 28.509 0 00-5.03 2.891 7.194 7.194 0 00-2.895 4.853 9.143 9.143 0 00.889 4.081 38.294 38.294 0 0037.214 23.797 5.89 5.89 0 003.899-1.217 7.357 7.357 0 001.366-2.25c2.869-6.015 8.257-10.456 11.678-16.175 2.04-3.408 3.348-7.22 5.47-10.577 3.219-5.09 8.112-8.849 12.902-12.497 2.701-2.057 5.708-4.216 9.102-4.072 3.024.129 5.224.291 4.115-3.418a11.883 11.883 0 00-5.208-6.361z",transform:"translate(-214 -71.867)"}),r.createElement("path",{d:"M301.54 408.275c-3.046-1.897-6.633-2.7-10.163-3.346a21.413 21.413 0 00-6.467-.465c-2 .25-3.918 1.022-5.93 1.134-2.823.157-5.53-.988-8.258-1.735s-5.878-1.031-8.174.619a3.53 3.53 0 01-1.78.945 3.113 3.113 0 01-1.839-.902 10.478 10.478 0 00-13.058.688c-5.207 4.883-4.618 14.422-10.72 18.125-1.682 1.021-3.833 1.561-4.815 3.266a12.063 12.063 0 01-.83 1.57 4.253 4.253 0 01-1.467 1.046 28.509 28.509 0 00-5.03 2.891 7.194 7.194 0 00-2.895 4.853 9.143 9.143 0 00.889 4.081 38.294 38.294 0 0037.214 23.797 5.89 5.89 0 003.899-1.217 7.357 7.357 0 001.366-2.25c2.869-6.015 8.257-10.456 11.678-16.175 2.04-3.408 3.348-7.22 5.47-10.577 3.219-5.09 8.112-8.849 12.902-12.497 2.701-2.057 5.708-4.216 9.102-4.072 3.024.129 5.224.291 4.115-3.418a11.883 11.883 0 00-5.208-6.361z",opacity:"0.05",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#2f2e41",d:"M316.32 819.885c-2.057 1.92-4.886 2.761-7.632 3.358a137.571 137.571 0 01-18.997 2.347c-2.065.153-4.138.314-6.203.475-6.057.459-12.122.925-18.202.948a125.53 125.53 0 01-22.385-1.935 1.9 1.9 0 01-2.042-2.271 108.446 108.446 0 012.753-22.47c.704-3.029 6.134 3.763 6.378 4.046 1.507 1.713 2.647 2.5 4.933 2.623 6.249.344 13.246-3.457 18.21-6.837a23.307 23.307 0 013.373-2.088 9.93 9.93 0 012.73-.78 16.485 16.485 0 019.292 1.881c3.732 1.851 7.006 4.512 10.7 6.417a30.074 30.074 0 009.59 3.036c3.38.467 7.419.688 9.155 3.617a.028.028 0 01.007.023c1.423 2.425.39 5.698-1.66 7.61z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#e8eaf2",d:"M316.32 821.005c-2.057 1.92-4.886 2.76-7.632 3.357a137.573 137.573 0 01-18.997 2.348c-2.065.153-4.138.313-6.203.474-6.057.459-12.122.925-18.202.948a125.529 125.529 0 01-22.385-1.935 2.47 2.47 0 01-1.775-.856 9.922 9.922 0 01-1.386-2.534c.13-7.556 2.174-15.105 3.872-22.47.704-3.029 6.134 3.763 6.378 4.046 1.507 1.713 2.647 2.5 4.933 2.623 6.249.344 13.246-3.457 18.21-6.837a23.307 23.307 0 013.373-2.088 9.93 9.93 0 012.73-.78c-.803 4.497-7.25 9.927-10.577 11.579-6.73 3.342-14.73 1.675-22.24 2.065a3.102 3.102 0 00-1.576.382c-.902.597-.956 1.874-.925 2.952.061 1.79.29 3.893 1.843 4.803a5.316 5.316 0 002.493.52 352.604 352.604 0 0055.455-1.942 30.491 30.491 0 009.033-2.012 23.378 23.378 0 005.238-3.372c2.364 1.857.39 6.817-1.66 8.729z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#2f2e41",d:"M300.857 368.605c-.107 2.937 1.896 8.634-3.595 7.044-3.273-.949-4.199-4.826-8.351-3.962-4.191.88-5.11 5.98-6.516 9.33a17.855 17.855 0 01-12.94 10.455 7.79 7.79 0 01-3.565-.007c-2.676-.765-4.206-3.526-5.3-6.088a47.762 47.762 0 01-2.347-6.684 28.227 28.227 0 01-.85-4.903v-.007a21.806 21.806 0 01-.015-3.388c.498-6.677 4.299-12.765 9.163-17.369s10.775-7.93 16.61-11.212a24.254 24.254 0 016.127-2.73 20.616 20.616 0 016.47-.268 22.585 22.585 0 018.23 1.935 11.59 11.59 0 012.898 2.035 8.714 8.714 0 012.508 4.19c1.056 4.314-1.698 8.2-3.93 11.61-1.99 3.029-4.452 6.24-4.597 10.019z",transform:"translate(-214 -71.867)"}),r.createElement("path",{fill:"#3f3d56",d:"M306.791 351.986a25.031 25.031 0 01-1.682 2.401 28.408 28.408 0 01-3.885 4.023 32.326 32.326 0 01-2.623 2.058 41.283 41.283 0 01-5.3 3.166c-5.37 2.707-11.182 4.405-16.964 6.08q-5.667 1.652-11.341 3.296c-3.954 2.99-17.2 12.803-19.426 11.579-2.623-1.445 11.751-11.622 11.751-11.622l.661.502c-2.103-1.323-3.204-4.39-3.678-7.044-.841-4.75-1.24-9.682-.115-14.378 1.124-4.688 3.946-9.154 8.245-11.35 1.904-.978 4.214-1.644 5.59-3.15a3.97 3.97 0 00.543-.734 2.413 2.413 0 00.214-.39 5.293 5.293 0 01.605-1.17c.787-.91 2.217-.635 3.41-.49.13.015.253.03.383.038a6.014 6.014 0 00.642.03c4.26.093 8.39-2.278 12.704-2.278 4.726-.008 8.749 2.73 12.91 4.596.84.382 1.636.727 2.385 1.078 3.006 1.4 5.27 2.891 6.509 6.868.719 2.325-.268 4.826-1.538 6.891z",transform:"translate(-214 -71.867)"}),r.createElement("path",{d:"M257.605 372.855a5.248 5.248 0 001.962.73 6.325 6.325 0 005.234-.784z",opacity:"0.1",transform:"translate(-214 -71.867)"}))},l=["components"];function o(){return o=Object.assign?Object.assign.bind():function(a){for(var e=1;e=0||(c[t]=a[t]);return c}(a,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(a);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(a,t)&&(c[t]=a[t])}return c}var s={},f="wrapper";function m(a){var e=a.components,t=i(a,l);return(0,c.mdx)(f,o({},s,t,{components:e,mdxType:"MDXLayout"}),(0,c.mdx)("h2",{id:"basic-usage"},"Basic Usage"),(0,c.mdx)("div",{className:"tui-illustration-grid"},(0,c.mdx)("div",{className:"tui-illustration-grid-col"},(0,c.mdx)("p",null,"After you have installed the React components in your app and ",(0,c.mdx)("a",{parentName:"p",href:"/terra-ui/dev_tools/cerner-terra-toolkit-docs/webpack-config-terra/about"},"set up your webpack config to work with Terra components"),", you can import the React components in the application. In this minimal example, we import ",(0,c.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/reference/components/application-base"},"application-base"),", which is required for use with any Terra component as well as the ",(0,c.mdx)("a",{parentName:"p",href:"/terra-ui/components/terra-action-header/action-header/action-header"},"terra-action-header component")," and render them in a sample app:"),(0,c.mdx)("pre",null,(0,c.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ApplicationBase from 'terra-application/lib/application-base';\nimport ActionHeader from 'terra-action-header';\n\nconst App = () => (\n \n alert('You clicked back!')}\n onClose={() => alert('You clicked close!')}\n />\n \n);\n\nexport default App;\n"))),(0,c.mdx)("div",{className:"tui-illustration-grid-col tui-illustration-grid-col-illustration"},(0,c.mdx)(n,{mdxType:"ClickHereIcon"}))))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/17347-52b01af219832e4eb8e3.css b/17347-52b01af219832e4eb8e3.css new file mode 100644 index 000000000..6efa92ea1 --- /dev/null +++ b/17347-52b01af219832e4eb8e3.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} +.ButtonGroup-module__clinical-lowlight-theme___El\+dS{--terra-button-group-button-active-background-color: #1a2023;--terra-button-group-button-active-border-color: #181b1d;--terra-button-group-button-active-color: #9b9b9b;--terra-button-group-button-background-color: #2d3539;--terra-button-group-button-border-color: #181b1d;--terra-button-group-button-box-shadow: none;--terra-button-group-button-color: #b2b5b6;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #1a2023;--terra-button-group-button-focus-border-color: #181b1d;--terra-button-group-button-focus-box-shadow: none;--terra-button-group-button-hover-background-color: #1e272b;--terra-button-group-button-hover-color: #9b9b9b;--terra-button-group-button-active-box-shadow: none;--terra-button-group-button-selected-background-color: #1a2023;--terra-button-group-button-selected-border-color: #181b1d;--terra-button-group-button-selected-box-shadow: none;--terra-button-group-button-selected-color: #9b9b9b;--terra-button-group-button-selected-and-focus-background-color: #1a2023;--terra-button-group-button-selected-and-focus-border-color: #181b1d;--terra-button-group-button-selected-and-focus-box-shadow: none;--terra-button-group-button-selected-and-focus-color: #9b9b9b;--terra-button-group-button-selected-and-hover-background-color: #121517;--terra-button-group-button-selected-and-hover-border-color: #181b1d;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #9b9b9b;--terra-button-group-button-border-bottom-left-radius: 0.2142em;--terra-button-group-button-border-top-left-radius: 0.2142rem;--terra-button-group-button-border-bottom-right-radius: 0.2142em;--terra-button-group-button-border-top-right-radius: 0.2142rem}.ButtonGroup-module__orion-fusion-theme___BkFFY{--terra-button-group-button-background-color: #dedfe0;--terra-button-group-button-border-color: #6f7477;--terra-button-group-button-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-button-group-button-color: #000;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #9b9fa1;--terra-button-group-button-focus-border-color: #6f7477;--terra-button-group-button-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-hover-background-color: #b2b5b6;--terra-button-group-button-hover-color: #000;--terra-button-group-button-selected-and-hover-background-color: #52585b;--terra-button-group-button-selected-and-hover-border-color: #6f7477;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #fff;--terra-button-group-button-selected-and-focus-background-color: #52585b;--terra-button-group-button-selected-and-focus-border-color: #6f7477;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-selected-and-focus-color: #fff;--terra-button-group-button-selected-background-color: #52585b;--terra-button-group-button-selected-border-color: #6f7477;--terra-button-group-button-selected-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-selected-color: #fff;--terra-button-group-button-active-background-color: #52585b;--terra-button-group-button-active-border-color: #6f7477;--terra-button-group-button-active-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-active-color: #fff;--terra-button-group-button-border-bottom-left-radius: 3px;--terra-button-group-button-border-top-left-radius: 3px;--terra-button-group-button-border-bottom-right-radius: 3px;--terra-button-group-button-border-top-right-radius: 3px}.ButtonGroup-module__button-group___iIAAg{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.ButtonGroup-module__button-group-button___YB1ME{color:#1c1f21;color:var(--terra-button-group-button-color, #1c1f21);font-weight:400;font-weight:var(--terra-button-group-button-font-weight, 400);position:relative}[dir] .ButtonGroup-module__button-group-button___YB1ME{background-color:#dedfe0;background-color:var(--terra-button-group-button-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-border-color, #c8cacb);border-radius:0;border-style:solid;border-width:1px;box-shadow:none;box-shadow:var(--terra-button-group-button-box-shadow, none);margin:0}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-disabled___rqrG9,.ButtonGroup-module__button-group-button___YB1ME:disabled{opacity:0.3;opacity:var(--terra-button-group-button-disabled-opacity, 0.3)}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{z-index:1000}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{background-color:#dedfe0;background-color:var(--terra-button-group-button-focus-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-focus-border-color, #c8cacb);box-shadow:none;box-shadow:var(--terra-button-group-button-focus-box-shadow, none)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ButtonGroup-module__button-group-button___YB1ME:hover{color:#000;color:var(--terra-button-group-button-hover-color, #000)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover{background-color:#b9bbbc;background-color:var(--terra-button-group-button-hover-background-color, #b9bbbc)}.ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-and-hover-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{background-color:#40474a;background-color:var(--terra-button-group-button-selected-and-hover-background-color, #40474a);border-color:#40474a;border-color:var(--terra-button-group-button-selected-and-hover-border-color, #40474a);box-shadow:var(--terra-button-group-button-selected-and-hover-box-shadow)}}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{color:#fff;color:var(--terra-button-group-button-selected-and-focus-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{background-color:#52585b;background-color:var(--terra-button-group-button-selected-and-focus-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-and-focus-border-color, #52585b);box-shadow:none;box-shadow:var(--terra-button-group-button-selected-and-focus-box-shadow, none)}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{background-color:#52585b;background-color:var(--terra-button-group-button-selected-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-border-color, #52585b);box-shadow:var(--terra-button-group-button-selected-box-shadow)}.ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718,.ButtonGroup-module__button-group-button___YB1ME:active{color:#fff;color:var(--terra-button-group-button-active-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718, [dir] .ButtonGroup-module__button-group-button___YB1ME:active{background-color:#52585b;background-color:var(--terra-button-group-button-active-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-active-border-color, #52585b);box-shadow:var(--terra-button-group-button-active-box-shadow)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-left:-1px}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-right:-1px}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}.ButtonGroup-module__is-block___otiJA{width:100%}.ButtonGroup-module__is-block___otiJA .ButtonGroup-module__button-group-button___YB1ME{-ms-flex:1 1 auto;flex:1 1 auto} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.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/17347-52b01af219832e4eb8e3.js b/17347-52b01af219832e4eb8e3.js new file mode 100644 index 000000000..405dcd635 --- /dev/null +++ b/17347-52b01af219832e4eb8e3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17347,45627,85565,37344,3353,33667,96890,79482,5161,45865,85355,80858,14041,3193,16835,4845,46647,85161,27444,17657,38681,16873,15318,40411,66097,90941,18101,38443,79057,11264,34319,62979,33315,20116,33609,12026,78996,39915,33442],{4822:function(e,t,n){t.Z=void 0;var r=l(n(67294)),o=l(n(76367));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement(o.default,{id:"button-group-not-selectable"},r.default.createElement(o.default.Button,{text:"Button 1",key:"1"}),r.default.createElement(o.default.Button,{text:"Button 2",key:"2",isDisabled:!0}),r.default.createElement(o.default.Button,{text:"Button 3",key:"3"}),r.default.createElement(o.default.Button,{text:"Button 4",key:"4",isDisabled:!0}))}},27166:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.Z=void 0;var o=a(n(67294)),l=a(n(76367));function a(e){return e&&e.__esModule?e:{default:e}}function u(e,t){for(var n=0;n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var d={};function p(e){var t=e.components,n=c(e,u);return(0,o.mdx)("wrapper",i({},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 { IconCaretUp, IconCaretDown } from \'terra-icon\';\nimport ButtonGroup from \'terra-button-group\';\n\nconst iconCaretUp = ;\nconst iconCaretDown = ;\n\nconst ButtonGroupWithIcons = () => (\n
\n
\n \n \n \n \n
\n
\n
\n \n \n \n \n
\n
\n);\n\nexport default ButtonGroupWithIcons;\n\n')))}p.isMDXComponent=!0;var s=n(49271),m=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.Z,{title:t||"Button Group With Icons",description:n,example:r.createElement(a.Z,null),exampleSrc:r.createElement(p,null),isExpanded:o})},f=n(4822),y=["components"];function x(){return x=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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var g={};function v(e){var t=e.components,n=b(e,y);return(0,o.mdx)("wrapper",x({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nexport default () => (\n \n \n \n \n \n \n);\n\n')))}v.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.Z,{title:t||"Button Group Disabled Buttons",description:n,example:r.createElement(f.Z,null),exampleSrc:r.createElement(v,null),isExpanded:o})},O=n(83694),T=["components"];function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var E={};function w(e){var t=e.components,n=_(e,T);return(0,o.mdx)("wrapper",B({},E,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nclass ButtonGroupSingleSelect extends React.Component {\n constructor(props) {\n super(props);\n this.state = { selectedKey: [\'single-select1\'] };\n this.handleSelection = this.handleSelection.bind(this);\n }\n\n handleSelection(event, selectedKey) {\n if (ButtonGroup.Utils.shouldHandleSingleSelection(this.state.selectedKey, selectedKey)) {\n event.preventDefault();\n this.setState({ selectedKey: [selectedKey] });\n }\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\nexport default ButtonGroupSingleSelect;\n\n')))}w.isMDXComponent=!0;var S=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.Z,{title:t||"Button Group Single Select",description:n,example:r.createElement(O.Z,null),exampleSrc:r.createElement(w,null),isExpanded:o})},j=n(73547),C=["components"];function k(){return k=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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var D={};function P(e){var t=e.components,n=N(e,C);return(0,o.mdx)("wrapper",k({},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 ButtonGroup from \'terra-button-group\';\n\nclass ButtonGroupMultiSelect extends React.Component {\n constructor(props) {\n super(props);\n this.state = { selectedKeys: [\'multi-select1\', \'multi-select3\'] };\n this.handleSelection = this.handleSelection.bind(this);\n }\n\n handleSelection(event, key) {\n event.preventDefault();\n this.setState(prevState => ({ selectedKeys: ButtonGroup.Utils.handleMultiSelectedKeys(prevState.selectedKeys, key) }));\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\n\nexport default ButtonGroupMultiSelect;\n\n')))}P.isMDXComponent=!0;var R=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.Z,{title:t||"Button Group Multi Select",description:n,example:r.createElement(j.Z,null),exampleSrc:r.createElement(P,null),isExpanded:o})},G=n(27166),K=["components"];function M(){return M=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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var I={};function q(e){var t=e.components,n=W(e,K);return(0,o.mdx)("wrapper",M({},I,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nclass ButtonGroupIsBlock extends React.Component {\n constructor(props) {\n super(props);\n this.state = { selectedKeys: [] };\n this.handleSelection = this.handleSelection.bind(this);\n }\n\n handleSelection(event, key) {\n event.preventDefault();\n this.setState(prevState => ({ selectedKeys: ButtonGroup.Utils.handleMultiSelectedKeys(prevState.selectedKeys, key) }));\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\n\nexport default ButtonGroupIsBlock;\n\n')))}q.isMDXComponent=!0;var X=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.Z,{title:t||"Button Group Is Block",description:n,example:r.createElement(G.Z,null),exampleSrc:r.createElement(q,null),isExpanded:o})},Z=n(78530),A=["components"];function U(){return U=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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var F={},L="wrapper";function H(e){var t=e.components,n=V(e,A);return(0,o.mdx)(L,U({},F,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(Z.ZP,{mdxType:"PropsTable"},(0,o.mdx)(Z.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Child nodes"))),(0,o.mdx)(Z.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"isBlock"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Allows user to set button group to fill container width."))),(0,o.mdx)(Z.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"isMultiSelect"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Whether or not it is a multi select button group."))),(0,o.mdx)(Z.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"onChange"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function when the state changes. Parameters are (event, key)."))),(0,o.mdx)(Z.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"selectedKeys"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"A list of keys of the buttons that should be selected.")))))}H.isMDXComponent=!0;var Y=["components"];function J(){return J=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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var z={},$="wrapper";function ee(e){var t=e.components,n=Q(e,Y);return(0,o.mdx)($,J({},z,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(Z.ZP,{mdxType:"PropsTable"},(0,o.mdx)(Z.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"icon"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"An optional icon. If an icon is provided, it will be an icon only button and the provided text is set as the aria-label for accessibility."))),(0,o.mdx)(Z.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"isDisabled"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Whether or not the button should be disabled."))),(0,o.mdx)(Z.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"onBlur"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when button loses focus."))),(0,o.mdx)(Z.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"onClick"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when clicked."))),(0,o.mdx)(Z.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"onFocus"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when button gains focus."))),(0,o.mdx)(Z.X2,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"onKeyDown"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when key is pressed."))),(0,o.mdx)(Z.X2,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"onKeyUp"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when key is released."))),(0,o.mdx)(Z.X2,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"text"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(Z.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Sets the button text. If an icon is provided, it will be an icon only button and this text is set as the aria-label for accessibility.")))))}ee.isMDXComponent=!0;var te=["components"];function ne(){return ne=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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var oe={},le="wrapper";function ae(e){var t=e.components,n=re(e,te);return(0,o.mdx)(le,ne({},oe,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(l.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-button-group"},"Terra Button Group"),(0,o.mdx)("p",null," The Terra Button Group component is a controlled component that groups buttons and allows consumers to manage the selection state of each button in the group. By default, the buttons in the Button Group do not remain selected when clicked. Therefore, consumers must manage the selection state of the buttons because the Button Group does not keep track of the selection state. A controlled Button Group gives the consumer the flexibility to compose a single-select button group as well as a multi-select button group. This component is intended to group buttons with similar context or to toggle content, it is not intended to be used as a form element."),(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-button-group"))))),(0,o.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,o.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,o.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ButtonGroup from 'terra-button-group';\n")),(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)(m,{title:"Text and Icon - Default, no selected state",mdxType:"ButtonGroupWithIcons"}),(0,o.mdx)(S,{title:"Single Select - Manage single button selection",mdxType:"ButtonGroupSingleSelect"}),(0,o.mdx)(R,{title:"Multi Select - Manage multiple button selections",mdxType:"ButtonGroupMultiSelect"}),(0,o.mdx)(h,{title:"Disabled Buttons - Default, no selected state",mdxType:"ButtonGroupDisabledButtons"}),(0,o.mdx)(X,{title:"ButtonGroup Is Block - width stretches to fill container",mdxType:"ButtonGroupIsBlock"}),(0,o.mdx)("h2",{id:"button-group-props"},"Button Group Props"),(0,o.mdx)(H,{mdxType:"ButtonGroupPropsTable"}),(0,o.mdx)("h2",{id:"button-group-button-props"},"Button Group Button Props"),(0,o.mdx)(ee,{mdxType:"ButtonGroupButtonPropsTable"}))}ae.isMDXComponent=!0},33343:function(e,t,n){n.d(t,{C:function(){return l}});var r=n(67294),o=n(22863),l=function(e){var t=e.url;return r.createElement(o.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-button-group",name:"terra-button-group",version:"3.75.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}}}]); \ No newline at end of file diff --git a/17415-173255683169b2eab063.js b/17415-173255683169b2eab063.js new file mode 100644 index 000000000..68afa4265 --- /dev/null +++ b/17415-173255683169b2eab063.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17415],{44814: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)}t.Z=void 0;var r=c(n(67294)),o=c(n(4169)),l=c(n(55281)),i=c(n(67625)),u=c(n(19845)),s=c(n(51590));function c(e){return e&&e.__esModule?e:{default:e}}function f(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,a=new Array(t);n=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={},u="wrapper";function s(e){var t=e.components,n=l(e,r);return(0,a.mdx)(u,o({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .paginator-wrapper {\n height: 500px;\n }\n}\n\n")))}s.isMDXComponent=!0},56305:function(e,t,n){n.d(t,{Z:function(){return p}});var a=n(67294),r=n(44814),o=n(81254),l=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s={};function c(e){var t=e.components,n=u(e,l);return(0,o.mdx)("wrapper",i({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Dialog from 'terra-dialog';\nimport Button from 'terra-button';\nimport ControlledPaginator from 'terra-paginator/lib/ControlledPaginator';\nimport classNames from 'classnames/bind';\nimport styles from './ControlledPaginatorCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst totalCount = 450;\n\nconst buildPage = () => {\n const fullContent = [

This example is used to separate content into discrete pages with page preview.

,\n

The selectedPage must be managed through the state of a parent component, and passed into this paginator through props.

];\n\n return (\n fullContent\n );\n};\n\nclass PaginatorExample extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n content: buildPage(),\n currentPage: 1,\n };\n\n this.changePages = this.changePages.bind(this);\n }\n\n changePages(index) {\n this.setState({ currentPage: index });\n }\n\n render() {\n return (\n
\n \n Controlled Paginator Example\n \n)}\n footer={}\n >\n
\n
\n {this.state.content}\n \n
\n );\n }\n}\n\nexport default PaginatorExample;\n\n")))}c.isMDXComponent=!0;var f=n(49271),d=n(8225),p=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(f.Z,{title:t||"Controlled Paginator Example",description:n,example:a.createElement(r.Z,null),exampleCssSrc:a.createElement(d.Z,null),exampleSrc:a.createElement(c,null),isExpanded:o})}},81715:function(e,t,n){n.d(t,{Z:function(){return p}});var a=n(67294),r=n(4080),o=n(81254),l=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s={};function c(e){var t=e.components,n=u(e,l);return(0,o.mdx)("wrapper",i({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Dialog from 'terra-dialog';\nimport Button from 'terra-button';\nimport ControlledPaginator from 'terra-paginator/lib/ControlledPaginator';\nimport classNames from 'classnames/bind';\nimport styles from './ControlledPaginatorCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst buildPage = () => {\n const fullContent = [

This example is used to separate content into discrete pages without page preview.

,\n

The selectedPage must be managed through the state of a parent component, and passed into this paginator through props.

];\n\n return (\n fullContent\n );\n};\n\nconst ControlledPaginatorExample = () => {\n const content = buildPage();\n const [currentPage, setCurrentPage] = useState(1);\n\n const changePages = (index) => {\n setCurrentPage(index);\n };\n\n return (\n
\n \n Controlled Paginator No Pages Example\n \n )}\n footer={}\n >\n
\n
\n {content}\n \n
\n );\n};\n\nexport default ControlledPaginatorExample;\n\n")))}c.isMDXComponent=!0;var f=n(49271),d=n(8225),p=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(f.Z,{title:t||"Controlled Paginator No Pages Example",description:n,example:a.createElement(r.Z,null),exampleCssSrc:a.createElement(d.Z,null),exampleSrc:a.createElement(c,null),isExpanded:o})}},51590:function(e,t,n){n.r(t),t.default={"paginator-wrapper":"ControlledPaginatorCommon-module__paginator-wrapper___SO-Lr"}},67625: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=void 0;var r=h(n(67294)),o=h(n(45697)),l=h(n(19845)),i=h(n(50026)),u=n(25387),s=h(n(80906)),c=h(n(29270)),f=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(r,l,i):r[l]=e[l]}return r.default=e,n&&n.set(e,r),r}(n(51051)),d=h(n(83699)),p=n(45364),g=h(n(62765));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 h(e){return e&&e.__esModule?e:{default:e}}function b(e,t){for(var n=0;ne||s.push(r.default.createElement("li",null,r.default.createElement(g.default,{ariaLabel:a.formatMessage({id:"Terra.paginator.pageIndex"},{pageNumber:n}),ariaCurrent:n===l,className:o,key:"pageButton_".concat(n),onClick:t(n),onKeyDown:t(n),tabIndex:n===l?"-1":"0"},n)))})),s}},{key:"defaultPaginator",value:function(){var e=this.context,t=this.props,n=t.selectedPage,a=t.intl,o=t.totalCount,l=t.itemCountPerPage,i=t.ariaLabelledBy,u=t.ariaLabel,s=(0,p.calculatePages)(o,l),f=1===n?1:n-1,d=n===s?s:n+1,m=u||"pagination",h=o>0,b=r.default.createElement("ul",{className:E("list")},h&&r.default.createElement("li",null,r.default.createElement(g.default,{ariaDisabled:1===n,ariaLabel:a.formatMessage({id:"Terra.paginator.first"}),className:E(["nav-link","left-controls",1===n&&"is-disabled"]),disabled:1===n,onClick:this.handlePageChange(1),onKeyDown:this.handlePageChange(1)},a.formatMessage({id:"Terra.paginator.first"}))),r.default.createElement("li",null,r.default.createElement(g.default,{ariaDisabled:1===n,ariaLabel:a.formatMessage({id:"Terra.paginator.previous"}),className:E(["nav-link","left-controls","previous",1===n&&"is-disabled"]),disabled:1===n,onClick:this.handlePageChange(f),onKeyDown:this.handlePageChange(f)},r.default.createElement("span",{className:E("icon")}),a.formatMessage({id:"Terra.paginator.previous"}))),o&&this.buildPageButtons(s,this.handlePageChange),r.default.createElement("li",null,r.default.createElement(g.default,{ariaDisabled:n===s,ariaLabel:a.formatMessage({id:"Terra.paginator.next"}),className:E(["nav-link","right-controls","next",n===s&&"is-disabled"]),disabled:n===s,onClick:this.handlePageChange(d),onKeyDown:this.handlePageChange(d)},a.formatMessage({id:"Terra.paginator.next"}),r.default.createElement("span",{className:E("icon")}))),h&&r.default.createElement("li",null,r.default.createElement(g.default,{ariaDisabled:n===s,ariaLabel:a.formatMessage({id:"Terra.paginator.last"}),className:E(["nav-link","right-controls",n===s&&"is-disabled"]),disabled:n===s,onClick:this.handlePageChange(s),onKeyDown:this.handlePageChange(s)},a.formatMessage({id:"Terra.paginator.last"})))),y=r.default.createElement(c.default,{"aria-live":"polite","aria-relevant":"additions text",text:this.state.selectedPageMessage});return r.default.createElement("nav",{className:E("paginator",!o&&"pageless",e.className),"aria-labelledby":i,"aria-label":i?void 0:m},y,b)}},{key:"reducedPaginator",value:function(){var e=this.context,t=this.props,n=t.selectedPage,a=t.intl,o=t.totalCount,l=t.itemCountPerPage,i=t.ariaLabelledBy,u=t.ariaLabel,s=(0,p.calculatePages)(o,l),f=1===n?1:n-1,d=n===s?s:n+1,m=u||"pagination",h=o>0,b=r.default.createElement(r.default.Fragment,null,r.default.createElement("div",null,o&&a.formatMessage({id:"Terra.paginator.pageIndex"},{pageNumber:n})),r.default.createElement("ul",{className:E("list")},h&&r.default.createElement("li",null,r.default.createElement(g.default,{ariaDisabled:1===n,ariaLabel:a.formatMessage({id:"Terra.paginator.first"}),className:E(["nav-link","left-controls",1===n&&"is-disabled"]),disabled:1===n,onClick:this.handlePageChange(1),onKeyDown:this.handlePageChange(1)},a.formatMessage({id:"Terra.paginator.first"}))),r.default.createElement("li",null,r.default.createElement(g.default,{ariaDisabled:1===n,ariaLabel:a.formatMessage({id:"Terra.paginator.previous"}),className:E(["nav-link","left-controls","previous",1===n&&"is-disabled"]),disabled:1===n,onClick:this.handlePageChange(f),onKeyDown:this.handlePageChange(f)},r.default.createElement("span",{className:E("icon")}),a.formatMessage({id:"Terra.paginator.previous"}))),r.default.createElement("li",null,r.default.createElement(g.default,{ariaDisabled:n===s,ariaLabel:a.formatMessage({id:"Terra.paginator.next"}),className:E(["nav-link","right-controls","next","icon-only",n===s&&"is-disabled"]),disabled:n===s,onClick:this.handlePageChange(d),onKeyDown:this.handlePageChange(d)},r.default.createElement(c.default,{text:a.formatMessage({id:"Terra.paginator.next"})}),r.default.createElement("span",{className:E("icon")}))),h&&r.default.createElement("li",null,r.default.createElement(g.default,{ariaDisabled:n===s,ariaLabel:a.formatMessage({id:"Terra.paginator.last"}),className:E(["nav-link","right-controls",n===s&&"is-disabled"]),disabled:n===s,onClick:this.handlePageChange(s),onKeyDown:this.handlePageChange(s)},a.formatMessage({id:"Terra.paginator.last"}))))),y=r.default.createElement(c.default,{"aria-live":"polite","aria-relevant":"additions text",text:this.state.selectedPageMessage});return r.default.createElement("nav",{className:E("paginator",e.className),"aria-labelledby":i,"aria-label":i?void 0:m},y,b)}},{key:"render",value:function(){return r.default.createElement(s.default,{onChange:this.setPaginator},this.state.showReducedPaginator?this.reducedPaginator():this.defaultPaginator())}}])&&b(t.prototype,n),a&&b(t,a),Object.defineProperty(t,"prototype",{writable:!1}),l}(r.default.Component);O.propTypes=x,O.contextType=i.default;t.default=(0,u.injectIntl)(O)}}]); \ No newline at end of file diff --git a/17449-c56926fb1f9dea084f33.css b/17449-c56926fb1f9dea084f33.css new file mode 100644 index 000000000..3776398a3 --- /dev/null +++ b/17449-c56926fb1f9dea084f33.css @@ -0,0 +1,6 @@ +._ClearOption-module__clinical-lowlight-theme___didEg{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___KZPgR{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___0FCZT{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___0FCZT{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._NoResults-module__clinical-lowlight-theme___M\+a9V{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___6lA58{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___k4m2B{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___k4m2B{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +.clinical-lowlight-theme{--terra-core-docs-form-select-error-text-color: #fb4c4c}.orion-fusion-theme{--terra-core-docs-form-select-error-text-color: #e50000}.FormSelectDocCommon-module__form-select___Tm1QE{max-width:300px}[dir] .FormSelectDocCommon-module__controlled-button___wG6cn{margin:5px}.FormSelectDocCommon-module__error-text___lKsl1{color:#e50000;color:var(--terra-core-docs-form-select-error-text-color, #e50000);font-size:.857rem;font-weight:normal;line-height:1.25;outline:0}[dir] .FormSelectDocCommon-module__error-text___lKsl1{margin-top:.357em}[dir=ltr] .FormSelectDocCommon-module__error-text___lKsl1{text-align:left}[dir=rtl] .FormSelectDocCommon-module__error-text___lKsl1{text-align:right}.FormSelectDocCommon-module__field-label___h3hRZ{font-weight:700} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.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/17605-6815e5d171a71db7febf.css b/17605-6815e5d171a71db7febf.css new file mode 100644 index 000000000..bea25f4b2 --- /dev/null +++ b/17605-6815e5d171a71db7febf.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} +._Dropdown-module__clinical-lowlight-theme___ae4kC{--terra-form-select-dropdown-background-color: #222a2e;--terra-form-select-dropdown-border: 1px solid #181b1d;--terra-form-select-dropdown-border-bottom-left-radius: 3px;--terra-form-select-dropdown-border-bottom-right-radius: 3px;--terra-form-select-dropdown-box-shadow: 0 3px 12px -5px #181b1d;--terra-form-select-dropdown-above-box-shadow: 0 -3px 12px -5px #181b1d;--terra-form-select-dropdown-border-top-left-radius: 3px;--terra-form-select-dropdown-border-top-right-radius: 3px}._Dropdown-module__orion-fusion-theme___YKlEn{--terra-form-select-dropdown-background-color: #fff;--terra-form-select-dropdown-border: 1px solid #dedfe0;--terra-form-select-dropdown-border-bottom-left-radius: 0;--terra-form-select-dropdown-border-bottom-right-radius: 0;--terra-form-select-dropdown-box-shadow: none;--terra-form-select-dropdown-border-top-left-radius: 0;--terra-form-select-dropdown-border-top-right-radius: 0;--terra-form-select-dropdown-above-box-shadow: none}._Dropdown-module__dropdown___WVhNn{overflow:auto}[dir] ._Dropdown-module__dropdown___WVhNn{background-color:#fff;background-color:var(--terra-form-select-dropdown-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-select-dropdown-border, 1px solid #dedfe0);border-top:0;box-shadow:0 3px 12px -5px rgba(0, 0, 0, 0.25);box-shadow:var(--terra-form-select-dropdown-box-shadow, 0 3px 12px -5px rgba(0, 0, 0, 0.25))}[dir=ltr] ._Dropdown-module__dropdown___WVhNn{border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-dropdown-border-bottom-left-radius, 3px);border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-dropdown-border-bottom-right-radius, 3px);border-top-left-radius:0;border-top-right-radius:0}[dir=rtl] ._Dropdown-module__dropdown___WVhNn{border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-dropdown-border-bottom-left-radius, 3px);border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-dropdown-border-bottom-right-radius, 3px);border-top-right-radius:0;border-top-left-radius:0}[dir] ._Dropdown-module__is-above___tThDx{border:1px solid #dedfe0;border:var(--terra-form-select-dropdown-border, 1px solid #dedfe0);border-bottom:0;box-shadow:0 -3px 12px -5px rgba(0, 0, 0, 0.25);box-shadow:var(--terra-form-select-dropdown-above-box-shadow, 0 -3px 12px -5px rgba(0, 0, 0, 0.25))}[dir=ltr] ._Dropdown-module__is-above___tThDx{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:3px;border-top-left-radius:var(--terra-form-select-dropdown-border-top-left-radius, 3px);border-top-right-radius:3px;border-top-right-radius:var(--terra-form-select-dropdown-border-top-right-radius, 3px)}[dir=rtl] ._Dropdown-module__is-above___tThDx{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-top-right-radius:var(--terra-form-select-dropdown-border-top-left-radius, 3px);border-top-left-radius:3px;border-top-left-radius:var(--terra-form-select-dropdown-border-top-right-radius, 3px)}._Dropdown-module__is-touch-accessible___5hJQm{position:absolute;z-index:9001}[dir=ltr] ._Dropdown-module__is-touch-accessible___5hJQm{left:0}[dir=rtl] ._Dropdown-module__is-touch-accessible___5hJQm{right:0} +._Option-module__clinical-lowlight-theme___Iyko\+{--terra-form-select-option-color: #b2b5b6;--terra-form-select-option-font-size: 1.143rem;--terra-form-select-option-line-height: 1.125;--terra-form-select-option-padding: 0.286rem 0.714rem;--terra-form-select-default-option-active-background-color: #004c76;--terra-form-select-default-option-active-color: #b2b5b6;--terra-form-select-default-option-active-font-weight: normal;--terra-form-select-default-option-selected-background-color: #004c76;--terra-form-select-default-option-selected-color: #b2b5b6;--terra-form-select-default-option-selected-font-weight: normal;--terra-form-select-default-option-selected-active-background-color: #004165;--terra-form-select-option-icon-height: 1.143rem;--terra-form-select-option-icon-margin-right: 0.714rem;--terra-form-select-option-icon-width: 1.143rem;--terra-form-select-option-active-background-color: #1e3a49;--terra-form-select-option-disabled-color: #404344;--terra-form-select-option-active-color-outline: 2px dashed #b2b5b6;--terra-form-select-option-icon-add-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%230092e0%22%20d%3D%22M48%2021H27V0h-6v21H0v6h21v21h6V27h21z%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-option-icon-active-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23003450%22%20%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230092e0%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-option-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%232d3539%22%20%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230092e0%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-option-checkable-active-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23004c76%22%20%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230092e0%22%2F%3E%3C%2Fsvg%3E")}._Option-module__orion-fusion-theme___1uvb\+{--terra-form-select-option-color: #1c1f21;--terra-form-select-option-font-size: 1rem;--terra-form-select-option-line-height: 1.41667;--terra-form-select-option-padding: 0.5rem 1rem;--terra-form-select-default-option-active-background-color: #0079be;--terra-form-select-default-option-active-color: #fff;--terra-form-select-default-option-active-font-weight: normal;--terra-form-select-default-option-selected-background-color: #0079be;--terra-form-select-default-option-selected-color: #fff;--terra-form-select-default-option-selected-font-weight: normal;--terra-form-select-default-option-selected-active-background-color: #0065a3;--terra-form-select-option-icon-height: 1rem;--terra-form-select-option-icon-margin-right: 0.75rem;--terra-form-select-option-icon-width: 1rem;--terra-form-select-option-active-background-color: #ebf6fd;--terra-form-select-option-disabled-color: rgba(28, 31, 33, 0.25);--terra-form-select-option-active-color-outline: 2px dashed #000;--terra-form-select-option-icon-active-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23a3dcfd%22%20opacity%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230079be%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-option-checkable-active-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23a3dcfd%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230079be%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-option-icon-add-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%230079be%22%20d%3D%22M48%2021H27V0h-6v21H0v6h21v21h6V27h21z%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-option-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%231c1f21%22%20opacity%3D%220.12%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230087d1%22%2F%3E%3C%2Fsvg%3E")}._Option-module__option___CcnOW{-ms-flex-align:center;align-items:center;color:#1c1f21;color:var(--terra-form-select-option-color, #1c1f21);display:-ms-flexbox;display:flex;font-size:1.143rem;font-size:var(--terra-form-select-option-font-size, 1.143rem);line-height:1.125;line-height:var(--terra-form-select-option-line-height, 1.125);outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] ._Option-module__option___CcnOW{cursor:pointer;padding:0.286rem 0.714rem;padding:var(--terra-form-select-option-padding, 0.286rem 0.714rem)}._Option-module__is-default___T3knK:active:not(._Option-module__is-disabled___gz96S){color:#fff;color:var(--terra-form-select-default-option-active-color, #fff);font-weight:normal;font-weight:var(--terra-form-select-default-option-active-font-weight, normal)}[dir] ._Option-module__is-default___T3knK:active:not(._Option-module__is-disabled___gz96S){background-color:#0079be;background-color:var(--terra-form-select-default-option-active-background-color, #0079be)}._Option-module__is-default___T3knK._Option-module__is-selected___uhiMe{color:#fff;color:var(--terra-form-select-default-option-selected-color, #fff);font-weight:normal;font-weight:var(--terra-form-select-default-option-selected-font-weight, normal)}[dir] ._Option-module__is-default___T3knK._Option-module__is-selected___uhiMe{background-color:#0079be;background-color:var(--terra-form-select-default-option-selected-background-color, #0079be)}[dir] ._Option-module__is-default___T3knK._Option-module__is-selected___uhiMe._Option-module__is-active___GWZR8{background-color:#0065a3;background-color:var(--terra-form-select-default-option-selected-active-background-color, #0065a3)}._Option-module__display___Dcqir{display:inline-block;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;word-break:break-word;word-wrap:break-word}._Option-module__icon___K3P73{display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:1.143rem;height:var(--terra-form-select-option-icon-height, 1.143rem);visibility:hidden;width:1.143rem;width:var(--terra-form-select-option-icon-width, 1.143rem)}[dir] ._Option-module__icon___K3P73{background-position:center;background-repeat:no-repeat;background-size:contain}[dir=ltr] ._Option-module__icon___K3P73{margin-right:0.714rem;margin-right:var(--terra-form-select-option-icon-margin-right, 0.714rem)}[dir=rtl] ._Option-module__icon___K3P73{margin-left:0.714rem;margin-left:var(--terra-form-select-option-icon-margin-right, 0.714rem)}[dir] ._Option-module__is-checkable___CUukS>._Option-module__icon___K3P73{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%231c1f21%22%20opacity%3D%220.12%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230087d1%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-option-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%231c1f21%22%20opacity%3D%220.12%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230087d1%22%2F%3E%3C%2Fsvg%3E"))}[dir] ._Option-module__is-selected___uhiMe._Option-module__is-active___GWZR8>._Option-module__icon___K3P73{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23a3dcfd%22%20opacity%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230079be%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-option-icon-active-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23a3dcfd%22%20opacity%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230079be%22%2F%3E%3C%2Fsvg%3E"))}._Option-module__is-checkable___CUukS:active>._Option-module__icon___K3P73{visibility:visible}[dir] ._Option-module__is-checkable___CUukS:active>._Option-module__icon___K3P73{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23a3dcfd%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230079be%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-option-checkable-active-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23a3dcfd%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230079be%22%2F%3E%3C%2Fsvg%3E"))}._Option-module__is-add-option___2wSCS>._Option-module__icon___K3P73{visibility:visible}[dir] ._Option-module__is-add-option___2wSCS>._Option-module__icon___K3P73{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%230079be%22%20d%3D%22M48%2021H27V0h-6v21H0v6h21v21h6V27h21z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-option-icon-add-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%230079be%22%20d%3D%22M48%2021H27V0h-6v21H0v6h21v21h6V27h21z%22%2F%3E%3C%2Fsvg%3E"))}._Option-module__is-selected___uhiMe>._Option-module__icon___K3P73{visibility:visible}._Option-module__is-active___GWZR8{outline:2px dashed #000;outline:var(--terra-form-select-option-active-color-outline, 2px dashed #000);outline-offset:-2px}[dir] ._Option-module__is-active___GWZR8{background-color:#ebf6fd;background-color:var(--terra-form-select-option-active-background-color, #ebf6fd)}._Option-module__is-disabled___gz96S{color:rgba(28, 31, 33, 0.25);color:var(--terra-form-select-option-disabled-color, rgba(28, 31, 33, 0.25));pointer-events:none}[dir] ._Option-module__is-disabled___gz96S{cursor:not-allowed} +._Menu-module__clinical-lowlight-theme___O31FO{--terra-form-select-menu-margin: 0;--terra-form-select-menu-padding: 0 0 0.142867rem}._Menu-module__orion-fusion-theme___MHRM6{--terra-form-select-menu-margin: 0;--terra-form-select-menu-padding: 0}._Menu-module__menu___\+Pw-Z{list-style:none;outline:none;overflow:hidden}[dir] ._Menu-module__menu___\+Pw-Z{margin:0;margin:var(--terra-form-select-menu-margin, 0);padding:0 0 0.142857rem;padding:var(--terra-form-select-menu-padding, 0 0 0.142857rem)} +._OptGroup-module__clinical-lowlight-theme___FDA05{--terra-form-select-optgroup-margin: 0;--terra-form-select-optgroup-padding: 0;--terra-form-select-first-optgroup-label-padding: 0.38461538461538464rem;--terra-form-select-optgroup-label-border-top: 1px solid #141719;--terra-form-select-optgroup-label-margin: 0;--terra-form-select-optgroup-label-background-color: #141719;--terra-form-select-optgroup-label-color: #6f7477;--terra-form-select-optgroup-label-font-size: 0.9286rem;--terra-form-select-optgroup-label-font-style: normal;--terra-form-select-optgroup-label-font-weight: bold;--terra-form-select-optgroup-label-line-height: 1.23;--terra-form-select-optgroup-label-padding: 0.38461538461538464rem;--terra-form-select-optgroup-options-margin: 0;--terra-form-select-optgroup-options-padding: 0}._OptGroup-module__orion-fusion-theme___s0zTY{--terra-form-select-optgroup-margin: 0 0 1rem 0;--terra-form-select-optgroup-padding: 0;--terra-form-select-first-optgroup-label-padding: 0.5rem 0.75rem 0.5rem 0.75rem;--terra-form-select-optgroup-label-border-top: 1px solid #dedfe0;--terra-form-select-optgroup-label-margin: 0;--terra-form-select-optgroup-label-background-color: transparent;--terra-form-select-optgroup-label-color: #767676;--terra-form-select-optgroup-label-font-size: 1rem;--terra-form-select-optgroup-label-font-style: normal;--terra-form-select-optgroup-label-font-weight: normal;--terra-form-select-optgroup-label-line-height: 1.41667;--terra-form-select-optgroup-label-padding: 0.5rem 0.75rem 0.5rem 0.75rem;--terra-form-select-optgroup-options-margin: 0;--terra-form-select-optgroup-options-padding: 0}._OptGroup-module__opt-group___he2fg{list-style:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] ._OptGroup-module__opt-group___he2fg{margin:0;margin:var(--terra-form-select-optgroup-margin, 0);padding:0;padding:var(--terra-form-select-optgroup-padding, 0)}[dir] ._OptGroup-module__opt-group___he2fg:first-child>._OptGroup-module__label___1bUfY{padding:0.3846153846rem;padding:var(--terra-form-select-first-optgroup-label-padding, 0.3846153846rem)}[dir] ._OptGroup-module__opt-group___he2fg:not(:first-child)>._OptGroup-module__label___1bUfY{border-top:0.1428571429rem solid #dedfe0;border-top:var(--terra-form-select-optgroup-label-border-top, 0.1428571429rem solid #dedfe0);margin:0;margin:var(--terra-form-select-optgroup-label-margin, 0)}._OptGroup-module__label___1bUfY{color:#64696c;color:var(--terra-form-select-optgroup-label-color, #64696c);font-size:0.9286rem;font-size:var(--terra-form-select-optgroup-label-font-size, 0.9286rem);font-style:normal;font-style:var(--terra-form-select-optgroup-label-font-style, normal);font-weight:bold;font-weight:var(--terra-form-select-optgroup-label-font-weight, bold);line-height:1.23;line-height:var(--terra-form-select-optgroup-label-line-height, 1.23);word-break:break-all}[dir] ._OptGroup-module__label___1bUfY{background-color:#f4f4f4;background-color:var(--terra-form-select-optgroup-label-background-color, #f4f4f4);padding:0.3846153846rem;padding:var(--terra-form-select-optgroup-label-padding, 0.3846153846rem)}._OptGroup-module__options___zGW4-{list-style:none}[dir] ._OptGroup-module__options___zGW4-{margin:0;margin:var(--terra-form-select-optgroup-options-margin, 0);padding:0;padding:var(--terra-form-select-optgroup-options-padding, 0)}._OptGroup-module__is-disabled___0HwTk{pointer-events:none} +._Frame-module__clinical-lowlight-theme___XDugl{--terra-form-select-background-color: #222a2e;--terra-form-select-border-radius: 3px;--terra-form-select-color: #b2b5b6;--terra-form-select-font-size: 1.143rem;--terra-form-select-line-height: 1.75;--terra-form-select-background-size: 0 0;--terra-form-select-border: 1px solid #181b1d;--terra-form-select-padding-bottom: 0;--terra-form-select-padding-left: 0.42857rem;--terra-form-select-padding-right: 0;--terra-form-select-padding-top: 0;--terra-form-select-focus-background-image: none;--terra-form-select-focus-background-size: 0 0;--terra-form-select-focus-transition-duration: 0s;--terra-form-select-focus-transition-timing-function: ease;--terra-form-select-open-border-top-left-radius: 3px;--terra-form-select-open-border-top-right-radius: 3px;--terra-form-select-above-border-bottom-left-radius: 3px;--terra-form-select-above-border-bottom-right-radius: 3px;--terra-form-select-hover-border-color: #004c76;--terra-form-select-outline: 2px dashed #b2b5b6;--terra-form-select-hover-color: #b2b5b6;--terra-form-select-incomplete-background-color: #464232;--terra-form-select-incomplete-focus-background-color: #464232;--terra-form-select-incomplete-hover-background-color: #464232;--terra-form-select-incomplete-disabled-background-color: #464232;--terra-form-select-invalid-background-color: #222a2e;--terra-form-select-invalid-background-image: none;--terra-form-select-invalid-border-color: #fb4c4c;--terra-form-select-invalid-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-select-invalid-focus-background-size: 0 0;--terra-form-select-invalid-focus-border-color: #fb4c4c;--terra-form-select-invalid-focus-box-shadow: 0 0 0 2px #fb4c4c;--terra-form-select-invalid-hover-border-color: #fb4c4c;--terra-form-select-arrow-height: 0.715rem;--terra-form-select-arrow-width: 1rem;--terra-form-select-disabled-background-color: #222a2e;--terra-form-select-disabled-border-color: #202427;--terra-form-select-disabled-color: #b2b5b6;--terra-form-select-disabled-opacity: 0.3;--terra-form-select-disabled-placeholder-color: #6f7477;--terra-form-select-disabled-placeholder-font-style: normal;--terra-form-select-toggle-padding: 0 0.42857rem;--terra-form-select-content-padding-bottom: 0.21428571428571427rem;--terra-form-select-content-padding-left: 0;--terra-form-select-content-padding-right: 0;--terra-form-select-content-padding-top: 0;--terra-form-select-search-focus-font-size: 1.143rem;--terra-form-select-search-focus-height: 1.5715rem;--terra-form-select-search-focus-margin-top: 0.21428571428571427rem;--terra-form-select-search-placeholder-color: #6f7477;--terra-form-select-search-placeholder-font-size: 1.143rem;--terra-form-select-search-placeholder-font-style: normal;--terra-form-select-border-bottom-left-radius: 3px;--terra-form-select-border-top-left-radius: 3px;--terra-form-select-toggle-border: 1px solid #181b1d;--terra-form-select-border-bottom-right-radius: 3px;--terra-form-select-border-top-right-radius: 3px;--terra-form-select-toggle-hover-background-color: #222a2e;--terra-form-select-toggle-invalid-border-color: #fb4c4c;--terra-form-select-toggle-invalid-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-select-toggle-invalid-focus-border-color: #004c76;--terra-form-select-toggle-invalid-focus-box-shadow: 0 0 0 1px #004c76, 0 0 0 1px #004c76;--terra-form-select-arrow-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-disabled-arrow-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-invalid-arrow-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E")}._Frame-module__orion-fusion-theme___UIUSA{--terra-form-select-background-color: #fff;--terra-form-select-border-radius: 3px;--terra-form-select-color: #1c1f21;--terra-form-select-font-size: 1rem;--terra-form-select-line-height: 2;--terra-form-select-background-size: 0 0;--terra-form-select-border: 1px solid #dedfe0;--terra-form-select-padding-bottom: 0;--terra-form-select-padding-left: 0.25rem;--terra-form-select-padding-right: 0;--terra-form-select-padding-top: 0;--terra-form-select-focus-background-image: none;--terra-form-select-focus-background-size: 0 0;--terra-form-select-focus-transition-duration: 0s;--terra-form-select-focus-transition-timing-function: ease;--terra-form-select-open-border-top-left-radius: 3px;--terra-form-select-open-border-top-right-radius: 3px;--terra-form-select-above-border-bottom-left-radius: 3px;--terra-form-select-above-border-bottom-right-radius: 3px;--terra-form-select-hover-border-color: #dedfe0;--terra-form-select-outline: 2px dashed #000;--terra-form-select-hover-color: #1c1f21;--terra-form-select-incomplete-background-color: #fefd9a;--terra-form-select-incomplete-focus-background-color: #fefd9a;--terra-form-select-incomplete-hover-background-color: #fefd9a;--terra-form-select-incomplete-disabled-background-color: #fefd9a;--terra-form-select-invalid-background-color: none;--terra-form-select-invalid-background-image: none;--terra-form-select-invalid-border-color: #dedfe0;--terra-form-select-invalid-box-shadow: none;--terra-form-select-invalid-focus-background-size: 0 0;--terra-form-select-invalid-focus-border-color: #4cb2e9;--terra-form-select-invalid-focus-box-shadow: 0 0 4px #a6d9f4;--terra-form-select-invalid-hover-border-color: #4cb2e9;--terra-form-select-arrow-height: 0.66667rem;--terra-form-select-arrow-width: 0.66667rem;--terra-form-select-disabled-background-color: rgba(111, 116, 119, 0.2);--terra-form-select-disabled-border-color: #dedfe0;--terra-form-select-disabled-color: #1c1f21;--terra-form-select-disabled-opacity: 0.4;--terra-form-select-disabled-placeholder-color: #767676;--terra-form-select-disabled-placeholder-font-style: normal;--terra-form-select-toggle-padding: 0.5rem;--terra-form-select-content-padding-bottom: 0.25rem;--terra-form-select-content-padding-left: 0;--terra-form-select-content-padding-right: 0;--terra-form-select-content-padding-top: 0;--terra-form-select-search-focus-font-size: 1rem;--terra-form-select-search-focus-height: 1.5rem;--terra-form-select-search-focus-margin-top: 0.25rem;--terra-form-select-search-placeholder-color: #707070;--terra-form-select-search-placeholder-font-size: 1rem;--terra-form-select-search-placeholder-font-style: normal;--terra-form-select-border-bottom-left-radius: 3px;--terra-form-select-border-top-left-radius: 3px;--terra-form-select-toggle-border: 1px solid #dedfe0;--terra-form-select-border-bottom-right-radius: 3px;--terra-form-select-border-top-right-radius: 3px;--terra-form-select-toggle-hover-background-color: none;--terra-form-select-toggle-invalid-border-color: #dedfe0;--terra-form-select-toggle-invalid-box-shadow: none;--terra-form-select-toggle-invalid-focus-border-color: #dedfe0;--terra-form-select-toggle-invalid-focus-box-shadow: none;--terra-form-select-arrow-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-disabled-arrow-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-invalid-arrow-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E")}._Frame-module__select___awpyI{color:#1c1f21;color:var(--terra-form-select-color, #1c1f21);display:-ms-flexbox;display:flex;font-size:1.143rem;font-size:var(--terra-form-select-font-size, 1.143rem);line-height:1.75;line-height:var(--terra-form-select-line-height, 1.75);position:relative}[dir] ._Frame-module__select___awpyI{background-color:#fff;background-color:var(--terra-form-select-background-color, #fff);border-radius:3px;border-radius:var(--terra-form-select-border-radius, 3px)}[dir] ._Frame-module__default___NFAkp{background-size:0 0;background-size:var(--terra-form-select-background-size, 0 0);border:1px solid #dedfe0;border:var(--terra-form-select-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-select-border-radius, 3px);cursor:pointer;padding-bottom:0;padding-bottom:var(--terra-form-select-padding-bottom, 0);padding-top:0;padding-top:var(--terra-form-select-padding-top, 0)}[dir=ltr] ._Frame-module__default___NFAkp{padding-left:0.42857rem;padding-left:var(--terra-form-select-padding-left, 0.42857rem);padding-right:0;padding-right:var(--terra-form-select-padding-right, 0)}[dir=rtl] ._Frame-module__default___NFAkp{padding-right:0.42857rem;padding-right:var(--terra-form-select-padding-left, 0.42857rem);padding-left:0;padding-left:var(--terra-form-select-padding-right, 0)}._Frame-module__default___NFAkp>._Frame-module__display___KUUsW{display:inline-block;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}[dir] ._Frame-module__default___NFAkp>._Frame-module__display___KUUsW{border:0}._Frame-module__default___NFAkp._Frame-module__is-focused___96IuB{outline:none}[dir] ._Frame-module__default___NFAkp._Frame-module__is-focused___96IuB{background-image:none;background-image:var(--terra-form-select-focus-background-image, none);background-repeat:no-repeat;background-size:0 0;background-size:var(--terra-form-select-focus-background-size, 0 0);transition-duration:0s;transition-duration:var(--terra-form-select-focus-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-select-focus-transition-timing-function, ease)}[dir=ltr] ._Frame-module__default___NFAkp._Frame-module__is-focused___96IuB{background-position:0 100%}[dir=rtl] ._Frame-module__default___NFAkp._Frame-module__is-focused___96IuB{background-position:100% 100%}[dir] ._Frame-module__default___NFAkp._Frame-module__is-open___oUqcK{box-shadow:none}[dir=ltr] ._Frame-module__default___NFAkp._Frame-module__is-open___oUqcK{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:3px;border-top-left-radius:var(--terra-form-select-open-border-top-left-radius, 3px);border-top-right-radius:3px;border-top-right-radius:var(--terra-form-select-open-border-top-right-radius, 3px)}[dir=rtl] ._Frame-module__default___NFAkp._Frame-module__is-open___oUqcK{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-top-right-radius:var(--terra-form-select-open-border-top-left-radius, 3px);border-top-left-radius:3px;border-top-left-radius:var(--terra-form-select-open-border-top-right-radius, 3px)}[dir=ltr] ._Frame-module__default___NFAkp._Frame-module__is-above___PmOzN{border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-above-border-bottom-left-radius, 3px);border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-above-border-bottom-right-radius, 3px);border-top-left-radius:0;border-top-right-radius:0}[dir=rtl] ._Frame-module__default___NFAkp._Frame-module__is-above___PmOzN{border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-above-border-bottom-left-radius, 3px);border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-above-border-bottom-right-radius, 3px);border-top-right-radius:0;border-top-left-radius:0}._Frame-module__default___NFAkp:hover{color:var(--terra-form-select-hover-color)}[dir] ._Frame-module__default___NFAkp:hover{border-color:#dedfe0;border-color:var(--terra-form-select-hover-border-color, #dedfe0)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-incomplete___T77OD{background-color:#ffc;background-color:var(--terra-form-select-incomplete-background-color, #ffc)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-incomplete___T77OD._Frame-module__is-focused___96IuB{background-color:#ffc;background-color:var(--terra-form-select-incomplete-focus-background-color, #ffc)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-incomplete___T77OD:hover{background-color:#ffc;background-color:var(--terra-form-select-incomplete-hover-background-color, #ffc)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-incomplete___T77OD._Frame-module__is-disabled___3m5sf{background-color:#ffc;background-color:var(--terra-form-select-incomplete-disabled-background-color, #ffc)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-invalid___u9LRn{background-color:none;background-color:var(--terra-form-select-invalid-background-color, none);background-image:none;background-image:var(--terra-form-select-invalid-background-image, none);border-color:#e50000;border-color:var(--terra-form-select-invalid-border-color, #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-select-invalid-box-shadow, 0 0 0 1px #e50000)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB{background-size:0 0;background-size:var(--terra-form-select-invalid-focus-background-size, 0 0);border-color:#e50000;border-color:var(--terra-form-select-invalid-focus-border-color, #e50000);box-shadow:0 0 0 2px #e50000;box-shadow:var(--terra-form-select-invalid-focus-box-shadow, 0 0 0 2px #e50000)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-invalid___u9LRn:hover{border-color:#e50000;border-color:var(--terra-form-select-invalid-hover-border-color, #e50000)}._Frame-module__display___KUUsW{overflow:hidden;position:relative}._Frame-module__arrow-icon___TvaP-{display:inline-block;height:0.715rem;height:var(--terra-form-select-arrow-height, 0.715rem);width:1rem;width:var(--terra-form-select-arrow-width, 1rem)}[dir] ._Frame-module__arrow-icon___TvaP-{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-arrow-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"));background-position:center;background-repeat:no-repeat;background-size:contain}._Frame-module__is-disabled___3m5sf{color:#1c1f21;color:var(--terra-form-select-disabled-color, #1c1f21);opacity:0.4;opacity:var(--terra-form-select-disabled-opacity, 0.4);pointer-events:none}[dir] ._Frame-module__is-disabled___3m5sf{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-select-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#dedfe0;border-color:var(--terra-form-select-disabled-border-color, #dedfe0);cursor:default}._Frame-module__is-disabled___3m5sf ._Frame-module__arrow-icon___TvaP-{display:inline-block}[dir] ._Frame-module__is-disabled___3m5sf ._Frame-module__arrow-icon___TvaP-{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-disabled-arrow-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"));background-position:center;background-repeat:no-repeat;background-size:contain}._Frame-module__is-disabled___3m5sf ._Frame-module__search-input___iJz-I:-ms-input-placeholder{color:rgba(21, 33, 41, 0.61);color:var(--terra-form-select-disabled-placeholder-color, rgba(21, 33, 41, 0.61));font-style:var(--terra-form-select-disabled-placeholder-font-style)}._Frame-module__is-disabled___3m5sf ._Frame-module__search-input___iJz-I::placeholder,._Frame-module__is-disabled___3m5sf ._Frame-module__placeholder___6frMX{color:rgba(21, 33, 41, 0.61);color:var(--terra-form-select-disabled-placeholder-color, rgba(21, 33, 41, 0.61));font-style:var(--terra-form-select-disabled-placeholder-font-style)}._Frame-module__toggle___wUsow{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}[dir] ._Frame-module__toggle___wUsow{cursor:pointer;padding:0 0.42857rem;padding:var(--terra-form-select-toggle-padding, 0 0.42857rem)}[dir=ltr] ._Frame-module__toggle___wUsow{margin-left:auto}[dir=rtl] ._Frame-module__toggle___wUsow{margin-right:auto}[dir] ._Frame-module__toggle-narrow___BKi4x{padding:0}._Frame-module__toggle-btn___0Y3s\+{height:100%;line-height:0}[dir] ._Frame-module__toggle-btn___0Y3s\+{background-color:rgba(0,0,0,0);border:0;margin:0;padding:0 0.42857rem;padding:var(--terra-form-select-toggle-padding, 0 0.42857rem)}[dir] ._Frame-module__toggle-btn___0Y3s\+::-moz-focus-inner{border:0;padding:0}._Frame-module__content___Z0o84{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;overflow:hidden}[dir] ._Frame-module__content___Z0o84{margin:0;padding-bottom:0.2142857143rem;padding-bottom:var(--terra-form-select-content-padding-bottom, 0.2142857143rem);padding-top:0;padding-top:var(--terra-form-select-content-padding-top, 0)}[dir=ltr] ._Frame-module__content___Z0o84{padding-left:0;padding-left:var(--terra-form-select-content-padding-left, 0);padding-right:0;padding-right:var(--terra-form-select-content-padding-right, 0)}[dir=rtl] ._Frame-module__content___Z0o84{padding-right:0;padding-right:var(--terra-form-select-content-padding-left, 0);padding-left:0;padding-left:var(--terra-form-select-content-padding-right, 0)}._Frame-module__content___Z0o84>li:first-child{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto}._Frame-module__display-content___9c2ye{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;overflow:hidden}[dir] ._Frame-module__display-content___9c2ye{margin:0;padding:0}._Frame-module__search-input___iJz-I._Frame-module__is-hidden___y8oWx{height:.1px;opacity:0;width:1px}[dir] ._Frame-module__search-input___iJz-I._Frame-module__is-hidden___y8oWx{margin:0}._Frame-module__search-wrapper___6U2Ka,._Frame-module__content___Z0o84>li._Frame-module__search-wrapper___6U2Ka{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0}._Frame-module__search-input___iJz-I,._Frame-module__search-input___iJz-I:focus{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;font-family:inherit;font-size:1.143rem;font-size:var(--terra-form-select-search-focus-font-size, 1.143rem);height:1.375em;height:var(--terra-form-select-search-focus-height, 1.375em);max-width:100%;min-width:0;opacity:1;outline:none;text-overflow:ellipsis;width:auto}[dir] ._Frame-module__search-input___iJz-I, [dir] ._Frame-module__search-input___iJz-I:focus{background:rgba(0,0,0,0);border:0;margin-top:0.2142857143rem;margin-top:var(--terra-form-select-search-focus-margin-top, 0.2142857143rem);padding:0}[dir] ._Frame-module__search-input___iJz-I:invalid{box-shadow:none}._Frame-module__select___awpyI ::-ms-clear{display:none;height:0;width:0}._Frame-module__search-input___iJz-I:-ms-input-placeholder{color:rgba(21, 33, 41, 0.62);color:var(--terra-form-select-search-placeholder-color, rgba(21, 33, 41, 0.62));font-size:1.143rem;font-size:var(--terra-form-select-search-placeholder-font-size, 1.143rem);font-style:var(--terra-form-select-search-placeholder-font-style);opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._Frame-module__search-input___iJz-I::placeholder,._Frame-module__placeholder___6frMX{color:rgba(21, 33, 41, 0.62);color:var(--terra-form-select-search-placeholder-color, rgba(21, 33, 41, 0.62));font-size:1.143rem;font-size:var(--terra-form-select-search-placeholder-font-size, 1.143rem);font-style:var(--terra-form-select-search-placeholder-font-style);opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._Frame-module__tag___Topf8>._Frame-module__display___KUUsW,._Frame-module__search___2IY42>._Frame-module__display___KUUsW,._Frame-module__combobox___BIdmg>._Frame-module__display___KUUsW,._Frame-module__multiple___VBnib>._Frame-module__display___KUUsW{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}[dir] ._Frame-module__tag___Topf8>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib>._Frame-module__display___KUUsW{background-size:0 0;background-size:var(--terra-form-select-background-size, 0 0);border:1px solid #dedfe0;border:var(--terra-form-select-border, 1px solid #dedfe0);cursor:text;padding-bottom:0;padding-bottom:var(--terra-form-select-padding-bottom, 0);padding-top:0;padding-top:var(--terra-form-select-padding-top, 0)}[dir=ltr] ._Frame-module__tag___Topf8>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__search___2IY42>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__combobox___BIdmg>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__multiple___VBnib>._Frame-module__display___KUUsW{border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-border-bottom-left-radius, 3px);border-top-left-radius:3px;border-top-left-radius:var(--terra-form-select-border-top-left-radius, 3px);padding-left:0.42857rem;padding-left:var(--terra-form-select-padding-left, 0.42857rem);padding-right:0;padding-right:var(--terra-form-select-padding-right, 0)}[dir=rtl] ._Frame-module__tag___Topf8>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__search___2IY42>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__combobox___BIdmg>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__multiple___VBnib>._Frame-module__display___KUUsW{border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-border-bottom-left-radius, 3px);border-top-right-radius:3px;border-top-right-radius:var(--terra-form-select-border-top-left-radius, 3px);padding-right:0.42857rem;padding-right:var(--terra-form-select-padding-left, 0.42857rem);padding-left:0;padding-left:var(--terra-form-select-padding-right, 0)}._Frame-module__tag___Topf8>._Frame-module__display___KUUsW:hover,._Frame-module__search___2IY42>._Frame-module__display___KUUsW:hover,._Frame-module__combobox___BIdmg>._Frame-module__display___KUUsW:hover,._Frame-module__multiple___VBnib>._Frame-module__display___KUUsW:hover{color:var(--terra-form-select-hover-color)}[dir] ._Frame-module__tag___Topf8>._Frame-module__display___KUUsW:hover, [dir] ._Frame-module__search___2IY42>._Frame-module__display___KUUsW:hover, [dir] ._Frame-module__combobox___BIdmg>._Frame-module__display___KUUsW:hover, [dir] ._Frame-module__multiple___VBnib>._Frame-module__display___KUUsW:hover{border-color:#dedfe0;border-color:var(--terra-form-select-hover-border-color, #dedfe0)}[dir] ._Frame-module__tag___Topf8>._Frame-module__toggle___wUsow, [dir] ._Frame-module__search___2IY42>._Frame-module__toggle___wUsow, [dir] ._Frame-module__combobox___BIdmg>._Frame-module__toggle___wUsow, [dir] ._Frame-module__multiple___VBnib>._Frame-module__toggle___wUsow{border:1px solid #dedfe0;border:var(--terra-form-select-toggle-border, 1px solid #dedfe0)}[dir=ltr] ._Frame-module__tag___Topf8>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__search___2IY42>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__combobox___BIdmg>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__multiple___VBnib>._Frame-module__toggle___wUsow{border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-border-bottom-right-radius, 3px);border-left:0;border-top-right-radius:3px;border-top-right-radius:var(--terra-form-select-border-top-right-radius, 3px)}[dir=rtl] ._Frame-module__tag___Topf8>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__search___2IY42>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__combobox___BIdmg>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__multiple___VBnib>._Frame-module__toggle___wUsow{border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-border-bottom-right-radius, 3px);border-right:0;border-top-left-radius:3px;border-top-left-radius:var(--terra-form-select-border-top-right-radius, 3px)}[dir] ._Frame-module__tag___Topf8>._Frame-module__toggle___wUsow:hover, [dir] ._Frame-module__search___2IY42>._Frame-module__toggle___wUsow:hover, [dir] ._Frame-module__combobox___BIdmg>._Frame-module__toggle___wUsow:hover, [dir] ._Frame-module__multiple___VBnib>._Frame-module__toggle___wUsow:hover{background-color:none;background-color:var(--terra-form-select-toggle-hover-background-color, none)}[dir] ._Frame-module__tag___Topf8>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn, [dir] ._Frame-module__search___2IY42>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn, [dir] ._Frame-module__combobox___BIdmg>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn, [dir] ._Frame-module__multiple___VBnib>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn{border-color:#e50000;border-color:var(--terra-form-select-toggle-invalid-border-color, #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-select-toggle-invalid-box-shadow, 0 0 0 1px #e50000)}[dir] ._Frame-module__tag___Topf8>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn:focus, [dir] ._Frame-module__search___2IY42>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn:focus, [dir] ._Frame-module__combobox___BIdmg>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn:focus, [dir] ._Frame-module__multiple___VBnib>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn:focus{border-color:#e50000;border-color:var(--terra-form-select-toggle-invalid-focus-border-color, #e50000);box-shadow:0 0 0 1px #e50000, 0 0 4px 3px rgba(229, 0, 0, 0.35);box-shadow:var(--terra-form-select-toggle-invalid-focus-box-shadow, 0 0 0 1px #e50000, 0 0 4px 3px rgba(229, 0, 0, 0.35))}._Frame-module__tag___Topf8._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW,._Frame-module__search___2IY42._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW,._Frame-module__combobox___BIdmg._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW,._Frame-module__multiple___VBnib._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW{outline:none}[dir] ._Frame-module__tag___Topf8._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW{background-image:none;background-image:var(--terra-form-select-focus-background-image, none);background-repeat:no-repeat;background-size:0 0;background-size:var(--terra-form-select-focus-background-size, 0 0);transition-duration:0s;transition-duration:var(--terra-form-select-focus-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-select-focus-transition-timing-function, ease)}[dir=ltr] ._Frame-module__tag___Topf8._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__search___2IY42._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__combobox___BIdmg._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__multiple___VBnib._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW{background-position:0 100%}[dir=rtl] ._Frame-module__tag___Topf8._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__search___2IY42._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__combobox___BIdmg._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__multiple___VBnib._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW{background-position:100% 100%}[dir] ._Frame-module__tag___Topf8._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW{box-shadow:none}[dir=ltr] ._Frame-module__tag___Topf8._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__search___2IY42._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__combobox___BIdmg._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__multiple___VBnib._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW{border-bottom-left-radius:0}[dir=rtl] ._Frame-module__tag___Topf8._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__search___2IY42._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__combobox___BIdmg._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__multiple___VBnib._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW{border-bottom-right-radius:0}[dir=ltr] ._Frame-module__tag___Topf8._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__search___2IY42._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__combobox___BIdmg._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__multiple___VBnib._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow{border-bottom-right-radius:0}[dir=rtl] ._Frame-module__tag___Topf8._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__search___2IY42._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__combobox___BIdmg._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__multiple___VBnib._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow{border-bottom-left-radius:0}[dir=ltr] ._Frame-module__tag___Topf8._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__search___2IY42._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__combobox___BIdmg._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__multiple___VBnib._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW{border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-above-border-bottom-left-radius, 3px);border-top-left-radius:0}[dir=rtl] ._Frame-module__tag___Topf8._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__search___2IY42._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__combobox___BIdmg._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__multiple___VBnib._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW{border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-above-border-bottom-left-radius, 3px);border-top-right-radius:0}[dir=ltr] ._Frame-module__tag___Topf8._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__search___2IY42._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__combobox___BIdmg._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__multiple___VBnib._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow{border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-above-border-bottom-right-radius, 3px);border-top-right-radius:0}[dir=rtl] ._Frame-module__tag___Topf8._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__search___2IY42._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__combobox___BIdmg._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__multiple___VBnib._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow{border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-above-border-bottom-right-radius, 3px);border-top-left-radius:0}[dir] ._Frame-module__tag___Topf8._Frame-module__is-incomplete___T77OD>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-incomplete___T77OD>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-incomplete___T77OD>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-incomplete___T77OD>._Frame-module__display___KUUsW{background-color:#ffc;background-color:var(--terra-form-select-incomplete-background-color, #ffc)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-incomplete___T77OD._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-incomplete___T77OD._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-incomplete___T77OD._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-incomplete___T77OD._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW{background-color:#ffc;background-color:var(--terra-form-select-incomplete-focus-background-color, #ffc)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-incomplete___T77OD:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-incomplete___T77OD:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-incomplete___T77OD:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-incomplete___T77OD:hover>._Frame-module__display___KUUsW{background-color:#ffc;background-color:var(--terra-form-select-incomplete-hover-background-color, #ffc)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-incomplete___T77OD._Frame-module__is-disabled___3m5sf>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-incomplete___T77OD._Frame-module__is-disabled___3m5sf>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-incomplete___T77OD._Frame-module__is-disabled___3m5sf>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-incomplete___T77OD._Frame-module__is-disabled___3m5sf>._Frame-module__display___KUUsW{background-color:#ffc;background-color:var(--terra-form-select-incomplete-disabled-background-color, #ffc)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-invalid___u9LRn>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-invalid___u9LRn>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-invalid___u9LRn>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-invalid___u9LRn>._Frame-module__display___KUUsW{background-color:none;background-color:var(--terra-form-select-invalid-background-color, none);background-image:none;background-image:var(--terra-form-select-invalid-background-image, none);border-color:#e50000;border-color:var(--terra-form-select-invalid-border-color, #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-select-invalid-box-shadow, 0 0 0 1px #e50000)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW{background-size:0 0;background-size:var(--terra-form-select-invalid-focus-background-size, 0 0);border-color:#e50000;border-color:var(--terra-form-select-invalid-focus-border-color, #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-select-invalid-focus-box-shadow, 0 0 0 1px #e50000)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-invalid___u9LRn:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-invalid___u9LRn:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-invalid___u9LRn:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-invalid___u9LRn:hover>._Frame-module__display___KUUsW{border-color:#e50000;border-color:var(--terra-form-select-invalid-hover-border-color, #e50000)}._Frame-module__is-invalid___u9LRn ._Frame-module__arrow-icon___TvaP-{display:inline-block}[dir] ._Frame-module__is-invalid___u9LRn ._Frame-module__arrow-icon___TvaP-{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-invalid-arrow-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"));background-position:center;background-repeat:no-repeat;background-size:contain}._Frame-module__visually-hidden-component___iXjUk{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] ._Frame-module__visually-hidden-component___iXjUk{border:0;margin:-1px;padding:0}._Frame-module__tag___Topf8._Frame-module__is-focused___96IuB,._Frame-module__search___2IY42._Frame-module__is-focused___96IuB,._Frame-module__combobox___BIdmg._Frame-module__is-focused___96IuB,._Frame-module__multiple___VBnib._Frame-module__is-focused___96IuB,._Frame-module__single___sB7qg._Frame-module__is-focused___96IuB,._Frame-module__select___awpyI._Frame-module__is-focused___96IuB{outline:2px dashed #000;outline:var(--terra-form-select-outline, 2px dashed #000)}._Frame-module__tag___Topf8._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB,._Frame-module__search___2IY42._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB,._Frame-module__combobox___BIdmg._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB,._Frame-module__multiple___VBnib._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB,._Frame-module__single___sB7qg._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB,._Frame-module__select___awpyI._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB{outline:none}[dir] ._Frame-module__tag___Topf8._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB, [dir] ._Frame-module__search___2IY42._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB, [dir] ._Frame-module__single___sB7qg._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB, [dir] ._Frame-module__select___awpyI._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB{background-size:0 0;background-size:var(--terra-form-select-invalid-focus-background-size, 0 0);border-color:#e50000;border-color:var(--terra-form-select-invalid-focus-border-color, #e50000);box-shadow:0 0 0 2px #e50000;box-shadow:var(--terra-form-select-invalid-focus-box-shadow, 0 0 0 2px #e50000)} diff --git a/17605-6815e5d171a71db7febf.js b/17605-6815e5d171a71db7febf.js new file mode 100644 index 000000000..6602fe0ef --- /dev/null +++ b/17605-6815e5d171a71db7febf.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17605,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,t,n){var o=n(64836);t.Z=void 0;var r=o(n(67294)),i=o(n(45697)),l=o(n(19845)),a=o(n(17422)),u=l.default.bind(a.default),s={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},c=function(e){var t=e.src,n=e.name,o=e.url,i=e.version,l=r.default.createElement("a",{className:u("badge"),href:o||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:u("badge-name")},o?"package":"npm"),r.default.createElement("span",{className:u("badge-version")},"v".concat(i))),a=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,a)};c.propTypes=s;var d=c;t.Z=d},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},24197:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_Dropdown-module__clinical-lowlight-theme___ae4kC","orion-fusion-theme":"_Dropdown-module__orion-fusion-theme___YKlEn",dropdown:"_Dropdown-module__dropdown___WVhNn","is-above":"_Dropdown-module__is-above___tThDx","is-touch-accessible":"_Dropdown-module__is-touch-accessible___5hJQm"}},59478:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_Frame-module__clinical-lowlight-theme___XDugl","orion-fusion-theme":"_Frame-module__orion-fusion-theme___UIUSA",select:"_Frame-module__select___awpyI",default:"_Frame-module__default___NFAkp",display:"_Frame-module__display___KUUsW","is-focused":"_Frame-module__is-focused___96IuB","is-open":"_Frame-module__is-open___oUqcK","is-above":"_Frame-module__is-above___PmOzN","is-incomplete":"_Frame-module__is-incomplete___T77OD","is-disabled":"_Frame-module__is-disabled___3m5sf","is-invalid":"_Frame-module__is-invalid___u9LRn","arrow-icon":"_Frame-module__arrow-icon___TvaP-","search-input":"_Frame-module__search-input___iJz-I",placeholder:"_Frame-module__placeholder___6frMX",toggle:"_Frame-module__toggle___wUsow","toggle-narrow":"_Frame-module__toggle-narrow___BKi4x","toggle-btn":"_Frame-module__toggle-btn___0Y3s+",content:"_Frame-module__content___Z0o84","display-content":"_Frame-module__display-content___9c2ye","is-hidden":"_Frame-module__is-hidden___y8oWx","search-wrapper":"_Frame-module__search-wrapper___6U2Ka",tag:"_Frame-module__tag___Topf8",search:"_Frame-module__search___2IY42",combobox:"_Frame-module__combobox___BIdmg",multiple:"_Frame-module__multiple___VBnib","visually-hidden-component":"_Frame-module__visually-hidden-component___iXjUk",single:"_Frame-module__single___sB7qg"}},3449:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_Menu-module__clinical-lowlight-theme___O31FO","orion-fusion-theme":"_Menu-module__orion-fusion-theme___MHRM6",menu:"_Menu-module__menu___+Pw-Z"}},86874:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_OptGroup-module__clinical-lowlight-theme___FDA05","orion-fusion-theme":"_OptGroup-module__orion-fusion-theme___s0zTY","opt-group":"_OptGroup-module__opt-group___he2fg",label:"_OptGroup-module__label___1bUfY",options:"_OptGroup-module__options___zGW4-","is-disabled":"_OptGroup-module__is-disabled___0HwTk"}},18510:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_Option-module__clinical-lowlight-theme___Iyko+","orion-fusion-theme":"_Option-module__orion-fusion-theme___1uvb+",option:"_Option-module__option___CcnOW","is-default":"_Option-module__is-default___T3knK","is-disabled":"_Option-module__is-disabled___gz96S","is-selected":"_Option-module__is-selected___uhiMe","is-active":"_Option-module__is-active___GWZR8",display:"_Option-module__display___Dcqir",icon:"_Option-module__icon___K3P73","is-checkable":"_Option-module__is-checkable___CUukS","is-add-option":"_Option-module__is-add-option___2wSCS"}},10752:function(e,t){function n(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function o(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!=n?n:null}.bind(this))}function r(e,t){try{var n=this.props,o=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,o)}finally{this.props=n,this.state=o}}Object.defineProperty(t,"__esModule",{value:!0}),n.__suppressDeprecationWarning=!0,o.__suppressDeprecationWarning=!0,r.__suppressDeprecationWarning=!0,t.polyfill=function(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var i=null,l=null,a=null;if("function"==typeof t.componentWillMount?i="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(i="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?l="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(l="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?a="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(a="UNSAFE_componentWillUpdate"),null!==i||null!==l||null!==a){var u=e.displayName||e.name,s="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+u+" uses "+s+" but also contains the following legacy lifecycles:"+(null!==i?"\n "+i:"")+(null!==l?"\n "+l:"")+(null!==a?"\n "+a:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=n,t.componentWillReceiveProps=o),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=r;var c=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var o=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;c.call(this,e,t,o)}}return e}},15277:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=d(n(67294)),r=d(n(45697)),i=d(n(3948)),l=d(n(93967)),a=d(n(19845)),u=d(n(50026)),s=d(n(24197)),c=["children","isAbove","isEnabled","isTouchAccessible","onResize","refCallback","target"];function d(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var _=a.default.bind(s.default),m={children:r.default.node.isRequired,isAbove:r.default.bool,isEnabled:r.default.bool,isTouchAccessible:r.default.bool,onResize:r.default.func.isRequired,refCallback:r.default.func.isRequired,target:r.default.object.isRequired},v={vertical:"bottom",horizontal:"start"},y={vertical:"top",horizontal:"start"},b=function(e){var t=e.children,n=e.isAbove,r=e.isEnabled,a=e.isTouchAccessible,s=e.onResize,d=e.refCallback,m=e.target,b=p(e,c),h=o.default.useContext(u.default),g=o.default.useCallback((function(e){e.preventDefault()}),[]),O=(0,l.default)(_(["dropdown",{"is-above":n},{"is-touch-accessible":a},h.className]),b.className);return a?o.default.createElement("div",f({},b,{className:O,onMouseDown:g,ref:d}),t):o.default.createElement(i.default,{isOpen:!0,isEnabled:r,targetRef:function(){return m},attachmentBehavior:"none",contentAttachment:n?v:y,targetAttachment:n?y:v},o.default.createElement(i.default.Content,f({},b,{disableOnClickOutside:!0,className:O,onResize:s,onMouseDown:g,refCallback:d}),t))};b.propTypes=m,b.defaultProps={isAbove:!1,isTouchAccessible:!1};t.default=b},38011:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,r=(o=n(44845))&&o.__esModule?o:{default:o};function i(e){return i="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},i(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function a(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{},t=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).style,n=e.maxHeight,o=e.width,r=e.bottom,i=e.top;return a(a({},t),{},{maxHeight:n,width:o,bottom:r,top:i})}},{key:"dropdownPosition",value:function(e,t,n,o){var r=arguments.length>4&&void 0!==arguments[4]&&arguments[4],i=a({},e).style||{},l=n.getBoundingClientRect().height,u=t.getBoundingClientRect(),s=u.bottom,c=u.width,d=u.top,f=t.getBoundingClientRect().height,p=window.innerHeight-s,_=parseInt(i.maxHeight||o,10)||1/0,m=_d,v=m?p:d,y=!m;return{width:c,maxHeight:Math.min(_,v-10),isAbove:y,isPositioned:!0,bottom:r&&y?f:void 0,top:r&&!y?"100%":void 0}}},{key:"allowsMultiSelections",value:function(e){return e.variant===r.default.MULTIPLE||e.variant===r.default.TAG}},{key:"includes",value:function(e,t){return 0!==t.trim().length&&(e.value||[]).indexOf(t)>-1}},{key:"shouldHideSearch",value:function(t,n){return!!e.allowsMultiSelections(t)&&!n.isFocused&&t.value&&t.value.length>0}},{key:"shouldPositionDropdown",value:function(e,t,n){if(!t.isOpen)return!1;var o=n.getBoundingClientRect().bottom;return!1===e.isOpen||o>window.innerHeight}},{key:"shouldAddOptionOnBlur",value:function(t,n){var o=t.onSelect,i=t.value,l=t.variant,a=n.hasSearchChanged,u=n.searchValue;return!(l!==r.default.TAG&&l!==r.default.COMBOBOX||!(l!==r.default.TAG||u.trim().length>0)||!a||!o||l===r.default.TAG&&e.includes(t,u)||l===r.default.COMBOBOX&&i===u)}},{key:"tabIndex",value:function(e){return e.variant!==r.default.DEFAULT||e.disabled?"-1":"0"}},{key:"shiftFocusToMenu",value:function(e){setTimeout((function(){e.selectMenu&&e.selectMenu.focus()}),100)}}],(n=null)&&s(t.prototype,n),o&&s(t,o),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=d},16451:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(n(67294)),r=i(n(44845));function i(e){return e&&e.__esModule?e:{default:e}}function l(e){return l="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},l(e)}function a(e,t){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return!!e&&e.toString().toLowerCase().indexOf(t.trim().toLowerCase())>-1}},{key:"isEqual",value:function(e,t){return null!=e&&null!=t&&e.toString().toLowerCase()===t.toString().toLowerCase()}},{key:"allowsMultiSelections",value:function(e){return e===r.default.MULTIPLE||e===r.default.TAG}},{key:"isSelected",value:function(t,n){return Array.isArray(t)?e.includes(t,n):e.isEqual(t,n)}},{key:"includes",value:function(t,n){return!(!t||!t.length)&&void 0!==t.find((function(t){return e.isEqual(t,n)}))}},{key:"flatten",value:function(t,n){return o.default.Children.toArray(t).reduce((function(t,o){if(o.type.isOption&&(!n||n&&!o.props.disabled))t.push(o);else if(o.type.isOptGroup)return t.concat(e.flatten(o.props.children,n));return t}),[])}},{key:"filter",value:function(t,n,r){return o.default.Children.toArray(t).reduce((function(t,i){if(i.type.isOption&&e.filterOption(i,n,r))t.push(i);else if(i.type.isOptGroup){var l=e.filter(i.props.children,n,r);l.length>0&&t.push(o.default.cloneElement(i,{},l))}return t}),[])}},{key:"filterOption",value:function(t,n,o){return o?o(n,t):e.contains(t.props.display,n)}},{key:"findByValue",value:function(t,n){return e.flatten(t).find((function(t){var o=t.props;return e.isEqual(o.value,n)}))}},{key:"getOptGroupElement",value:function(e,t){return o.default.Children.toArray(e).find((function(e){return e.type.isOptGroup&&o.default.Children.toArray(e.props.children).find((function(e){return e.props.value===t}))}))}},{key:"findByDisplay",value:function(t,n){return e.flatten(t).find((function(t){var o=t.props;return e.isEqual(o.display,n)}))}},{key:"findFirst",value:function(t){var n=e.flatten(t,!0);return n.length>0?n[0].props.value:null}},{key:"findLast",value:function(t){var n=e.flatten(t,!0);return n.length>0?n[n.length-1].props.value:null}},{key:"findWithStartString",value:function(t,n){var o=e.flatten(t,!0).find((function(e){return(e.props.display||"").toLowerCase().startsWith(n.toLowerCase())}));return o?o.props.value:null}},{key:"findNext",value:function(t,n){var o=e.flatten(t,!0),r=o.findIndex((function(t){var o=t.props;return e.isEqual(o.value,n)}));return o.length-1===r?o[0].props.value:-1===r?null:o[r+1].props.value}},{key:"getIndex",value:function(t,n){return e.flatten(t,!0).findIndex((function(t){var o=t.props;return e.isEqual(o.value,n)}))+1}},{key:"findPrevious",value:function(t,n){var o=e.flatten(t,!0),r=o.findIndex((function(t){var o=t.props;return e.isEqual(o.value,n)}));return 0===r&&(r=o.length),-1===r?null:o[r-1].props.value}},{key:"getActiveOptionFromProps",value:function(t,n,o){var r=o.active,i=(t.searchValue,t.value),l=e.flatten(n,!0);if(0===l.length)return null;if(null!==r&&e.findByValue(l,r))return r;if(void 0===o.searchValue){var a=l.find((function(t){return Array.isArray(i)?e.includes(i,t.props.value):e.isEqual(i,t.props.value)}));return void 0===a?l[0].props.value:a.props.value}return o.searchValue,l[0].props.value}},{key:"shouldAllowFreeText",value:function(t,n){var o=t.searchValue,i=t.value,l=t.variant;if(l===r.default.TAG||l===r.default.COMBOBOX){var a=e.findByDisplay(n,o),u=Array.isArray(i)?e.includes(i,o):e.isEqual(i,o);return!a&&!u&&(o||"").trim().length>0}return!1}},{key:"shouldShowNoResults",value:function(e,t){var n=e.variant;return n!==r.default.TAG&&n!==r.default.COMBOBOX&&0===t.length}},{key:"isMaxSelectionReached",value:function(t){var n=t.maxSelectionCount,o=t.value,r=t.variant;return!!(void 0!==n&&e.allowsMultiSelections(r)&&Array.isArray(o)&&o.length>=n)}},{key:"updateSelectionState",value:function(t,n){var r=e.isMaxSelectionReached(n);return o.default.Children.map(t,(function(t){return t.type.isOption?o.default.cloneElement(t,{disabled:t.props.disabled||r&&!e.isSelected(n.value,t.props.value)}):t.type.isOptGroup?o.default.cloneElement(t,{},e.updateSelectionState(t.props.children,n)):t}))}},{key:"shouldShowClearOption",value:function(e){var t=e.clearOptionDisplay,n=e.searchValue,o=e.hasAddOption,r=e.hasNoResults;return!(!t||r||o||void 0!==n&&0!==n.length)}}],(n=null)&&a(t.prototype,n),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=u},87786:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=s(n(67294)),r=s(n(45697)),i=n(25387),l=s(n(19845)),a=s(n(50026)),u=s(n(86874));function s(e){return e&&e.__esModule?e:{default:e}}var c=l.default.bind(u.default),d={children:r.default.node,disabled:r.default.bool,intl:r.default.shape({formatMessage:r.default.func}).isRequired,label:r.default.node.isRequired},f=function(e){var t=e.children,n=e.disabled,r=e.intl,i=e.label,l=o.default.useContext(a.default);return o.default.createElement("li",{className:c("opt-group",{"is-disabled":n},l.className),role:"option","aria-selected":"false"},o.default.createElement("div",{className:c("label")},i),o.default.createElement("ul",{className:c("options"),role:"listbox","aria-label":r.formatMessage({id:"Terra.form.select.option"})},o.default.Children.map(t,(function(e){return o.default.cloneElement(e,{disabled:n||!!e.props.disabled})}))))};f.propTypes=d,f.defaultProps={disabled:!1},f.isOptGroup=!0;t.default=(0,i.injectIntl)(f)},88413:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=d(n(67294)),r=d(n(45697)),i=d(n(93967)),l=d(n(19845)),a=d(n(50026)),u=d(n(68958)),s=d(n(18510)),c=["disabled","display","value","variant","isActive","isSelected","isCheckable","isAddOption","index","totalOptions","ofText","expandedStateText"];function d(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var _=l.default.bind(s.default),m={disabled:r.default.bool,display:r.default.string,isActive:r.default.bool,isAddOption:r.default.bool,isCheckable:r.default.bool,isSelected:r.default.bool,value:r.default.oneOfType([r.default.string,r.default.number]).isRequired,variant:r.default.string,index:r.default.number,totalOptions:r.default.number,ofText:r.default.string,expandedStateText:r.default.string},v={disabled:!1,display:void 0},y=function(e){var t=e.disabled,n=e.display,r=(e.value,e.variant),l=e.isActive,s=e.isSelected,d=e.isCheckable,m=e.isAddOption,v=e.index,y=(e.totalOptions,e.ofText,e.expandedStateText),b=p(e,c),h=o.default.useContext(a.default),g=(0,i.default)(_("option",{"is-active":l},{"is-checkable":d&&!m},{"is-default":!d&&!m},{"is-disabled":t},{"is-selected":s},{"is-add-option":m},h.className),b.className),O="option";u.default.isSafari()&&!("ontouchstart"in window)&&(O="radio","tag"!==r&&"multiple"!==r||(O="checkbox"));var w=s||1===v?"".concat(y," ").concat(n):n;return o.default.createElement("li",f({role:O},b,{disabled:t,className:g,"aria-selected":s,"aria-disabled":t,tabIndex:"0","data-terra-select-option":!0,"aria-label":w}),(d||m)&&o.default.createElement("span",{className:_("icon")}),o.default.createElement("span",{"data-terra-add-option":!0,className:_("display")},n))};y.propTypes=m,y.defaultProps=v,y.isOption=!0;t.default=y},33833:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(44845)),i=a(n(16451)),l=a(n(4752));function a(e){return e&&e.__esModule?e:{default:e}}function u(e){return u="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},u(e)}function s(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n0&&void 0!==arguments[0]?arguments[0]:{},t=e.defaultValue,n=e.value,o=e.multiple;return void 0!==n?null:o?t?(0,l.default)([t]):[]:null!=t?t:""}},{key:"deselect",value:function(t,n,o){return e.value(t,n).filter((function(e){return e!==o}))}},{key:"findByValue",value:function(e,t,n){return i.default.findByValue(e.children,n)||i.default.findByValue(t.tags,n)}},{key:"allowsMultiSelections",value:function(e){return e.variant===r.default.MULTIPLE||e.variant===r.default.TAG}},{key:"select",value:function(t,n,o){return e.allowsMultiSelections(t)?[].concat(s(e.value(t,n)),[o]):o}},{key:"value",value:function(e,t){return void 0===e.value?t.value:e.value}},{key:"valueDisplay",value:function(e,t){var n=i.default.findByValue(e.children,t);return n?n.props.display:t}},{key:"getTotalNumberOfOptions",value:function(e){var t=0;return o.default.Children.forEach(e,(function(e){e.type.isOption&&(t+=1),e.type.isOptGroup&&o.default.Children.forEach(e.props.children,(function(e){e.type.isOption&&(t+=1)}))})),t}}],(n=null)&&d(t.prototype,n),a&&d(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=f},68958:function(e,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)}function o(e,t){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:[];if(!Array.isArray(t))return t;return t.reduce((function(t,n){return Array.isArray(n)?t.concat(e(n)):t.concat(n)}),[])}}}]); \ No newline at end of file diff --git a/17636-2479d37a507bedb8f092.css b/17636-2479d37a507bedb8f092.css new file mode 100644 index 000000000..eb6b1bf37 --- /dev/null +++ b/17636-2479d37a507bedb8f092.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} +.EmbeddedContentConsumer-module__clinical-lowlight-theme___Y-7gZ{--terra-embedded-content-consumer-focus-outline: 2px dashed #b2b5b6}.EmbeddedContentConsumer-module__orion-fusion-theme___HMkpu{--terra-embedded-content-consumer-focus-outline: 2px solid #3496cf}[dir] .EmbeddedContentConsumer-module__iframe-style___34iDm{margin-bottom:4px;margin-top:4px}.EmbeddedContentConsumer-module__iframe-focus-style___c\+apB{outline:2px dashed #000;outline:var(--terra-embedded-content-consumer-focus-outline, 2px dashed #000);outline-offset:1px}.EmbeddedContentConsumer-module__visually-hidden-text___6-kvV{height:0} +[dir] .EmbeddedContentConsumerCommon-module__content-wrapper___c217N{padding:1.25rem}iframe{width:100%}[dir] iframe{border:0} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/17638-c961ac4f3d4b03c38f71.js b/17638-c961ac4f3d4b03c38f71.js new file mode 100644 index 000000000..dba4e4056 --- /dev/null +++ b/17638-c961ac4f3d4b03c38f71.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17638],{26159:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(54520)),r=n(22678),l=n(5485),i={key:"uid_1",label:{display:"Data Label 1"},color:o.default.helpers.COLORS.BLACK,onClick:r.loadPopup,values:(0,l.createGraphValuesWithSin)({length:20,initialX:85,xModifier:10,yModifier:Math.PI})};t.default=i},5485:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createGraphValuesWithSin=t.createGraphValuesWithCos=void 0;t.createGraphValuesWithSin=function(e){var t=e.length,n=e.initialX,a=e.xModifier,o=e.yModifier;return new Array(t).fill("").map((function(e,t){return{y:Math.sin(t)*o,x:n+t*a}}))},t.createGraphValuesWithCos=function(e){var t=e.length,n=e.initialX,a=e.xModifier,o=e.yModifier;return new Array(t).fill("").map((function(e,t){return{y:Math.cos(t)*o,x:n+t*a}}))}},87063:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,label:"Data",lowerLimit:80,upperLimit:280},y:{show:!0,label:"Line Set A",lowerLimit:-18,upperLimit:18},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0}}},22678:function(e,t,n){"use strict";var a=n(64836),o=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.loadY2AxisLabelPopup=t.loadXAndYAxisLabelPopup=t.loadTrackPopup=t.loadTimelinePopup=t.loadTextLabelPopup=t.loadTaskPopup=t.loadPopup=t.loadPiePopup=t.loadDatelinePopup=t.loadBubblePopup=t.loadBarPopup=void 0;var r=a(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=s(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(79590)),i=a(n(88703)),p=a(n(53334));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)}var c=function(e){return new Date(e).toLocaleString()},u=function(e){return e?d(e)?c(e):e:null},d=function(e){return e instanceof Date},f=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t),a.append("g").classed("popup-text",!0).text(n)},y=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t);for(var o=a.append("g").classed("section",!0),l=function(){var e=p[i],t=o.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var n=(0,r.default)(e,2),a=n[0],o=n[1],l=t.append("g").classed("popup-item",!0);l.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),l.append("g").classed("popup-text",!0).text(o)}))},i=0,p=Object.values(n);i0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),y(a,"Tasks",p)}if(r&&r.length>0){var s=[];r.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),y(a,"Activities",s)}if(l&&l.length>0){var c=[];l.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),y(a,"Events",c)}if(i&&i.length>0){var u=[];i.forEach((function(e){u.push({name:e.key,values:e.values.join(", ")})})),y(a,"Actions",u)}},t.loadTaskPopup=function(e,t,n,a){v();var o=m(e).append("g"),r=a.label,l=a.display,i=a.y,p=a.startDate,s=a.endDate,u=a.percentage;r&&f(o,"Task Name",l),f(o,"Track",i),f(o,"Start Date",c(p)),f(o,"End Date",c(s)),u&&f(o,"Percentage",u)},t.loadDatelinePopup=function(e,t){v();var n=m(e).append("g"),a=t.label,o=t.value;a&&f(n,"Milestone",a.display),f(n,"Date",c(o))},t.loadTimelinePopup=function(e,t,n,a){v();var o=m(e).append("g"),r=a.x,l=(a.y,a.label),i=a.content;f(o,"X axis","".concat(d(r)?c(r):r)),f(o,"".concat(l.display),i)},t.loadPiePopup=function(e,t,n,a){v();var o=m(e).append("g"),r=a.label,l=a.value;f(o,r.display,l)}},93065:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(45697));n(80244);var l={id:r.default.string.isRequired},i=function(e){return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),o.default.createElement("div",{id:e.id,className:"example-graph-container"}))};i.propTypes=l;t.default=i},60400:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),o=["components"];function r(){return r=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}var i={},p="wrapper";function s(e){var t=e.components,n=l(e,o);return(0,a.mdx)(p,r({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\nimport { createGraphValuesWithSin } from '../createGraphValues';\n\nconst data = {\n key: 'uid_1',\n label: {\n display: 'Data Label 1',\n },\n color: Carbon.helpers.COLORS.BLACK,\n onClick: loadPopup,\n values: createGraphValuesWithSin({\n length: 20, initialX: 85, xModifier: 10, yModifier: Math.PI,\n }),\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0},61775:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),o=["components"];function r(){return r=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}var i={},p="wrapper";function s(e){var t=e.components,n=l(e,o);return(0,a.mdx)(p,r({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const getLineDefaultConfig = (id) => ({\n bindTo: id,\n bindLegendTo: null,\n axis: {\n x: {\n show: true,\n label: 'Data',\n lowerLimit: 80,\n upperLimit: 280,\n },\n y: {\n show: true,\n label: 'Line Set A',\n lowerLimit: -18,\n upperLimit: 18,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getLineDefaultConfig;\n\n\n")))}s.isMDXComponent=!0},51320:function(e,t,n){var a,o;void 0===(o="function"==typeof(a=function(){var e="details",t="summary";function n(e){if("summary"===e.target.nodeName.toLowerCase()){var t=e.target.parentNode;if(!t)return;t.getAttribute("open")?(t.open=!1,t.removeAttribute("open")):(t.open=!0,t.setAttribute("open","open"))}}function a(){var n=document.createElement(e);if(!("open"in n))return!1;n.innerHTML="<"+t+">ab",document.body.appendChild(n);var a=n.offsetHeight;n.open=!0;var o=a!=n.offsetHeight;return document.body.removeChild(n),o}function o(e,t){if(!document.getElementById(e)){var n=document.createElement("style");n.id=e,n.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(n)}}a()||(document.documentElement.className+=" no-details",window.addEventListener("click",n),o("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+t+") { display: none; }\nhtml.no-details "+e+" > "+t+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+t+':before { content: "▼"; }'))})?a.call(t,n,t,e):a)||(e.exports=o)},39003:function(e,t,n){"use strict";n.r(t),t.default={}}}]); \ No newline at end of file diff --git a/17657-6faba76b3e80306f95a0.css b/17657-6faba76b3e80306f95a0.css new file mode 100644 index 000000000..7fd7e8013 --- /dev/null +++ b/17657-6faba76b3e80306f95a0.css @@ -0,0 +1,4 @@ +.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:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/17665-7d53733058292ca8b000.css b/17665-7d53733058292ca8b000.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/17665-7d53733058292ca8b000.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/17665-7d53733058292ca8b000.js b/17665-7d53733058292ca8b000.js new file mode 100644 index 000000000..fc43839ab --- /dev/null +++ b/17665-7d53733058292ca8b000.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17665,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,n,t){var a=t(64836);n.Z=void 0;var o=a(t(67294)),r=a(t(45697)),s=a(t(19845)),i=a(t(17422)),l=s.default.bind(i.default),m={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},d=function(e){var n=e.src,t=e.name,a=e.url,r=e.version,s=o.default.createElement("a",{className:l("badge"),href:a||"https://www.npmjs.org/package/".concat(t,"/v/").concat(r)},o.default.createElement("span",{className:l("badge-name")},a?"package":"npm"),o.default.createElement("span",{className:l("badge-version")},"v".concat(r))),i=n?o.default.createElement("a",{className:l("badge"),href:n},o.default.createElement("span",{className:l("badge-name")},"github"),o.default.createElement("span",{className:l("badge-version")},"source")):void 0;return o.default.createElement("div",{className:l("badge-container")},s,i)};d.propTypes=m;var c=d;n.Z=c},17665:function(e,n,t){t.r(n),t.d(n,{default:function(){return d}});t(67294);var a=t(81254),o=t(93626),r=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var l={},m="wrapper";function d(e){var n=e.components,t=i(e,r);return(0,a.mdx)(m,s({},l,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)(o.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-postcss-theme-plugin"},"Terra Postcss Theme plugin"),(0,a.mdx)("p",null,"The purpose of this plugin is to create a default theme from a scoped theme and to remove any known themes that are not desired."),(0,a.mdx)("p",null,"The plugin will read from the ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-theme.config.js")," at root."),(0,a.mdx)("h2",{id:"configuration"},"Configuration"),(0,a.mdx)("h3",{id:"terra-themeconfigjs"},"terra-theme.config.js"),(0,a.mdx)("p",null,"Below is an example of terra-theme.config. See ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/dev_tools/cerner-terra-toolkit-docs/webpack-config-terra/terra-theme-config-js"},"theme config")," for more details about the object structure."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const themeConfig = {\n theme: 'terra-dark-theme', // The default theme.\n scoped: ['terra-light-theme', 'terra-lowlight-theme'], // An array of scoped themes.\n};\n\nmodule.exports = themeConfig;\n")),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("p",null,"To use this plugin you must have strong conventions around your theme name, include the theme class in your css and add the postcss plugin."),(0,a.mdx)("h3",{id:"css"},"CSS"),(0,a.mdx)("p",null,"This plugin makes the assumption that you are declaring theme variables under a global css class i.e. ",(0,a.mdx)("inlineCode",{parentName:"p"},".orion-fusion-theme")," and these theme files are included in such a way that they are processed by webpack."),(0,a.mdx)("p",null,"Consider the following example. The React component, ",(0,a.mdx)("inlineCode",{parentName:"p"},"Component.jsx")," pulls in and applies css styles from ",(0,a.mdx)("inlineCode",{parentName:"p"},"component.module.scss")," to the wrapper div. You will also notice it is getting the current theme set on the application from the ",(0,a.mdx)("inlineCode",{parentName:"p"},"ThemeContext")," and is also applying the current theme name to the div."),(0,a.mdx)("p",null,"If the current theme was ",(0,a.mdx)("inlineCode",{parentName:"p"},"orion-fusion-theme")," the ",(0,a.mdx)("inlineCode",{parentName:"p"},"orion-fusion-theme")," classname would be applied and the styles from ",(0,a.mdx)("inlineCode",{parentName:"p"},"component.orion-fusion-theme.module.scss")," would be applied since it is imported into ",(0,a.mdx)("inlineCode",{parentName:"p"},"component.module.scss")," and was processed by webpack."),(0,a.mdx)("h4",{id:"componentjsx"},"Component.jsx"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { ThemeContext } from 'terra-application/lib/theme';\n\nimport styles from './component.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst Component = ({children}) => {\n const theme = React.useContext(ThemeContext);\n return (\n
\n {children}\n
\n );\n};\n\nexport default Component;\n")),(0,a.mdx)("p",null,"The scss file includes the themefile and applies the css variable to the css property. Breaking the theme variable out into their own files is purely convention and not required for this plugin. By convention we name the file ",(0,a.mdx)("inlineCode",{parentName:"p"},"..module.scss"),"."),(0,a.mdx)("h4",{id:"componentmodulescss"},"component.module.scss"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"// Themes\n@import './component.orion-fusion-theme.module';\n\n:local {\n .div {\n background-color: var(--component-background-color, orange),\n }\n}\n")),(0,a.mdx)("p",null,"The theme file declares the ",(0,a.mdx)("inlineCode",{parentName:"p"},".orion-fusion-theme")," as a global class and defines the css variable."),(0,a.mdx)("h4",{id:"componentorion-fusion-thememodulescss"},"component.orion-fusion-theme.module.scss"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .orion-fusion-theme {\n --terra-button-background-color-neutral: purple;\n }\n}\n")),(0,a.mdx)("h3",{id:"webpack"},"Webpack"),(0,a.mdx)("p",null,"This plugin is already included in the default webpack config. Below is an example of how you could include it in your own webpack config, but we strongly recommend you extend terra's config instead of creating your own. It's intended to be included before css modules are processed."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const ThemePlugin = require('terra-toolkit/scripts/postcss/ThemePlugin');\n...\n {\n loader: 'postcss-loader',\n options: {\n ident: 'postcss',\n plugins: [\n ThemePlugin(themeConfig),\n ],\n },\n },\n...\n")))}d.isMDXComponent=!0},93626:function(e,n,t){t.d(n,{C:function(){return r}});var a=t(67294),o=t(22863),r=function(e){var n=e.url;return a.createElement(o.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/webpack-config-terra",name:"@cerner/webpack-config-terra",version:"3.3.0",url:n})}},17422: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"}}}]); \ No newline at end of file diff --git a/17798-0abbcddb20466444cbd3.css b/17798-0abbcddb20466444cbd3.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/17798-0abbcddb20466444cbd3.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/17798-0abbcddb20466444cbd3.js b/17798-0abbcddb20466444cbd3.js new file mode 100644 index 000000000..b3593527a --- /dev/null +++ b/17798-0abbcddb20466444cbd3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17798,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),i=n(a(45697)),o=n(a(19845)),s=n(a(17422)),l=o.default.bind(s.default),m={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},d=function(e){var t=e.src,a=e.name,n=e.url,i=e.version,o=r.default.createElement("a",{className:l("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(i)},r.default.createElement("span",{className:l("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:l("badge-version")},"v".concat(i))),s=t?r.default.createElement("a",{className:l("badge"),href:t},r.default.createElement("span",{className:l("badge-name")},"github"),r.default.createElement("span",{className:l("badge-version")},"source")):void 0;return r.default.createElement("div",{className:l("badge-container")},o,s)};d.propTypes=m;var u=d;t.Z=u},17798:function(e,t,a){a.r(t),a.d(t,{default:function(){return d}});a(67294);var n=a(81254),r=a(86377),i=["components"];function o(){return o=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 i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var l={},m="wrapper";function d(e){var t=e.components,a=s(e,i);return(0,n.mdx)(m,o({},l,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"accessibility-guide-for-terra-arrange"},"Accessibility Guide for Terra Arrange"),(0,n.mdx)("h2",{id:"why-is-it-important-for-terra-arrange-to-meet-accessibility-guidelines-"},"Why is it important for Terra Arrange to meet accessibility guidelines ?"),(0,n.mdx)("blockquote",null,(0,n.mdx)("p",{parentName:"blockquote"},"Terra Arrange is a component used for setting the content layout alignment to be top/bottom/right/left. CSS alignment does not affect the accessibility, however it is crucial to ensure that the screen reader reads the content in the same manner as to how the content is visually present. If the content is aligned with any position property to make it look in different place which will create a complexity for the screen reader user to get the correct reading order. "),(0,n.mdx)("p",{parentName:"blockquote"},"Making the DOM order same as visual order will help the assistive technology users to get the correct reading order. "),(0,n.mdx)("p",{parentName:"blockquote"},"Arrange may also have interactive elements which need to be keyboard focusable and acted upon using the standard expected keyboard behaviors. "),(0,n.mdx)("ul",{parentName:"blockquote"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Screen reader users")," do not necessarily interact with the page in a linear fashion and can use Arrange out of context. Hence, a descriptive label is necessary for each interactive element."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"People using speech input software")," require unique labels for the interactive elements to effectively understand them.  "),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Keyboard only users")," navigate the page using only a keyboard. Actionable elements must be keyboard accessible for keyboard only users to interact with it. Additionally, a visible keyboard focus indicator is needed to see where they are currently on the page.  "))),(0,n.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations:"),(0,n.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Ensure the content in the arrange component is reading in logical manner in assistive technology. The DOM structure needs to be in the form the UI order. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure the interactive elements are receiving TAB focus and user able to interact with it. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure the content is available in 200% text only zoom. Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure the content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: Vertical scrolling content at a width equivalent to 320 CSS pixels; Horizontal scrolling content at a height when window is resized to 400%."),(0,n.mdx)("li",{parentName:"ul"},"Ensure Terra Arrange is not used to create and arrange tabular data that has relationships to columns and rows. Instead, use Terra Table or Terra HTML Table.")),(0,n.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange must not be used to create and arrange tabular data that has relationships to columns and rows. That is to say do not use\nTerra arrange to create visible tables. Instead, use Terra Table or Terra HTML Table. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure all interactive elements have descriptive labels that describe their purpose. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"For each interactive element within Arrange, provide the engineers with a meaningful label. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure each interactive element label is unique to the page. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"If multiple elements with the same name are used, they must perform the same exact function (e.g., download the same file). "),(0,n.mdx)("li",{parentName:"ul"},"Or it must be programmatically associated with other visible and related content on the page that can help users understand the purpose of elements. "))),(0,n.mdx)("li",{parentName:"ul"},"If the label is text, the visible text must match the programmatic label. "),(0,n.mdx)("li",{parentName:"ul"},"All icons used within interactive elements that convey meaning must have an accessible name (alternate content). ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"The icon must be intuitive for the functionality it represents. "),(0,n.mdx)("li",{parentName:"ul"},"The icon must be named consistently across the product. "),(0,n.mdx)("li",{parentName:"ul"},"Icons must be used to represent the same function consistently (don’t use multiple icons for the same functionality) "))),(0,n.mdx)("li",{parentName:"ul"},"Any purely decorative icon (does NOT convey any meaning) within a button must be marked as decorative. "))),(0,n.mdx)("li",{parentName:"ul"},"Consider how content will adjust to resizing text or reflowing content at different viewpoints. Users may have settings that change the font size, style, or other text attributes. They may also resize a window or zoom into the content. All these things can cause content to resize or reflow, and when it does, content must not overlap, be cut off, or become unusable. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure all content is perceivable by meeting all the color contrast requirements. "),(0,n.mdx)("li",{parentName:"ul"},"After development, ensure all actionable elements inside of Arrange is keyboard accessible and work as expected. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure actionable elements inside Arrange has a visible keyboard focus when accessed using the keyboard. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure the Arrange does not cause a keyboard trap. ")))),(0,n.mdx)("h2",{id:"usability-expectations"},"Usability Expectations:"),(0,n.mdx)("h3",{id:"interaction-details"},"Interaction Details"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange has no interactions in and of itself. However, it may contain actionable elements. All actionable elements within Terra Arrange must be able to be focused via keyboard and follow the expected keyboard behavior per actionable element, and proper labeling should be announced in the screen reader. ")),(0,n.mdx)("h3",{id:"usability-expectations-1"},"Usability Expectations:"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"The user expects the button would be performing an action indicated in the button label. ")),(0,n.mdx)("h3",{id:"keyboard-expectations"},"Keyboard Expectations"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange has no expected keyboard behaviors itself. However, the content within it will follow the basic keyboard behaviors. ")),(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},"Key Sequence"),(0,n.mdx)("th",{parentName:"tr",align:null},"Expectation"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"td"},"Tab")),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus to the interactive element")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"td"},"Arrow keys")),(0,n.mdx)("td",{parentName:"tr",align:null},"Read the content in logical manner")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"td"},"Enter/Return/Spacebar")),(0,n.mdx)("td",{parentName:"tr",align:null},"Executes the button and moves focus to the target place.")))),(0,n.mdx)("h2",{id:"support-compliance"},"Support Compliance:"),(0,n.mdx)("h3",{id:"how-does-arrange-support-compliance"},"How does Arrange support compliance?"),(0,n.mdx)("blockquote",null,(0,n.mdx)("p",{parentName:"blockquote"},"Terra is committed to ensuring its components provide maximum possible accessibility. Terra provides the ability to make accessibility products. However, using Terra components will not automatically make a product accessible. "),(0,n.mdx)("p",{parentName:"blockquote"},"Final responsibility lies with the consumers of Terra components — ensuring proper usage, programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible. ")),(0,n.mdx)("h3",{id:"primary-accessibility-criteria-for-arrange"},"Primary accessibility criteria for Arrange "),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.1.1+Non-text+Content"},"1.1.1 Non-text Content")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability to use icons inside a button. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure when an icon conveys meaning, to add appropriate ALT text to create a meaningful button label. "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with meaningful text when using icons that convey meaning. "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.3.1+Info+and+Relationships"},"1.3.1 Info and Relationships")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for information, structure, and relationships to be programmatically determined. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure the heading hierarchy is followed from h1 to h6 order to give the meaningful order to assistive technology users. "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.3+Contrast"},"1.4.3 Contrast (Minimum)")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange provides icons/buttons by default, meet color contrast requirements.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must work with content creators to implement icons so that the foreground and the background color meet appropriate color contrast ratios.   "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must ensure that the button label color meets the appropriate contrast ratio against background color(s) based on text size of the visual label text. Contrast ratios should be above 4.5:1 for normal text and 3:1 for bold and large text.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.4+Resize+Text"},"1.4.4 Resize text")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for text to be resized and zoomed without loss of information or function.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure content other than captions and images of text can be up to 200 percent without loss of content or functionality.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.10+Reflow"},"1.4.10 Reflow")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for components to reflow when the viewport is resized to 320x256 px without loss of information or function. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure content within the Terra component can reflow when the viewport is resized to 320 x 256 px without scrolling in two directions or loss of information or functionality. "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must consider the responsive nature of Terra component and provide engineers guidance on how content should reflow when the viewport is resized to 320 x 256 px "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.1.1+Keyboard"},"2.1.1 Keyboard")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra ensures Terra Arrange supports basic keyboard functionality.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure Arrange is keyboard accessible and not override any basic keyboard functionality and follow the tab index values such as tabindex=0  "),(0,n.mdx)("li",{parentName:"ul"},"Ensure all contents can be accessed, interacted with and acted upon using only the keyboard.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.1.2+No+Keyboard+Trap"},"2.1.2 No Keyboard Trap")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange will not cause a keyboard trap on its own.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineer and Content Creators must ensure Arrange does not cause a keyboard trap when implemented within code.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.4.3+Focus+Order"},"2.4.3 Focus Order")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides consuming teams the ability to create a logical focus for the user.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must never set a TABINDEX of greater than zero. Code should be written to match the users logical reading order.  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators ensure that engineers understand the users logical reading order.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.4.7+Focus+Visible"},"2.4.7 Focus Visible")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra ensures a visible keyboard focus is built into the component.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers and Content Creators must ensure the visible indication must be maintained for buttons/icons and must meet the sufficient color contrast ratio.  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that whenever buttons/icons receive focus, the focus must be visible and maintain existing Terra Keyboard Focus styles.   "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/4.1.1+Parsing"},"4.1.1 Parsing")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra components are tested and validated before release to ensure proper parsing of code.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure this criterion is met.  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must inform engineers about the proper parsing of code.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/4.1.2+Name%2C+Role%2C+Value"},"4.1.2 Name, Role, Value")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for Name, Role, and Value attributes to be programmatically determined for screen readers to effectively communicate to the user.   "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure the programmatic label matches the visible label.   ")))),(0,n.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-arrange"},"Related accessibility criteria that apply when adding content to Arrange"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/3.2.1+On+Focus"},"3.2.1 On Focus")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra components do not cause a change of context on focus by default.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure that no unexpected change of context happens when interactive elements receive focus or when focus is removed (on blur).  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that it should not cause any change while on focus.   "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/3.2.2+On+Input"},"3.2.2 On Input")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange does not cause an unexpected change of context on input. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure nothing unexpected happens on input.  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must also ensure buttons/icons do not create a change of context for the user. If there is a change of context on input, the user must be warned (with text) before the user activates the button.   ")))),(0,n.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Keyboard Interactions "),(0,n.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC) "),(0,n.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC) ")),(0,n.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"NVDA not tested (PC) "),(0,n.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology "),(0,n.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology "),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub")," ")),(0,n.mdx)("h2",{id:"linked-references"},"Linked References:"),(0,n.mdx)("ol",null,(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure"},"W3C WAI Aria: Use heading to convey meaning and structure  ")),(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/WCAG21/#:~:text=%20Web%20Content%20Accessibility%20Guidelines%20%28WCAG%29%202.1%20defines,physical%2C%20speech%2C%20cognitive%2C%20language%2C%20learning%2C%20and%20neurological%20disabilities"},"Web Content Accessibility Guidelines"))))}d.isMDXComponent=!0},86377:function(e,t,a){a.d(t,{C:function(){return i}});var n=a(67294),r=a(22863),i=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-arrange",name:"terra-arrange",version:"3.55.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/17989-648247b3fe1ded9e4123.js b/17989-648247b3fe1ded9e4123.js new file mode 100644 index 000000000..ae0daec81 --- /dev/null +++ b/17989-648247b3fe1ded9e4123.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17989],{97318:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(54520)),o={key:"dynamic_panning_dataset",label:{high:{display:"High"},mid:{display:"Median"},low:{display:"Low"}},onClick:n(22678).loadPopup,shape:{high:r.default.helpers.SHAPES.DARK.TEAR_ALT,mid:r.default.helpers.SHAPES.DARK.RHOMBUS,low:r.default.helpers.SHAPES.DARK.TEAR_DROP},color:{high:r.default.helpers.COLORS.BLACK,mid:r.default.helpers.COLORS.BLUE,low:r.default.helpers.COLORS.BLACK},values:[{high:{x:"2016-01-02T00:30:00.000Z",y:150},mid:{x:"2016-01-02T00:30:00.000Z",y:40},low:{x:"2016-01-02T00:30:00.000Z",y:10}},{high:{x:"2016-01-02T05:30:00.000Z",y:110},mid:{x:"2016-01-02T05:30:00.000Z",y:70},low:{x:"2016-01-02T05:30:00.000Z",y:30}}]};t.default=o},55913:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default={key:"dynamic_panning_dataset",values:[{high:{x:"2016-01-02T00:30:00.000Z",y:160},mid:{x:"2016-01-02T00:30:00.000Z",y:40},low:{x:"2016-01-02T00:30:00.000Z",y:10}},{high:{x:"2016-01-02T03:30:00.000Z",y:100},mid:{x:"2016-01-02T03:30:00.000Z",y:30},low:{x:"2016-01-02T03:30:00.000Z",y:10}},{high:{x:"2016-01-02T05:30:00.000Z",y:100},mid:{x:"2016-01-02T05:30:00.000Z",y:70},low:{x:"2016-01-02T05:30:00.000Z",y:30}}]}},2656:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(54520));t.default=function(e){return{bindTo:e,axis:{x:{type:r.default.helpers.AXIS_TYPE.TIME_SERIES,label:"Datetime",lowerLimit:new Date(2016,0,1,0).toISOString(),upperLimit:new Date(2016,0,2,0).toISOString(),ticks:{}},y:{label:"Paired Set A",lowerLimit:0,upperLimit:200},y2:{show:!1,label:"Paired Set B",lowerLimit:100,upperLimit:350}},pan:{enabled:!0},showLabel:!0,showLegend:!0,showVGrid:!0,showHGrid:!0}}},22678:function(e,t,n){"use strict";var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.loadY2AxisLabelPopup=t.loadXAndYAxisLabelPopup=t.loadTrackPopup=t.loadTimelinePopup=t.loadTextLabelPopup=t.loadTaskPopup=t.loadPopup=t.loadPiePopup=t.loadDatelinePopup=t.loadBubblePopup=t.loadBarPopup=void 0;var o=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(79590)),l=a(n(88703)),p=a(n(53334));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)}var c=function(e){return new Date(e).toLocaleString()},d=function(e){return e?u(e)?c(e):e:null},u=function(e){return e instanceof Date},f=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t),a.append("g").classed("popup-text",!0).text(n)},m=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t);for(var r=a.append("g").classed("section",!0),i=function(){var e=p[l],t=r.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var n=(0,o.default)(e,2),a=n[0],r=n[1],i=t.append("g").classed("popup-item",!0);i.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),i.append("g").classed("popup-text",!0).text(r)}))},l=0,p=Object.values(n);l0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Tasks",p)}if(o&&o.length>0){var s=[];o.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Activities",s)}if(i&&i.length>0){var c=[];i.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),m(a,"Events",c)}if(l&&l.length>0){var d=[];l.forEach((function(e){d.push({name:e.key,values:e.values.join(", ")})})),m(a,"Actions",d)}},t.loadTaskPopup=function(e,t,n,a){y();var r=g(e).append("g"),o=a.label,i=a.display,l=a.y,p=a.startDate,s=a.endDate,d=a.percentage;o&&f(r,"Task Name",i),f(r,"Track",l),f(r,"Start Date",c(p)),f(r,"End Date",c(s)),d&&f(r,"Percentage",d)},t.loadDatelinePopup=function(e,t){y();var n=g(e).append("g"),a=t.label,r=t.value;a&&f(n,"Milestone",a.display),f(n,"Date",c(r))},t.loadTimelinePopup=function(e,t,n,a){y();var r=g(e).append("g"),o=a.x,i=(a.y,a.label),l=a.content;f(r,"X axis","".concat(u(o)?c(o):o)),f(r,"".concat(i.display),l)},t.loadPiePopup=function(e,t,n,a){y();var r=g(e).append("g"),o=a.label,i=a.value;f(r,o.display,i)}},93065:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),o=a(n(45697));n(80244);var i={id:o.default.string.isRequired},l=function(e){return r.default.createElement(r.default.Fragment,null,r.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),r.default.createElement("div",{id:e.id,className:"example-graph-container"}))};l.propTypes=i;t.default=l},41749:function(e,t,n){"use strict";var a=n(64836);t.Z=void 0;var r=a(n(27424)),o=a(n(67294)),i=a(n(55281)),l=a(n(54520)),p=a(n(53334));n(56867),n(379);var s,c=a(n(93065)),d=a(n(2656)),u=a(n(97318)),f=a(n(55913)),m=[p.default.deepClone(u.default)],g=p.default.deepClone((0,d.default)("#PairedResultDynamicData")),y={initial:0,factor:3};t.Z=function(){o.default.useEffect((function(){s=l.default.api.graph(g),m.forEach((function(e){s.loadContent(l.default.api.pairedResult(e))}))}),[]);var e=o.default.useReducer((function(e,t){var n;switch(t.type){case"panLeft":n=e.initial-e.factor;break;case"panRight":n=e.initial+e.factor;break;default:return e}return{initial:n,factor:e.factor}}),y),t=(0,r.default)(e,2),n=t[0],a=t[1];return o.default.useLayoutEffect((function(){if(s){s.config.axis.x.lowerLimit=new Date(2016,0,1,n.initial).toISOString(),s.config.axis.x.upperLimit=new Date(2016,0,2,n.initial).toISOString();var e={panData:[p.default.deepClone(f.default)]};s.reflowMultipleDatasets(e)}}),[n.initial]),o.default.createElement(o.default.Fragment,null,o.default.createElement(i.default,{className:"button-pan-left",text:"<",onClick:function(){return a({type:"panLeft"})}}),o.default.createElement(i.default,{className:"button-pan-right",text:">",onClick:function(){return a({type:"panRight"})}}),o.default.createElement(c.default,{id:"PairedResultDynamicData"}))}},17989:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return k}});var a=n(67294),r=n(81254),o=n(41749),i=["components"];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}var s={};function c(e){var t=e.components,n=p(e,i);return(0,r.mdx)("wrapper",l({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button/lib/Button';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/PairedResult/PairedResultGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getPairedResultTimeseriesPanningConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/PairedResult/pairedResultPanning';\nimport dataset1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/PairedResult/pairedResultDynamicPanningDataset1';\nimport dataset2 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/PairedResult/pairedResultDynamicPanningDataset2';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\nconst dataset = [utils.deepClone(dataset1)];\nconst graphConfig = utils.deepClone(getPairedResultTimeseriesPanningConfig('#PairedResultDynamicData'));\n\nconst state = {\n initial: 0,\n factor: 3,\n};\nlet graph;\n\nconst PairedResultDynamicDataPanningExample = () => {\n React.useEffect(() => {\n graph = Carbon.api.graph(graphConfig);\n dataset.forEach((data) => {\n graph.loadContent(Carbon.api.pairedResult(data));\n });\n }, []);\n\n const reducer = (panState, action) => {\n let hour;\n\n switch (action.type) {\n case 'panLeft':\n hour = panState.initial - panState.factor;\n break;\n case 'panRight':\n hour = panState.initial + panState.factor;\n break;\n default:\n return panState;\n }\n\n return {\n initial: hour,\n factor: panState.factor,\n };\n };\n\n const [panState, dispatch] = React.useReducer(reducer, state);\n\n React.useLayoutEffect(() => {\n if (!graph) { return; }\n\n graph.config.axis.x.lowerLimit = new Date(2016, 0, 1, panState.initial).toISOString();\n graph.config.axis.x.upperLimit = new Date(2016, 0, 2, panState.initial).toISOString();\n\n const newDataset = {\n panData: [utils.deepClone(dataset2)],\n };\n\n graph.reflowMultipleDatasets(newDataset);\n }, [panState.initial]);\n\n return (\n <>\n \n \n \n\n'))),(0,a.mdx)("p",null,"The screen reader user will hear something like: ",(0,a.mdx)("samp",null," Group: Playback Controls. Button image Rewind. Button image Play. Button image Fast Forward."))),(0,a.mdx)("h4",{id:"groups-of-meaningful-icons"},"Groups of Meaningful Icons"),(0,a.mdx)("p",null,"Some icons only make sense in the context of a group of icons. For example, in a five-star rating system each star icon only makes sense when used with the other four stars."),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"5",mdxType:"Notice"},(0,a.mdx)("h6",{id:"accessibility-guidance-using-groups-of-icons"},"Accessibility Guidance: Using groups of icons"),(0,a.mdx)("div",{"aria-label":"Example demo"},(0,a.mdx)(c.Z,{mdxType:"A11yGroupReadOnly"})),(0,a.mdx)("div",{"aria-label":"Example code"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"import { IconFeaturedOutline, IconFeaturedOutlineYellow } from 'terra-icon';\n\n// Rating: \n\n\n\n\n\n"))),(0,a.mdx)("p",null,"The first star icon ",(0,a.mdx)("span",{role:"presentation"},"(",(0,a.mdx)(o.IconFeaturedOutlineYellow,{mdxType:"FilledStar"}),")")," is meaningful and conveys the rating to the screen reader user. The other icons ",(0,a.mdx)("span",{role:"presentation"},"(",(0,a.mdx)(o.IconFeaturedOutlineYellow,{mdxType:"FilledDecorativeStar"})," and ",(0,a.mdx)(o.IconFeaturedOff,{mdxType:"EmptyDecorativeStar"}),")")," are decorative so that the screen reader won't mention them. Mentioning the other icons in the group provides no benefit and serves only to confuse the user.\nThe screen reader user will hear something like: ",(0,a.mdx)("samp",null,"Rating. Four out of five stars.")),(0,a.mdx)("h6",{id:"accessibility-guidance-an-interactive-group-of-icons"},"Accessibility Guidance: An interactive group of icons"),(0,a.mdx)("div",{"aria-label":"Example demo"},(0,a.mdx)(d.Z,{mdxType:"A11yGroupInteractive"})),(0,a.mdx)("div",{"aria-label":"Example code"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'import { IconFeaturedOutline, IconFeaturedOutlineYellow } from \'terra-icon\';\nimport VisuallyHiddenText from \'terra-visually-hidden-text\';\n\nRating: \n\n\n\n\n\n\n'))),(0,a.mdx)("p",null,"This example shows important differences in how to handle an interactive group of icons: That the user can click on any of the stars (links) to change the rating. You must convey what will happen when the user clicks on each icon. The meaning of the rating is conveyed by the ",(0,a.mdx)("inlineCode",{parentName:"p"},"")," given first. Each star icon ",(0,a.mdx)("span",{role:"presentation"},"(",(0,a.mdx)(o.IconFeaturedOutlineYellow,{mdxType:"FilledStar"})," and ",(0,a.mdx)(o.IconFeaturedOff,{mdxType:"EmptyStar"}),")")," describes its own action, e.g. rating an item one star."),(0,a.mdx)("p",null,"The screen reader user will hear: ",(0,a.mdx)("samp",null," Rating: Four out of five stars. Button image Rate one star. Button image Rate two stars. Button image Rate three stars. Button image Rate four stars. Button image Rate five stars."))),(0,a.mdx)("h4",{id:"when-to-use-decorative-icons"},"When to use Decorative Icons"),(0,a.mdx)("p",null,"Decorative icons provide no additional information or context. Use decorative icons when you could remove the icon entirely from the content without losing any information."),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"You do not set the ",(0,a.mdx)("inlineCode",{parentName:"li"},"a11yLabel")," prop when using a decorative icon."),(0,a.mdx)("li",{parentName:"ul"},"Decorative icons are ignored by screen readers and other assistive tech.")),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"5",mdxType:"Notice"},(0,a.mdx)("h6",{id:"accessibility-guidance-using-decorative-icons"},"Accessibility Guidance: Using decorative icons"),(0,a.mdx)("div",{"aria-label":"Example demo"},(0,a.mdx)(u.Z,{mdxType:"A11yDecorative"})),(0,a.mdx)("div",{"aria-label":"Example code"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"import { IconAnnouncement } from 'terra-icon';\n\n\n \nAnnouncement: Facilities will be closed tomorrow.\n"))),(0,a.mdx)("p",null,"This example is similar to the Announcement example above, but it uses a decorative icon instead of a meaningful one. The decorative icon is ignored by the screen reader. The screen reader user will hear something like: ",(0,a.mdx)("samp",null," Announcement: Facilities will be closed tomorrow."))),(0,a.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,a.mdx)("h3",{id:"interaction-details"},"Interaction Details"),(0,a.mdx)("p",null,"None"),(0,a.mdx)("h3",{id:"keyboard-navigation"},"Keyboard Navigation"),(0,a.mdx)("p",null,"None"),(0,a.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,a.mdx)("p",null,"Terra is committed to ensuring its components provide maximum possible accessibility. However, using Terra components will not automatically make a product accessible."),(0,a.mdx)("p",null,"Final responsibility lies with the consumers of Terra components ","—"," ensuring proper usage, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance ","—"," to make a product fully accessible."),(0,a.mdx)("h3",{id:"wcag-resources"},"WCAG Resources"),(0,a.mdx)("h4",{id:"success-criteria"},"Success Criteria"),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"Informative (non-decorative) usage of Terra Icon ",(0,a.mdx)("strong",{parentName:"em"},"must")," meet the following success criteria:")),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/quickref/#non-text-content"},(0,a.mdx)("strong",{parentName:"a"},"1.1.1 Non-text Content"))," - All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed","[","...","]",". (Level A)")),(0,a.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"None identified"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on ",(0,a.mdx)("strong",{parentName:"a"},"GitHub")))),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"For more information about Accessibility Support with Terra — go to ",(0,a.mdx)("a",{parentName:"em",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#accessibility-a11y"},"Component Standards: Accessibility (A11y)"),".")),(0,a.mdx)("h2",{id:"linked-references"},"Linked References:"),(0,a.mdx)("ol",null,(0,a.mdx)("li",{parentName:"ol"},(0,a.mdx)("p",{parentName:"li"},"Eggert, Eric; Abou-Zahra, Shadi; et al. (27 July 2019). ",(0,a.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/tutorials/images/"},'"Web Accessibility Tutorials: Image Concepts"'),". World Wide Web Consortium. Last updated 27 July 2019. Retrieved 2 March 2022.")),(0,a.mdx)("li",{parentName:"ol"},(0,a.mdx)("p",{parentName:"li"},"Deque staff (21 March 2019). ",(0,a.mdx)("a",{parentName:"p",href:"https://dequeuniversity.com/assets/pdf/module-nontext/module-nontext-checklist.pdf"},'"Summary and Checklist: Images, Canvas, SVG, and Other Non-Text Content"'),". Deque University. Published Version 2019.03.21. Retrieved 2 March 2022."))))}y.isMDXComponent=!0},42645:function(e,t,n){n.d(t,{C:function(){return i}});var a=n(67294),r=n(22863),i=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-image",name:"terra-image",version:"3.39.0",url:t})}},85984:function(e,t,n){n.r(t),t.default={whitespace:"Whitespace-module__whitespace___nfEbP","newline-1":"Whitespace-module__newline-1___JsrIt","newline-2":"Whitespace-module__newline-2___Q0uWI","newline-3":"Whitespace-module__newline-3___Q94cX","newline-4":"Whitespace-module__newline-4___20zS-","newline-5":"Whitespace-module__newline-5___nHyJ-","newline-6":"Whitespace-module__newline-6___TGqYR","newline-7":"Whitespace-module__newline-7___4YsCl","newline-8":"Whitespace-module__newline-8___NTNEl"}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},13234:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},64867:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},28301:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=m(n(67294)),r=m(n(45697)),i=m(n(93967)),o=m(n(19845)),l=m(n(29270)),d=m(n(50026)),u=m(n(13234)),c=m(n(52926)),s=["children","variant","visuallyHiddenText"];function m(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||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var h=o.default.bind(u.default),b={children:r.default.node,variant:r.default.oneOf(["default","raised"]),visuallyHiddenText:r.default.string},g={variant:"default"},y=function(e){var t=e.children,n=e.variant,r=e.visuallyHiddenText,o=f(e,s),u=a.default.useContext(d.default),c=(0,i.default)(h(["card",n,u.className]),o.className),m=r?a.default.createElement(l.default,{text:r}):null;return a.default.createElement("article",p({},o,{className:c}),m,t)};y.propTypes=b,y.defaultProps=g,y.Body=c.default;t.default=y},52926:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),r=c(n(45697)),i=c(n(93967)),o=c(n(19845)),l=c(n(50026)),d=c(n(64867)),u=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];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[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=o.default.bind(d.default),f={children:r.default.node,hasPaddingVertical:r.default.bool,hasPaddingHorizontal:r.default.bool,isContentCentered:r.default.bool},h=function(e){var t=e.children,n=e.hasPaddingVertical,r=e.hasPaddingHorizontal,o=e.isContentCentered,d=m(e,u),c=a.default.useContext(l.default),f=(0,i.default)(p([{"vertical-padding":n},{"horizontal-padding":r},{"center-content":o},c.className]),d.className);return a.default.createElement("div",s({},d,{className:f}),t)};h.propTypes=f,h.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=h}}]); \ No newline at end of file diff --git a/18449-281cc29f9a50b685ac02.css b/18449-281cc29f9a50b685ac02.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/18449-281cc29f9a50b685ac02.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/18449-281cc29f9a50b685ac02.js b/18449-281cc29f9a50b685ac02.js new file mode 100644 index 000000000..c356790c3 --- /dev/null +++ b/18449-281cc29f9a50b685ac02.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[18449,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,t,a){var r=a(64836);t.Z=void 0;var n=r(a(67294)),o=r(a(45697)),u=r(a(19845)),s=r(a(17422)),d=u.default.bind(s.default),l={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},i=function(e){var t=e.src,a=e.name,r=e.url,o=e.version,u=n.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},n.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:d("badge-version")},"v".concat(o))),s=t?n.default.createElement("a",{className:d("badge"),href:t},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")},u,s)};i.propTypes=l;var c=i;t.Z=c},18449:function(e,t,a){a.r(t),a.d(t,{default:function(){return i}});a(67294);var r=a(81254),n=a(94986),o=["components"];function u(){return u=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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var d={},l="wrapper";function i(e){var t=e.components,a=s(e,o);return(0,r.mdx)(l,u({},d,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(n.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-toggle-button-upgrade-guide"},"Terra Toggle Button Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,r.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,r.mdx)("p",null,"The following transitive dependencies had breaking changes. See their upgrade guides for more information."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"terra-button"),(0,r.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},94986:function(e,t,a){a.d(t,{C:function(){return o}});var r=a(67294),n=a(22863),o=function(e){var t=e.url;return r.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-toggle-button",name:"terra-toggle-button",version:"3.83.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/18508-bb60cb9044fb34752569.css b/18508-bb60cb9044fb34752569.css new file mode 100644 index 000000000..51420c9a5 --- /dev/null +++ b/18508-bb60cb9044fb34752569.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} +.CellGrid-module__clinical-lowlight-theme___jkhP6{--terra-cell-grid-divider-border-top: 1px solid #dedfe0;--terra-cell-grid-divider-border-bottom: 1px solid #dedfe0;--terra-cell-grid-divider-child-border-right: 1px solid #dedfe0}.CellGrid-module__orion-fusion-theme___hMH7T{--terra-cell-grid-divider-border-top: 1px solid #dedfe0;--terra-cell-grid-divider-border-bottom: 1px solid #dedfe0;--terra-cell-grid-divider-child-border-right: 1px solid #dedfe0}.CellGrid-module__cell-grid___lk5rC{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;position:relative}[dir] .CellGrid-module__divider-horizontal___95P1G, [dir] .CellGrid-module__divider-both___LFSjy{border-top:1px solid #dedfe0;border-top:var(--terra-cell-grid-divider-border-top, 1px solid #dedfe0)}[dir] .CellGrid-module__divider-horizontal___95P1G:last-of-type, [dir] .CellGrid-module__divider-both___LFSjy:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-cell-grid-divider-border-bottom, 1px solid #dedfe0)}[dir=ltr] .CellGrid-module__divider-vertical___zzmly>*, [dir=ltr] .CellGrid-module__divider-both___LFSjy>*{border-right:1px solid #dedfe0;border-right:var(--terra-cell-grid-divider-child-border-right, 1px solid #dedfe0)}[dir=rtl] .CellGrid-module__divider-vertical___zzmly>*, [dir=rtl] .CellGrid-module__divider-both___LFSjy>*{border-left:1px solid #dedfe0;border-left:var(--terra-cell-grid-divider-child-border-right, 1px solid #dedfe0)}[dir=ltr] .CellGrid-module__divider-vertical___zzmly>*:last-of-type, [dir=ltr] .CellGrid-module__divider-both___LFSjy>*:last-of-type{border-right:0}[dir=rtl] .CellGrid-module__divider-vertical___zzmly>*:last-of-type, [dir=rtl] .CellGrid-module__divider-both___LFSjy>*:last-of-type{border-left:0}@media print{.CellGrid-module__cell-grid___lk5rC{page-break-inside:avoid}} +.Cell-module__cell___JuxX3{-ms-flex:1 1 0px;flex:1 1 0;vertical-align:top;word-break:break-word}[dir=ltr] .Cell-module__cell___JuxX3{text-align:left}[dir=rtl] .Cell-module__cell___JuxX3{text-align:right} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.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/18508-bb60cb9044fb34752569.js b/18508-bb60cb9044fb34752569.js new file mode 100644 index 000000000..cc3ad5ae8 --- /dev/null +++ b/18508-bb60cb9044fb34752569.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[18508,45627,85565,37344,3353,33667,96890,79482,5161,45865,85355,80858,14041,3193,16835,4845,46647,85161,27444,17657,38681,16873,15318,40411,66097,90941,18101,38443,79057,11264,34319,62979,33315,20116,33609,12026,78996,39915,33442],{52022:function(e,t,l){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)}t.Z=void 0;var r,a=(r=l(67294))&&r.__esModule?r:{default:r},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=i(t);if(l&&l.has(e))return l.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,l&&l.set(e,r),r}(l(72577));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(i=function(e){return e?l:t})(e)}t.Z=function(){return a.default.createElement(o.default,{dividerStyle:"both"},a.default.createElement(o.Cell,{key:"cell-0",width:{static:{value:80,unit:"px"}}},"80px"),a.default.createElement(o.Cell,{key:"cell-1",width:{percentage:10}},"10%"),a.default.createElement(o.Cell,{key:"cell-2"},"Scalar 1"),a.default.createElement(o.Cell,{key:"cell-3",width:{scalar:3}},"Scalar 3"))}},6122:function(e,t,l){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)}t.Z=void 0;var r,a=(r=l(67294))&&r.__esModule?r:{default:r},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=i(t);if(l&&l.has(e))return l.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,l&&l.set(e,r),r}(l(72577));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(i=function(e){return e?l:t})(e)}t.Z=function(){return a.default.createElement(o.default,null,a.default.createElement(o.Cell,{key:"cell-0",width:{static:{value:80,unit:"px"}}},"80px"),a.default.createElement(o.Cell,{key:"cell-1",width:{percentage:10}},"10%"),a.default.createElement(o.Cell,{key:"cell-2"},"Scalar 1"),a.default.createElement(o.Cell,{key:"cell-3",width:{scalar:3}},"Scalar 3"))}},98775:function(e,t,l){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)}t.Z=void 0;var r,a=(r=l(67294))&&r.__esModule?r:{default:r},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=i(t);if(l&&l.has(e))return l.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,l&&l.set(e,r),r}(l(72577));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(i=function(e){return e?l:t})(e)}t.Z=function(){return a.default.createElement(o.default,{dividerStyle:"horizontal"},a.default.createElement(o.Cell,{key:"cell-0",width:{static:{value:80,unit:"px"}}},"80px"),a.default.createElement(o.Cell,{key:"cell-1",width:{percentage:10}},"10%"),a.default.createElement(o.Cell,{key:"cell-2"},"Scalar 1"),a.default.createElement(o.Cell,{key:"cell-3",width:{scalar:3}},"Scalar 3"))}},36422:function(e,t,l){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)}t.Z=void 0;var r,a=(r=l(67294))&&r.__esModule?r:{default:r},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=i(t);if(l&&l.has(e))return l.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,l&&l.set(e,r),r}(l(72577));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(i=function(e){return e?l:t})(e)}t.Z=function(){return a.default.createElement(o.default,{dividerStyle:"vertical"},a.default.createElement(o.Cell,{key:"cell-0",width:{static:{value:80,unit:"px"}}},"80px"),a.default.createElement(o.Cell,{key:"cell-1",width:{percentage:10}},"10%"),a.default.createElement(o.Cell,{key:"cell-2"},"Scalar 1"),a.default.createElement(o.Cell,{key:"cell-3",width:{scalar:3}},"Scalar 3"))}},22863:function(e,t,l){var n=l(64836);t.Z=void 0;var r=n(l(67294)),a=n(l(45697)),o=n(l(19845)),i=n(l(17422)),d=o.default.bind(i.default),c={name:a.default.string.isRequired,src:a.default.string,url:a.default.string,version:a.default.string.isRequired},u=function(e){var t=e.src,l=e.name,n=e.url,a=e.version,o=r.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(l,"/v/").concat(a)},r.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(a))),i=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,i)};u.propTypes=c;var p=u;t.Z=p},49271:function(e,t,l){var n=l(64836),r=l(18698);t.Z=void 0;var a=n(l(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var l=f(t);if(l&&l.has(e))return l.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}n.default=e,l&&l.set(e,n);return n}(l(67294)),i=n(l(45697)),d=n(l(19845)),c=l(21538),u=n(l(33864)),p=n(l(23399)),m=l(51051),s=n(l(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(f=function(e){return e?l:t})(e)}var y=d.default.bind(s.default),x={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,l=e.exampleSrc,n=e.exampleCssSrc,r=e.title,i=e.description,d=e.isExpanded,s=(0,o.useState)(d),f=(0,a.default)(s,2),x=f[0],g=f[1],h=(0,o.useState)(!1),_=(0,a.default)(h,2),O=_[0],C=_[1],w=o.default.useContext(c.ThemeContext),j=void 0!==n,E=function(){C(!O),x&&g(!x)},T=function(){g(!x),O&&C(!O)},S=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:y("template",w.className)},o.default.createElement("div",{className:y("header")},r&&o.default.createElement("h2",{className:y("title")},r)),o.default.createElement("div",{className:y("content")},i&&o.default.createElement("div",{className:y("description")},i),t),o.default.createElement("div",{className:y("footer")},l?o.default.createElement("div",{className:y("button-container")},j&&o.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":O}),onClick:E,onKeyDown:function(e){return S(e,E)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:y("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(p.default,{className:y("chevron")})),o.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":x}),onClick:T,onKeyDown:function(e){return S(e,T)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:y("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(p.default,{className:y("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:y("css")},n),x&&o.default.createElement("div",{className:y("code")},l))))};g.propTypes=x,g.defaultProps={isExpanded:!1};var h=g;t.Z=h},11055:function(e,t,l){l.r(t),l.d(t,{default:function(){return $}});var n=l(67294),r=l(81254),a=l(7951),o=l(6122),i=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var u={};function p(e){var t=e.components,l=c(e,i);return(0,r.mdx)("wrapper",d({},u,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport CellGrid, {\n Cell,\n} from \'terra-cell-grid\';\n\nconst CellGridExample = () => (\n \n 80px\n 10%\n Scalar 1\n Scalar 3\n \n);\n\nexport default CellGridExample;\n\n')))}p.isMDXComponent=!0;var m=l(49271),s=function(e){var t=e.title,l=e.description,r=e.isExpanded;return n.createElement(m.Z,{title:t||"Cell Grid Example",description:l,example:n.createElement(o.Z,null),exampleSrc:n.createElement(p,null),isExpanded:r})},f=l(36422),y=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var v={};function g(e){var t=e.components,l=b(e,y);return(0,r.mdx)("wrapper",x({},v,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport CellGrid, {\n Cell,\n} from \'terra-cell-grid\';\n\nconst CellGridVertical = () => (\n \n 80px\n 10%\n Scalar 1\n Scalar 3\n \n);\n\nexport default CellGridVertical;\n\n')))}g.isMDXComponent=!0;var h=function(e){var t=e.title,l=e.description,r=e.isExpanded;return n.createElement(m.Z,{title:t||"Cell Grid Vertical",description:l,example:n.createElement(f.Z,null),exampleSrc:n.createElement(g,null),isExpanded:r})},_=l(98775),O=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var j={};function E(e){var t=e.components,l=w(e,O);return(0,r.mdx)("wrapper",C({},j,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport CellGrid, {\n Cell,\n} from \'terra-cell-grid\';\n\nconst CellGridHorizontal = () => (\n \n 80px\n 10%\n Scalar 1\n Scalar 3\n \n);\n\nexport default CellGridHorizontal;\n\n')))}E.isMDXComponent=!0;var T=function(e){var t=e.title,l=e.description,r=e.isExpanded;return n.createElement(m.Z,{title:t||"Cell Grid Horizontal",description:l,example:n.createElement(_.Z,null),exampleSrc:n.createElement(E,null),isExpanded:r})},S=l(52022),k=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var D={};function M(e){var t=e.components,l=P(e,k);return(0,r.mdx)("wrapper",N({},D,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport CellGrid, {\n Cell,\n} from \'terra-cell-grid\';\n\nconst CellGridBoth = () => (\n \n 80px\n 10%\n Scalar 1\n Scalar 3\n \n);\n\nexport default CellGridBoth;\n\n')))}M.isMDXComponent=!0;var G=function(e){var t=e.title,l=e.description,r=e.isExpanded;return n.createElement(m.Z,{title:t||"Cell Grid Both",description:l,example:n.createElement(S.Z,null),exampleSrc:n.createElement(M,null),isExpanded:r})},R=l(78530),W=["components"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var q={},B="wrapper";function z(e){var t=e.components,l=X(e,W);return(0,r.mdx)(B,Z({},q,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(R.ZP,{mdxType:"PropsTable"},(0,r.mdx)(R.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(R.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(R.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Content to be displayed for the cell."))),(0,r.mdx)(R.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(R.O,{mdxType:"PropNameCell"},"refCallback"),(0,r.mdx)(R.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function callback to get the ref of the cell."))),(0,r.mdx)(R.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(R.O,{mdxType:"PropNameCell"},"width"),(0,r.mdx)(R.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n static: {\n shape: {\n value: {\n type: 'number',\n required: true,\n },\n unit: {\n type: 'string',\n required: true,\n },\n },\n },\n percentage: {\n type: 'number',\n },\n scalar: {\n type: 'number',\n },\n},\n"))),(0,r.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Composed width for the cell. Can be provided as either a static, percentage, or scalar value.")))))}z.isMDXComponent=!0;var I=["components"];function V(){return V=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var L={},H="wrapper";function A(e){var t=e.components,l=F(e,I);return(0,r.mdx)(H,V({},L,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(R.ZP,{mdxType:"PropsTable"},(0,r.mdx)(R.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(R.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(R.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(R.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The child Cells to passed to the cell grid."))),(0,r.mdx)(R.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(R.O,{mdxType:"PropNameCell"},"dividerStyle"),(0,r.mdx)(R.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'vertical'\n 'horizontal'\n 'both'\n],\n"))),(0,r.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Indicates the desired divider styles to apply to a cell grid and its children.\nOne of ",(0,r.mdx)("inlineCode",{parentName:"p"},"'vertical'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'horizontal'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'both'"),","))),(0,r.mdx)(R.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(R.O,{mdxType:"PropNameCell"},"refCallback"),(0,r.mdx)(R.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function callback for the ref of the cell grid.")))))}A.isMDXComponent=!0;var K=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var Q={},U="wrapper";function $(e){var t=e.components,l=J(e,K);return(0,r.mdx)(U,Y({},Q,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(a.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-cell-grid"},"Terra Cell Grid"),(0,r.mdx)("p",null,"The terra-cell-grid is a structural row based layout for aligning columns with 100% of its parents width."),(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-cell-grid"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import CellGrid, { Cell} from 'terra-cell-grid';\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)(s,{title:"Default",mdxType:"CellGridExample"}),(0,r.mdx)(h,{title:"Divided Vertically",mdxType:"CellGridVertical"}),(0,r.mdx)(T,{title:"Divided Horizontally",mdxType:"CellGridHorizontal"}),(0,r.mdx)(G,{title:"Divided Both Directions",mdxType:"CellGridBoth"}),(0,r.mdx)("h2",{id:"cell-props"},"Cell Props"),(0,r.mdx)(z,{mdxType:"CellPropsTable"}),(0,r.mdx)("h2",{id:"cellgrid-props"},"CellGrid Props"),(0,r.mdx)(A,{mdxType:"CellGridPropsTable"}))}$.isMDXComponent=!0},7951:function(e,t,l){l.d(t,{C:function(){return a}});var n=l(67294),r=l(22863),a=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-cell-grid",name:"terra-cell-grid",version:"1.14.0",url:t})}},17422:function(e,t,l){l.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,l){l.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"}},90838:function(e,t,l){l.r(t),t.default={cell:"Cell-module__cell___JuxX3"}},25578:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"CellGrid-module__clinical-lowlight-theme___jkhP6","orion-fusion-theme":"CellGrid-module__orion-fusion-theme___hMH7T","cell-grid":"CellGrid-module__cell-grid___lk5rC","divider-horizontal":"CellGrid-module__divider-horizontal___95P1G","divider-both":"CellGrid-module__divider-both___LFSjy","divider-vertical":"CellGrid-module__divider-vertical___zzmly"}},54818:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(l(67294)),r=c(l(45697)),a=c(l(19845)),o=c(l(90838)),i=l(75914),d=["children","refCallback","width"];function c(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var m=a.default.bind(o.default),s={children:r.default.node,refCallback:r.default.func,width:r.default.shape({static:r.default.shape({value:r.default.number.isRequired,unit:r.default.string.isRequired}),percentage:r.default.number,scalar:r.default.number})},f=function(e){var t=e.children,l=e.refCallback,r=e.width,a=p(e,d),o=m(["cell"]);return n.default.createElement("div",u({},a,{style:(0,i.styleFromWidth)(r),className:a.className?"".concat(o," ").concat(a.className):o,ref:l}),t)};f.propTypes=s,f.defaultProps={children:[]};t.default=f},83909:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(l(67294)),r=u(l(45697)),a=u(l(93967)),o=u(l(19845)),i=u(l(50026)),d=u(l(25578)),c=["children","dividerStyle","refCallback"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var s=o.default.bind(d.default),f={children:r.default.node.isRequired,dividerStyle:r.default.oneOf(["vertical","horizontal","both"]),refCallback:r.default.func},y=function(e){var t=e.children,l=e.dividerStyle,r=e.refCallback,o=m(e,c),d=n.default.useContext(i.default),u=l?"divider-".concat(l):void 0,f=(0,a.default)(s("cell-grid",u,d.className),o.className);return n.default.createElement("div",p({},o,{className:f,ref:r}),t)};y.propTypes=f;t.default=y},75914:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.styleFromWidth=t.default=void 0;var l=function(e){return{msFlex:"0 0 0px",flex:"0 0 0px",maxWidth:e,minWidth:e}},n={styleFromWidth:t.styleFromWidth=function(e){if(e)return e.static?l("".concat(e.static.value).concat(e.static.unit)):e.percentage?l("".concat(e.percentage,"%")):e.scalar?function(e){return{msFlex:"".concat(e," ").concat(e," 0px"),flex:"".concat(e," ").concat(e," 0px")}}(e.scalar):void 0}};t.default=n},72577:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return r.default}}),t.default=void 0;var n=a(l(83909)),r=a(l(54818));function a(e){return e&&e.__esModule?e:{default:e}}t.default=n.default},33864:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(67294)),r=a(l(99139));function a(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[t]=e[t]);return r}(e,a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var m={},l="wrapper";function p(e){var a=e.components,t=o(e,i);return(0,n.mdx)(l,d({},m,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-date-time-picker-upgrade-guide"},"Terra Date Time Picker Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,n.mdx)("h3",{id:"removed-props"},"Removed props"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"minDateTime")),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"maxDateTime")),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"releaseFocus")),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"requestFocus"))),(0,n.mdx)("h3",{id:"new-props"},"New props"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"minDate")),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"maxDate")),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"onBlur")),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"onFocus")),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"onClickOutside"))),(0,n.mdx)("h3",{id:"changes-to-mindate-and-maxdate"},"Changes to minDate and maxDate"),(0,n.mdx)("p",null,"The time portion of the ISO date provided in the old ",(0,n.mdx)("inlineCode",{parentName:"p"},"minDateTime")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"maxDateTime")," props are now being ignored in the internal validation implementation and checking for ranges. Hence, these two props are renamed from ",(0,n.mdx)("inlineCode",{parentName:"p"},"minDateTime")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"maxDateTime")," to ",(0,n.mdx)("inlineCode",{parentName:"p"},"minDate")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"maxDate")," respectively. To uplift change ",(0,n.mdx)("inlineCode",{parentName:"p"},"minDateTime")," to ",(0,n.mdx)("inlineCode",{parentName:"p"},"minDate")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"maxDateTime")," to ",(0,n.mdx)("inlineCode",{parentName:"p"},"maxDate")," where applicable."),(0,n.mdx)("h3",{id:"changes-to-onblur-and-onfocus"},"Changes to onBlur and onFocus"),(0,n.mdx)("p",null,"The ",(0,n.mdx)("inlineCode",{parentName:"p"},"onBlur")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"onFocus")," props previously could be passed down as custom props. These props have now become first-class props. The ",(0,n.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop used to be triggered when focus is moved from one date time element to another date time element of the same date-time-picker component. For example, the focus is moved from the date input to the hour input. The ",(0,n.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop will still be triggered if the date time picker component did not have focus and now just gained focus. However, if the focus is then moved from one date time element to another date time element, the ",(0,n.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback now would not be triggered because the focus is still within the date time picker container. The ",(0,n.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback now behaves similar to the ",(0,n.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback where ",(0,n.mdx)("inlineCode",{parentName:"p"},"onBlur")," would not be triggered when focus is transfered from one date time element to another date time element of the same date-time-picker component. The ",(0,n.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback would be triggered only when focus is lost from the entire date time picker component."),(0,n.mdx)("h3",{id:"changes-to-filterdate"},"Changes to filterDate"),(0,n.mdx)("p",null,"The parameter in the ",(0,n.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. To uplift create a new moment using the iSO date in the parameter."),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-diff"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport DateTimePicker from 'terra-date-time-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,n.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("h4",{id:"renamed"},"Renamed"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,n.mdx)("th",{parentName:"tr",align:null},"New"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-clarification-modal-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-picker-clarification-modal-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-clarification-modal-border"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-picker-clarification-modal-border")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-clarification-modal-border-radius"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-picker-clarification-modal-border-radius")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-clarification-modal-box-shadow"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-picker-clarification-modal-box-shadow")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-clarification-modal-foreground-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-picker-clarification-modal-color")))),(0,n.mdx)("h4",{id:"added"},"Added"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-header-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-header-border-bottom-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-header-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-header-height"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-header-padding"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-title-font-size"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-title-line-height"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-button-offset-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-button-offset-height")))}p.isMDXComponent=!0},72509:function(e,a,t){t.d(a,{C:function(){return i}});var n=t(67294),r=t(22863),i=function(e){var a=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.95.0",url:a})}},17422:function(e,a,t){t.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/18683-fbc1b91590367b0dcb9a.css b/18683-fbc1b91590367b0dcb9a.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/18683-fbc1b91590367b0dcb9a.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/18683-fbc1b91590367b0dcb9a.js b/18683-fbc1b91590367b0dcb9a.js new file mode 100644 index 000000000..13594361a --- /dev/null +++ b/18683-fbc1b91590367b0dcb9a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[18683,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,l){var m=l(64836);a.Z=void 0;var d=m(l(67294)),n=m(l(45697)),r=m(l(19845)),u=m(l(17422)),i=r.default.bind(u.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:i("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:i("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(n))),u=a?d.default.createElement("a",{className:i("badge"),href:a},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;var x=p;a.Z=x},18683:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(67294);var m=l(81254),d=l(86377),n=["components"];function r(){return r=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}var i={},t="wrapper";function p(e){var a=e.components,l=u(e,n);return(0,m.mdx)(t,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"3550---november-13-2023"},"3.55.0 - (November 13, 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:"3540---october-23-2023"},"3.54.0 - (October 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed reflow issue when the viewport is resized to 320x256 px.")),(0,m.mdx)("h2",{id:"3530---august-23-2023"},"3.53.0 - (August 23, 2023)"),(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 custom styles for ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-arrange")," to avoid issues on other components.")))),(0,m.mdx)("h2",{id:"3520---august-1-2023"},"3.52.0 - (August 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Arrange to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"span")," elements instead of ",(0,m.mdx)("inlineCode",{parentName:"li"},"div"),"."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed reflow issue when zoomed to 400% and the viewport is resized to 320x256 px.")))),(0,m.mdx)("h2",{id:"3510---february-15-2023"},"3.51.0 - (February 15, 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 functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"3500---december-7-2022"},"3.50.0 - (December 7, 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:"3490---september-28-2021"},"3.49.0 - (September 28, 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 WDIO screenshots.")))),(0,m.mdx)("h2",{id:"3480---september-21-2021"},"3.48.0 - (September 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"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"3470---july-6-2021"},"3.47.0 - (July 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"},"Update test urls to account for scoped packages.")))),(0,m.mdx)("h2",{id:"3460---may-11-2021"},"3.46.0 - (May 11, 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"},"migrate doc to terra-core-docs"),(0,m.mdx)("li",{parentName:"ul"},"remove unnecessary dependencies")))),(0,m.mdx)("h2",{id:"3450---april-13-2021"},"3.45.0 - (April 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:"3440---april-6-2021"},"3.44.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"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"3430---february-2-2021"},"3.43.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:"3420---january-5-2021"},"3.42.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,m.mdx)("h2",{id:"3410---december-8-2020"},"3.41.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:"3400---november-17-2020"},"3.40.0 - (November 17, 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 wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"3390---october-27-2020"},"3.39.0 - (October 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3380---august-6-2020"},"3.38.0 - (August 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:"3370---august-4-2020"},"3.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3360---july-29-2020"},"3.36.0 - (July 29, 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 changelog formatting")))),(0,m.mdx)("h2",{id:"3350---july-7-2020"},"3.35.0 - (July 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"},"updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,m.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,m.mdx)("h2",{id:"3340---june-9-2020"},"3.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"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"3330---may-19-2020"},"3.33.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:"3320---april-28-2020"},"3.32.0 - (April 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"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"3310---april-22-2020"},"3.31.0 - (April 22, 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 docs for documentation link"),(0,m.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,m.mdx)("h2",{id:"3300---march-10-2020"},"3.30.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3290---february-18-2020"},"3.29.0 - (February 18, 2020)"),(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 generated-themes to .npmignore")))),(0,m.mdx)("h2",{id:"3280---february-4-2020"},"3.28.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"},"Update docs to use MDX syntax.")))),(0,m.mdx)("h2",{id:"3270---january-28-2020"},"3.27.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3260---january-7-2020"},"3.26.0 - (January 7, 2020)"),(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 yarn reference in docs")))),(0,m.mdx)("h2",{id:"3250---december-3-2019"},"3.25.0 - (December 3, 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 reference wdio screenshots for "orion-fusion-theme".')))),(0,m.mdx)("h2",{id:"3240---october-30-2019"},"3.24.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3230---october-3-2019"},"3.23.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 version bump")))),(0,m.mdx)("h2",{id:"3220---september-19-2019"},"3.22.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)("h2",{id:"3210---september-6-2019"},"3.21.0 - (September 6, 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"},"Props table markdown file import added to doc site page")))),(0,m.mdx)("h2",{id:"3200---september-3-2019"},"3.20.0 - (September 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 version bump")))),(0,m.mdx)("h2",{id:"3190---august-21-2019"},"3.19.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"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"3180---august-14-2019"},"3.18.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)("li",{parentName:"ul"},"Updated Props description for alignFitEnd and alignFill.")))),(0,m.mdx)("h2",{id:"3170---july-30-2019"},"3.17.0 - (July 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3160---july-24-2019"},"3.16.0 - (July 24, 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:"3150---july-16-2019"},"3.15.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:"3140----july-11-2019"},"3.14.0 - (July 11, 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:"3130---july-9-2019"},"3.13.0 - (July 9, 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"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,m.mdx)("h2",{id:"3120---june-28-2019"},"3.12.0 - (June 28, 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:"3110---june-18-2019"},"3.11.0 - (June 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"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,m.mdx)("h2",{id:"3100---june-11-2019"},"3.10.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(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 node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"390---may-1-2019"},"3.9.0 - (May 1, 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)("li",{parentName:"ul"},"Restructured arrange examples to better demonstrate alignment functionality")))),(0,m.mdx)("h2",{id:"380---april-16-2019"},"3.8.0 - (April 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:"370---april-9-2019"},"3.7.0 - (April 9, 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:"360---march-26-2019"},"3.6.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(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 peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"350---march-21-2019"},"3.5.0 - (March 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:"340---february-26-2019"},"3.4.0 - (February 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 version bump")))),(0,m.mdx)("h2",{id:"330---february-12-2019"},"3.3.0 - (February 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 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:"310---january-26-2019"},"3.1.0 - (January 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 version bump")))),(0,m.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 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 theme variables")))),(0,m.mdx)("h2",{id:"2340---january-22-2019"},"2.34.0 - (January 22, 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 to fix major version bump issues")))),(0,m.mdx)("h2",{id:"2330---january-8-2019"},"2.33.0 - (January 8, 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:"2320---january-2-2019"},"2.32.0 - (January 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"},"Updated site examples to be more accessible."),(0,m.mdx)("li",{parentName:"ul"},"Removed use of componentWillMount from examples")))),(0,m.mdx)("h2",{id:"2311---november-20-2018"},"2.31.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2310---november-19-2018"},"2.31.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2250---october-2-2018"},"2.25.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Export for alignment types added")))),(0,m.mdx)("h2",{id:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2231---september-6-2018"},"2.23.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2230---september-5-2018"},"2.23.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2220---september-4-2018"},"2.22.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2210---august-29-2018"},"2.21.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2200---august-1-2018"},"2.20.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2190---july-19-2018"},"2.19.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2180---july-17-2018"},"2.18.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,m.mdx)("h2",{id:"2170---july-10-2018"},"2.17.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2160---june-28-2018"},"2.16.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(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 change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2150---june-22-2018"},"2.15.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,m.mdx)("h2",{id:"2140---june-12-2018"},"2.14.0 - (June 12, 2018)"),(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 "test:jest" script to work on windows.')))),(0,m.mdx)("h2",{id:"2130---may-30-2018"},"2.13.0 - (May 30, 2018)"),(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 structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2120---may-25-2018"},"2.12.0 - (May 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(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 error thrown when fitStart or fitEnd isn't provided.")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(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 props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(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 peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(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 to use React 16")))),(0,m.mdx)("h2",{id:"1190---february-1-2018"},"1.19.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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-18-2018"},"1.18.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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-5-2018"},"1.17.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed broken image in arrange example")))),(0,m.mdx)("h2",{id:"1160---november-28-2017"},"1.16.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1150---november-16-2017"},"1.15.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---november-7-2017"},"1.14.0 - (November 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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-31-2017"},"1.13.0 - (October 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Change to be flexbox component and adding new props to apply attributes to content containers")))),(0,m.mdx)("h2",{id:"1120---october-6-2017"},"1.12.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---september-26-2017"},"1.11.0 - (September 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"1100---september-12-2017"},"1.10.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---september-12-2017"},"1.9.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---september-7-2017"},"1.8.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"170---september-5-2017"},"1.7.0 - (September 5, 2017)"),(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 nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"160---august-31-2017"},"1.6.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---august-15-2017"},"1.5.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---august-8-2017"},"1.4.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,m.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(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 nightwatch.config file")))),(0,m.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=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}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,m.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},86377:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-arrange",name:"terra-arrange",version:"3.55.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/1871-bf12fdfcc9debc5a11a6.js b/1871-bf12fdfcc9debc5a11a6.js new file mode 100644 index 000000000..e31ee9bbb --- /dev/null +++ b/1871-bf12fdfcc9debc5a11a6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1871],{2619:function(e,t,l){t.Z=void 0;var n=d(l(67294)),a=d(l(97996)),r=d(l(19845)),o=d(l(48824));function d(e){return e&&e.__esModule?e:{default:e}}var p=r.default.bind(o.default);t.Z=function(){return n.default.createElement(a.default,{placeholder:"Select a color",allowClear:!0,className:p("form-select")},n.default.createElement(a.default.Option,{value:"blue",display:"Blue"}),n.default.createElement(a.default.Option,{value:"green",display:"Green"}),n.default.createElement(a.default.Option,{value:"purple",display:"Purple"}),n.default.createElement(a.default.Option,{value:"red",display:"Red"}),n.default.createElement(a.default.Option,{value:"violet",display:"Violet"}))}},10035:function(e,t,l){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)}t.Z=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=i(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=r?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(a,o,d):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}(l(67294)),r=p(l(97996)),o=p(l(19845)),d=p(l(48824));function p(e){return e&&e.__esModule?e:{default:e}}function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(i=function(e){return e?l:t})(e)}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var n,a,r,o,d=[],p=!0,i=!1;try{if(r=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;p=!1}else for(;!(p=(n=r.call(l)).done)&&(d.push(n.value),d.length!==t);p=!0);}catch(e){i=!0,a=e}finally{try{if(!p&&null!=l.return&&(o=l.return(),Object(o)!==o))return}finally{if(i)throw a}}return d}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);"Object"===l&&e.constructor&&(l=e.constructor.name);if("Map"===l||"Set"===l)return Array.from(e);if("Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l))return m(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);le.length)&&(t=e.length);for(var l=0,n=new Array(t);l=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var c={};function m(e){var t=e.components,l=i(e,d);return(0,a.mdx)("wrapper",p({},c,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst AllowClearExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default AllowClearExample;\n\n')))}m.isMDXComponent=!0;var u=l(49271),s=l(15305),f=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Allow Clear",description:l,example:n.createElement(o.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(m,null),isExpanded:a})},x=l(10035),y=["components"];function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var b={};function g(e){var t=e.components,l=h(e,y);return(0,a.mdx)("wrapper",v({},b,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ControlledExample = () => {\n const [value, setValue] = useState(\'blue\');\n\n return (\n \n \n \n \n \n \n \n );\n};\n\nexport default ControlledExample;\n\n')))}g.isMDXComponent=!0;var O=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Controlled",description:l,example:n.createElement(x.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(g,null),isExpanded:a})},S=l(64142),T=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var E={};function j(e){var t=e.components,l=C(e,T);return(0,a.mdx)("wrapper",N({},E,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SearchSelectExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SearchSelectExample;\n\n')))}j.isMDXComponent=!0;var w=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Search",description:l,example:n.createElement(S.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(j,null),isExpanded:a})},_=l(59475),R=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var k={};function W(e){var t=e.components,l=P(e,R);return(0,a.mdx)("wrapper",D({},k,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst DisabledExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default DisabledExample;\n\n')))}W.isMDXComponent=!0;var q=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Disabled",description:l,example:n.createElement(_.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(W,null),isExpanded:a})},M=l(50488),Z=["components"];function X(){return X=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var I={};function A(e){var t=e.components,l=V(e,Z);return(0,a.mdx)("wrapper",X({},I,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IsTouchAccessibleExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default IsTouchAccessibleExample;\n\n')))}A.isMDXComponent=!0;var G=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Is Touch Accessible",description:l,example:n.createElement(M.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(A,null),isExpanded:a})},B=l(11875),F=["components"];function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var H={};function K(e){var t=e.components,l=z(e,F);return(0,a.mdx)("wrapper",L({},H,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\nconst InvalidExample = () => {\n const [isInvalid, setInvalid] = useState(true);\n const handleOnChange = (value) => {\n const invalid = !!((!value || value === \'\'));\n setInvalid(invalid);\n };\n return (\n <>\n \n \n \n \n \n \n \n {isInvalid && Please select a color}\n

Required: Please select a color from above list

\n \n );\n};\nexport default InvalidExample;\n\n')))}K.isMDXComponent=!0;var U=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Invalid",description:l,example:n.createElement(B.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(K,null),isExpanded:a})},Y=l(72744),Q=["components"];function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var ee={};function te(e){var t=e.components,l=$(e,Q);return(0,a.mdx)("wrapper",J({},ee,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IncompleteExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default IncompleteExample;\n\n')))}te.isMDXComponent=!0;var le=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Incomplete",description:l,example:n.createElement(Y.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(te,null),isExpanded:a})},ne=l(79503),ae=["components"];function re(){return re=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var de={};function pe(e){var t=e.components,l=oe(e,ae);return(0,a.mdx)("wrapper",re({},de,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MaxHeightExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default MaxHeightExample;\n\n')))}pe.isMDXComponent=!0;var ie=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Max Height",description:l,example:n.createElement(ne.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(pe,null),isExpanded:a})},ce=l(19871),me=["components"];function ue(){return ue=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var fe={};function xe(e){var t=e.components,l=se(e,me);return(0,a.mdx)("wrapper",ue({},fe,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst OptGroupExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default OptGroupExample;\n\n')))}xe.isMDXComponent=!0;var ye=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Opt Group",description:l,example:n.createElement(ce.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(xe,null),isExpanded:a})},ve=l(78530),he=["components"];function be(){return be=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var Oe={},Se="wrapper";function Te(e){var t=e.components,l=ge(e,he);return(0,a.mdx)(Se,be({},Oe,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(ve.ZP,{mdxType:"PropsTable"},(0,a.mdx)(ve.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"allowClear"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether a clear option is available to clear the selection, will use placeholder text if provided."))),(0,a.mdx)(ve.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The dropdown menu options."))),(0,a.mdx)(ve.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"defaultValue"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The default selected value. Can be a string, number, or array of strings/numbers."))),(0,a.mdx)(ve.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"disabled"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select is disabled."))),(0,a.mdx)(ve.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"dropdownAttrs"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Additional attributes to spread onto the dropdown. ( Style, ClassNames, etc.. )"))),(0,a.mdx)(ve.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select displays as Incomplete. Use when no value has been provided. ",(0,a.mdx)("em",{parentName:"p"},"(usage note: ",(0,a.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,a.mdx)(ve.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"isInvalid"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select displays as Invalid. Use when value does not meet validation pattern."))),(0,a.mdx)(ve.X2,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,a.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."))),(0,a.mdx)(ve.X2,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"maxHeight"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The max height of the dropdown."))),(0,a.mdx)(ve.X2,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"noResultContent"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Content to display when no results are found."))),(0,a.mdx)(ve.X2,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onBlur"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select loses focus. function(event)"))),(0,a.mdx)(ve.X2,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the value changes. function(value)"))),(0,a.mdx)(ve.X2,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select is clicked. function(event)"))),(0,a.mdx)(ve.X2,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onDeselect"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when an option is deselected. function(value)"))),(0,a.mdx)(ve.X2,{key:"ROW15",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onFocus"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select receives focus. function(event)"))),(0,a.mdx)(ve.X2,{key:"ROW16",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onSearch"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the search criteria changes. function(searchValue)"))),(0,a.mdx)(ve.X2,{key:"ROW17",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onSelect"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when an option is selected. function(value)"))),(0,a.mdx)(ve.X2,{key:"ROW18",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"optionFilter"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function invoked for each option on search change. function(searchValue, option)"))),(0,a.mdx)(ve.X2,{key:"ROW19",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"placeholder"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nPlaceholder prop has been deprecated and will be Removed on next major version release, Visual label should be used instead for better Accessibility experience."))),(0,a.mdx)(ve.X2,{key:"ROW20",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field is required."))),(0,a.mdx)(ve.X2,{key:"ROW21",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"value"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The selected value. Can be a string, number, or array of strings/numbers.")))))}Te.isMDXComponent=!0;var Ne=l(47549),Ce=l(25148),Ee=["components"];function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var _e={},Re="wrapper";function De(e){var t=e.components,l=we(e,Ee);return(0,a.mdx)(Re,je({},_e,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-search-select"},"Terra Form Search Select"),(0,a.mdx)("p",null,"The Search Select component allows selecting a single option from a dropdown of selectable options."),(0,a.mdx)("p",null,"Consumers are encouraged to use the ",(0,a.mdx)("inlineCode",{parentName:"p"},"SearchSelectField")," component over the ",(0,a.mdx)("inlineCode",{parentName:"p"},"SearchSelect")," component wherever possible, as the latter does not provide the labels necessary to support accessibility."),(0,a.mdx)("p",null,"To create an accessible ",(0,a.mdx)("inlineCode",{parentName:"p"},"SearchSelect")," component:"),(0,a.mdx)("ol",null,(0,a.mdx)("li",{parentName:"ol"},"Ensure that ",(0,a.mdx)("inlineCode",{parentName:"li"},"SearchSelectField")," can receive keyboard focus."),(0,a.mdx)("li",{parentName:"ol"},"Ensure that ",(0,a.mdx)("inlineCode",{parentName:"li"},"SearchSelectField")," programmatically associates all related content (such as visible label, helper text & error messaging) to the field."),(0,a.mdx)("li",{parentName:"ol"},"Ensure any visible ",(0,a.mdx)("inlineCode",{parentName:"li"},"Select Label")," matches any artificially applied programmatic label."),(0,a.mdx)("li",{parentName:"ol"},"Error messaging should provide error suggestions when the system can programmatically understand what is wrong.")),(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-form-select"))))),(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:"implementation-notes"},"Implementation Notes:"),(0,a.mdx)("p",null,"The Form-Select component must be composed inside the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-core-docs/base/about"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SearchSelect from 'terra-form-select/lib/SearchSelect';\n")),(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#responsive-support"},"Responsive 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#internationalization-i18n"},"Localization 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)(w,{description:"A Search Select allows selecting a single option.",mdxType:"SearchExample"}),(0,a.mdx)(G,{description:"Ensure accessibility on touch devices. Will render the dropdown menu in normal DOM flow with position absolute. By default, the menu renders in a portal, which is inaccessible on touch devices.",mdxType:"IsTouchAccessibleExample"}),(0,a.mdx)(q,{mdxType:"DisabledExample"}),(0,a.mdx)(U,{description:"Applies theme-specific styling for invalid. Will also display error text when used with a Field.",mdxType:"InvalidExample"}),(0,a.mdx)(le,{description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteExample"}),(0,a.mdx)(ye,{title:"Ability to add Option Groups",description:"An OptGroup provides a way to group options together within the listbox.",mdxType:"OptGroupExample"}),(0,a.mdx)(ie,{title:"Ability to set a Maximum Height",description:"An example of implementing a custom max height of the Search.",mdxType:"MaxHeightExample"}),(0,a.mdx)(f,{title:"Ability to Clear Selection",description:"An example with an option to clear the selected item.",mdxType:"AllowClearExample"}),(0,a.mdx)(O,{title:"Create a Controlled Search Select",description:"An example of implementing a controlled Search Select.",mdxType:"ControlledExample"}),(0,a.mdx)("h2",{id:"search-select-props"},"Search Select Props"),(0,a.mdx)(Te,{mdxType:"SearchSelectPropsTable"}),(0,a.mdx)("h2",{id:"option-props"},"Option Props"),(0,a.mdx)(Ne.Z,{mdxType:"OptionPropsTable"}),(0,a.mdx)("h2",{id:"optgroup-props"},"OptGroup Props"),(0,a.mdx)(Ce.Z,{mdxType:"OptGroupPropsTable"}))}De.isMDXComponent=!0},15305:function(e,t,l){l.d(t,{Z:function(){return i}});l(67294);var n=l(81254),a=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var d={},p="wrapper";function i(e){var t=e.components,l=o(e,a);return(0,n.mdx)(p,r({},d,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-scss"},"// import themes\n@import './clinical-lowlight-theme/FormSelectDocCommon.module';\n@import './orion-fusion-theme/FormSelectDocCommon.module';\n\n:local {\n .form-select {\n max-width: 300px;\n }\n\n .controlled-button {\n margin: 5px;\n }\n \n .error-text {\n color: var(--terra-core-docs-form-select-error-text-color, #e50000);\n font-size: 0.857rem;\n font-weight: normal;\n line-height: 1.25;\n margin-top: 0.357em;\n outline: 0;\n text-align: left;\n }\n\n .field-label {\n font-weight: 700;\n }\n}\n\n")))}i.isMDXComponent=!0},57739:function(e,t,l){l.d(t,{C:function(){return r}});var n=l(67294),a=l(22863),r=function(e){var t=e.url;return n.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.54.0",url:t})}},25148:function(e,t,l){l.d(t,{Z:function(){return c}});l(67294);var n=l(81254),a=l(78530),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var p={},i="wrapper";function c(e){var t=e.components,l=d(e,r);return(0,n.mdx)(i,o({},p,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(a.ZP,{mdxType:"PropsTable"},(0,n.mdx)(a.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The group options."))),(0,n.mdx)(a.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the option group is disabled."))),(0,n.mdx)(a.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(a.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The group label.")))))}c.isMDXComponent=!0},47549:function(e,t,l){l.d(t,{Z:function(){return c}});l(67294);var n=l(81254),a=l(78530),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var p={},i="wrapper";function c(e){var t=e.components,l=d(e,r);return(0,n.mdx)(i,o({},p,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(a.ZP,{mdxType:"PropsTable"},(0,n.mdx)(a.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the option is disabled."))),(0,n.mdx)(a.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"display"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The display text of the option."))),(0,n.mdx)(a.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n],\n"))),(0,n.mdx)(a.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The value of the option. The value must be unique.")))))}c.isMDXComponent=!0},48824:function(e,t,l){l.r(t),t.default={"form-select":"FormSelectDocCommon-module__form-select___Tm1QE","controlled-button":"FormSelectDocCommon-module__controlled-button___wG6cn","error-text":"FormSelectDocCommon-module__error-text___lKsl1","field-label":"FormSelectDocCommon-module__field-label___h3hRZ"}},53560:function(e,t,l){l.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"}},21488:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"_ClearOption-module__clinical-lowlight-theme___didEg","orion-fusion-theme":"_ClearOption-module__orion-fusion-theme___KZPgR","clear-option":"_ClearOption-module__clear-option___0FCZT"}},95125:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"_NoResults-module__clinical-lowlight-theme___M+a9V","orion-fusion-theme":"_NoResults-module__orion-fusion-theme___6lA58","no-results":"_NoResults-module__no-results___k4m2B"}},61698:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=m(l(67294)),a=m(l(45697)),r=m(l(93967)),o=m(l(19845)),d=m(l(50026)),p=m(l(88413)),i=m(l(21488)),c=["display","value"];function m(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var f=o.default.bind(i.default),x={display:a.default.string,value:a.default.string},y=function(e){var t=e.display,l=e.value,a=s(e,c),o=n.default.useContext(d.default);return n.default.createElement(p.default,u({},a,{className:(0,r.default)(f("clear-option",o.className),a.className),display:t,value:l,isSelected:!1,"data-terra-select-clear-option":!0}))};y.propTypes=x,y.isOption=!0;t.default=y},49978:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(l(67294)),a=i(l(45697)),r=i(l(19845)),o=i(l(50026)),d=l(25387),p=i(l(95125));function i(e){return e&&e.__esModule?e:{default:e}}var c=r.default.bind(p.default),m={noResultContent:a.default.node,value:a.default.oneOfType([a.default.number,a.default.string])},u=function(e){var t=e.noResultContent,l=e.value,a=n.default.useContext(o.default);return n.default.createElement("div",{role:"option",className:c("no-results",a.className),"aria-selected":"false"},t||n.default.createElement(d.FormattedMessage,{id:"Terra.form.select.noResults",values:{text:l}}))};u.propTypes=m;t.default=u},33864:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(l(67294)),a=r(l(99139));function r(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var o={};function i(e){var t=e.components,l=d(e,s);return(0,a.mdx)("wrapper",u({},o,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { ResultNameHeaderCell } from 'terra-clinical-result/lib/index';\n\nexport default () => ;\n\n")))}i.isMDXComponent=!0;var c=l(49271),p=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:t||"Result Name Header Cell",description:l,example:n.createElement(m.Z,null),exampleSrc:n.createElement(i,null),isExpanded:a})},f=l(17093),x=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var g={};function h(e){var t=e.components,l=N(e,x);return(0,a.mdx)("wrapper",y({},g,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { ResultNameHeaderCell } from \'terra-clinical-result/lib\';\nimport classNames from \'classnames\';\nimport classNamesBind from \'classnames/bind\';\nimport ThemeContext from \'terra-theme-context\';\nimport styles from \'../Examples.module.scss\';\n\nconst cx = classNamesBind.bind(styles);\n\nconst ResultNameColumnFlowsheetExample = () => {\n const theme = React.useContext(ThemeContext);\n const mockFlowsheetClassnames = classNames(\n cx(\n \'mock-flowsheet-example\',\n theme.className,\n ),\n );\n\n return (\n
\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n );\n};\n\nexport default ResultNameColumnFlowsheetExample;\n\n')))}h.isMDXComponent=!0;var b=l(98568),v=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:t||"Result Name Header Flowsheet Example",description:l,example:n.createElement(f.Z,null),exampleCssSrc:n.createElement(b.Z,null),exampleSrc:n.createElement(h,null),isExpanded:a})},C=l(40539),R=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var T={};function E(e){var t=e.components,l=O(e,R);return(0,a.mdx)("wrapper",w({},T,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { ResultNameHeaderCell, FlowsheetResultCell } from 'terra-clinical-result/lib/index';\nimport Table, {\n Header,\n Row,\n Body,\n} from 'terra-html-table';\n\nconst defaultBloodPressureResult = [\n {\n id: '1',\n systolic: {\n eventId: '2',\n result: {\n value: '130',\n unit: 'mmHg',\n },\n interpretation: 'high',\n },\n diastolic: {\n eventId: '3',\n result: {\n value: '80',\n unit: 'mmHg',\n },\n },\n },\n];\n\nconst tempResult = [\n {\n id: '2',\n result: {\n value: '98.6',\n },\n },\n];\n\nconst hrResult = [\n {\n id: '3',\n result: {\n value: '101',\n },\n },\n];\n\nexport default () => (\n \n
\n \n \n \n
\n \n \n \n \n \n \n \n
\n);\n\n")))}E.isMDXComponent=!0;var H=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:t||"Result Name Header Cell Semantic Table Example",description:l,example:n.createElement(C.Z,null),exampleSrc:n.createElement(E,null),isExpanded:a})},k=l(78530),j=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var S={},M="wrapper";function W(e){var t=e.components,l=P(e,j);return(0,a.mdx)(M,D({},S,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(k.ZP,{mdxType:"PropsTable"},(0,a.mdx)(k.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(k.O,{mdxType:"PropNameCell"},"resultName"),(0,a.mdx)(k.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(k.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Content to be displayed for the Result Name row label."))),(0,a.mdx)(k.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(k.O,{mdxType:"PropNameCell"},"unit"),(0,a.mdx)(k.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Content to be displayed as the supporting Unit of Measure row label."))),(0,a.mdx)(k.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(k.O,{mdxType:"PropNameCell"},"fullResultName"),(0,a.mdx)(k.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Full name of the displayed Result Name for accessibility tooling's usage, e.g. ",(0,a.mdx)("inlineCode",{parentName:"p"},"'Temperature'"),"."))),(0,a.mdx)(k.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(k.O,{mdxType:"PropNameCell"},"fullUnit"),(0,a.mdx)(k.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Full name of the displayed Unit of Measure for accessibility tooling's usage, e.g. ",(0,a.mdx)("inlineCode",{parentName:"p"},"'Degrees Celsius'"),"."))),(0,a.mdx)(k.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(k.O,{mdxType:"PropNameCell"},"paddingStyle"),(0,a.mdx)(k.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'compact'\n 'standard'\n],\n"))),(0,a.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'compact'\n"))),(0,a.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The padding styling to apply to the Result Name row header cell.\nOne of ",(0,a.mdx)("inlineCode",{parentName:"p"},"'none'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'compact'"),", or ",(0,a.mdx)("inlineCode",{parentName:"p"},"'standard'"),"."))),(0,a.mdx)(k.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(k.O,{mdxType:"PropNameCell"},"typeIndicator"),(0,a.mdx)(k.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'calculated'\n],\n"))),(0,a.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,a.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Adds additional icon at beginning of row before the ResultName, indicating special information about results or cells.\nOne of ",(0,a.mdx)("inlineCode",{parentName:"p"},"'none'")," or ",(0,a.mdx)("inlineCode",{parentName:"p"},"'calculated'"),".")))))}W.isMDXComponent=!0;var F=["components"];function X(){return X=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var Z={},q="wrapper";function I(e){var t=e.components,l=B(e,F);return(0,a.mdx)(q,X({},Z,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"result-name-header-cell"},"Result Name Header Cell"),(0,a.mdx)("p",null,"Result-Name-Header-Cell is a component of terra-clinical-result that creates a standardized view for the Result Name and Unit of Measure in the first column (row header) for each row within a flowsheet."),(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-clinical-result"))))),(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:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { ResultNameHeaderCell } from 'terra-clinical-result/lib/index';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(p,{mdxType:"Default"}),(0,a.mdx)(v,{title:"Result Name Header Cells in Sample Flowsheet",mdxType:"FlowsheetExample"}),(0,a.mdx)(H,{title:"Result Name Header Cell in Semantic Table",mdxType:"SemanticStyleHeaderNameCell"}),(0,a.mdx)("h2",{id:"result-name-header-cell-props"},"Result Name Header Cell Props"),(0,a.mdx)(W,{mdxType:"ResultNameHeaderProps"}))}I.isMDXComponent=!0},18922:function(e,t,l){t.Z=void 0;var n,a=(n=l(67294))&&n.__esModule?n:{default:n},r=l(33671);t.Z=function(){return a.default.createElement(r.ResultNameHeaderCell,{resultName:"Blood Pressure",unit:"mmHg"})}},40539:function(e,t,l){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)}t.Z=void 0;var a,r=(a=l(67294))&&a.__esModule?a:{default:a},m=l(33671),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var l=u(t);if(l&&l.has(e))return l.get(e);var a={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var s=r?Object.getOwnPropertyDescriptor(e,m):null;s&&(s.get||s.set)?Object.defineProperty(a,m,s):a[m]=e[m]}a.default=e,l&&l.set(e,a);return a}(l(98364));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(u=function(e){return e?l:t})(e)}var d=[{id:"1",systolic:{eventId:"2",result:{value:"130",unit:"mmHg"},interpretation:"high"},diastolic:{eventId:"3",result:{value:"80",unit:"mmHg"}}}],o=[{id:"2",result:{value:"98.6"}}],i=[{id:"3",result:{value:"101"}}];t.Z=function(){return r.default.createElement(s.default,null,r.default.createElement(s.Header,null,r.default.createElement(m.ResultNameHeaderCell,{key:"temp",resultName:"Temp",unit:"degC"}),r.default.createElement(m.ResultNameHeaderCell,{key:"bp",resultName:"BP",unit:"mmHg"}),r.default.createElement(m.ResultNameHeaderCell,{key:"hr",resultName:"HR",unit:"bpm"})),r.default.createElement(s.Body,null,r.default.createElement(s.Row,null,r.default.createElement(m.FlowsheetResultCell,{key:"temp",resultDataSet:o}),r.default.createElement(m.FlowsheetResultCell,{key:"bp",resultDataSet:d}),r.default.createElement(m.FlowsheetResultCell,{key:"hr",resultDataSet:i}))))}},17093:function(e,t,l){t.Z=void 0;var n=d(l(67294)),a=l(33671),r=d(l(93967)),m=d(l(19845)),s=d(l(50026)),u=d(l(62547));function d(e){return e&&e.__esModule?e:{default:e}}var o=m.default.bind(u.default),i=function(){var e=n.default.useContext(s.default),t=(0,r.default)(o("mock-flowsheet-example",e.className));return n.default.createElement("div",{className:t},n.default.createElement("div",{className:o("mock-flowsheet-firstcolumn")},n.default.createElement("div",{className:o("mock-flowsheet-firstcolumn-cell")},n.default.createElement(a.ResultNameHeaderCell,{resultName:"Temp",fullResultName:"Temperature",unit:"degC",fullUnit:"Degrees Celsius"})),n.default.createElement("div",{className:o(["mock-flowsheet-firstcolumn-cell","zebra"])},n.default.createElement(a.ResultNameHeaderCell,{resultName:"HR",unit:"bpm",fullUnit:"beats per minute"})),n.default.createElement("div",{className:o("mock-flowsheet-firstcolumn-cell")},n.default.createElement(a.ResultNameHeaderCell,{resultName:"BP",unit:"mmHg"})),n.default.createElement("div",{className:o(["mock-flowsheet-firstcolumn-cell","zebra"])},n.default.createElement(a.ResultNameHeaderCell,{resultName:"Mean Arterial Pressure, Cuff",unit:"mmHg",typeIndicator:"calculated"})),n.default.createElement("div",{className:o("mock-flowsheet-firstcolumn-cell")},n.default.createElement(a.ResultNameHeaderCell,{resultName:"Respiratory Rate",unit:"br/min"})),n.default.createElement("div",{className:o(["mock-flowsheet-firstcolumn-cell","zebra"])},n.default.createElement(a.ResultNameHeaderCell,{resultName:"SpO2",unit:"%"})),n.default.createElement("div",{className:o("mock-flowsheet-firstcolumn-cell")},n.default.createElement(a.ResultNameHeaderCell,{resultName:"Height/Length Dosing",unit:"cm"})),n.default.createElement("div",{className:o(["mock-flowsheet-firstcolumn-cell","zebra"])},n.default.createElement(a.ResultNameHeaderCell,{resultName:"Height/Length Measured",unit:"cm"})),n.default.createElement("div",{className:o("mock-flowsheet-firstcolumn-cell")},n.default.createElement(a.ResultNameHeaderCell,{resultName:"Weight Dosing",unit:"kg"})),n.default.createElement("div",{className:o(["mock-flowsheet-firstcolumn-cell","zebra"])},n.default.createElement(a.ResultNameHeaderCell,{resultName:"Weight Measured",unit:"kg"}))))};t.Z=i}}]); \ No newline at end of file diff --git a/18875-98d137328ca8e8e0e794.css b/18875-98d137328ca8e8e0e794.css new file mode 100644 index 000000000..6cfca39a6 --- /dev/null +++ b/18875-98d137328ca8e8e0e794.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} +.ListDocCommon-module__placeholder___9sgl3{height:50px}[dir] .list-item{padding:10px 0}[dir] .list-item-focus{padding:10px 0}.list-item-focus:focus{outline:2px dashed #000;outline-offset:-2px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.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/18875-98d137328ca8e8e0e794.js b/18875-98d137328ca8e8e0e794.js new file mode 100644 index 000000000..c3c6f2be6 --- /dev/null +++ b/18875-98d137328ca8e8e0e794.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[18875,45627,85565,37344,3353,33667,96890,79482,5161,45865,85355,80858,14041,3193,16835,4845,52128,46647,85161,27444,17657,38681,16873,15318,40411,66097,90941,18101,38443,79057,11264,34319,62979,33315,20116,33609,12026,78996,39915,33442],{83568:function(e,t,l){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)}t.Z=void 0;var a=d(l(67294)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=c(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=r?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}(l(93670)),o=l(34261),i=d(l(19845)),m=d(l(25266));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(c=function(e){return e?l:t})(e)}function d(e){return e&&e.__esModule?e:{default:e}}var s=i.default.bind(m.default);t.Z=function(){return a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{id:"list-help"},"Select a patient from the list to view patient details."),a.default.createElement(r.default,{role:"listbox",ariaDescribedBy:"list-help","aria-label":"list of patient",isDraggable:!0},a.default.createElement(r.Item,{key:"1",isSelectable:!0,isSelected:!0},a.default.createElement(o.Placeholder,{title:"John Smith",className:s("placeholder")})),a.default.createElement(r.Item,{key:"2",isSelectable:!0},a.default.createElement(o.Placeholder,{title:"Mary Jones",className:s("placeholder")})),a.default.createElement(r.Item,{key:"3",isSelectable:!0},a.default.createElement(o.Placeholder,{title:"Sam Brown",className:s("placeholder")})),a.default.createElement(r.Item,{key:"4",isSelectable:!0},a.default.createElement(o.Placeholder,{title:"John David",className:s("placeholder")}))))}},68067:function(e,t,l){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)}t.Z=void 0;var a=d(l(67294)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=c(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=r?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}(l(93670)),o=l(34261),i=d(l(19845)),m=d(l(25266));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(c=function(e){return e?l:t})(e)}function d(e){return e&&e.__esModule?e:{default:e}}var s=i.default.bind(m.default);t.Z=function(){return a.default.createElement(r.default,{role:"listbox","aria-label":"example-label"},a.default.createElement(r.Item,{key:"default"},a.default.createElement(o.Placeholder,{title:"Default ListItem",className:s("placeholder")})),a.default.createElement(r.Item,{key:"chevron",hasChevron:!0},a.default.createElement(o.Placeholder,{title:"Chevron ListItem",className:s("placeholder")})),a.default.createElement(r.Item,{key:"selectable",isSelectable:!0},a.default.createElement(o.Placeholder,{title:"Selectable ListItem",className:s("placeholder")})),a.default.createElement(r.Item,{key:"selected",isSelectable:!0,isSelected:!0},a.default.createElement(o.Placeholder,{title:"Selected ListItem",className:s("placeholder")})))}},33568:function(e,t,l){l.r(t),l.d(t,{default:function(){return P}});var n=l(67294),a=l(81254),r=l(30999),o=l(68067),i=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var d={};function s(e){var t=e.components,l=c(e,i);return(0,a.mdx)("wrapper",m({},d,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport List, { Item } from \'terra-list/lib/index\';\nimport { Placeholder } from \'@cerner/terra-docs\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./ListDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ListSectionExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default ListSectionExample;\n\n')))}s.isMDXComponent=!0;var p=l(49271),u=l(63443),x=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(p.Z,{title:t||"List Item",description:l,example:n.createElement(o.Z,null),exampleCssSrc:n.createElement(u.Z,null),exampleSrc:n.createElement(s,null),isExpanded:a})},f=l(49456),y=l(78530),b=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var g={},O="wrapper";function S(e){var t=e.components,l=v(e,b);return(0,a.mdx)(O,h({},g,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(y.ZP,{mdxType:"PropsTable"},(0,a.mdx)(y.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The content element to be placed inside the list item for display."))),(0,a.mdx)(y.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"hasChevron"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the list item has a disclosure indicator presented."))),(0,a.mdx)(y.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"isSelected"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the list item should have selection styles applied."))),(0,a.mdx)(y.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"isSelectable"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the list item should have styles to indicate the item is selectable."))),(0,a.mdx)(y.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"metaData"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The associated metaData to be provided in the onSelect callback."))),(0,a.mdx)(y.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"onSelect"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function callback for when the appropriate click or key action is performed.\nCallback contains the javascript evnt and prop metadata, e.g. onSelect(event, metaData)"))),(0,a.mdx)(y.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"refCallback"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function callback for the ref of the li.")))))}S.isMDXComponent=!0;var T=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var C={},D="wrapper";function P(e){var t=e.components,l=j(e,T);return(0,a.mdx)(D,N({},C,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"list-item"},"List Item"),(0,a.mdx)("p",null,"The list item provides a pattern for selection/selectability for li surrounded child content. Whenever, the list item has a prop ",(0,a.mdx)("inlineCode",{parentName:"p"},"isSelectable=true")," then ",(0,a.mdx)("inlineCode",{parentName:"p"},"aria-label")," must be provided to List for accessibility. The onSelect event is the primary means for interaction, as it yields the associated metaData when valid selection occurs, though individual onClick and onKeyDown events can be applied through the use of customProps if greater granularity is required."),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import List, { Item } from 'terra-list/lib/List';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(x,{mdxType:"ListItemExample"}),(0,a.mdx)(f.Z,{mdxType:"ListDraggableExample"}),(0,a.mdx)("h2",{id:"list-item-props"},"List Item Props"),(0,a.mdx)(S,{mdxType:"ListItemPropsTable"}))}P.isMDXComponent=!0},49456:function(e,t,l){l.d(t,{Z:function(){return u}});var n=l(67294),a=l(83568),r=l(81254),o=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var c={};function d(e){var t=e.components,l=m(e,o);return(0,r.mdx)("wrapper",i({},c,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport List, { Item } from \'terra-list/lib/index\';\nimport { Placeholder } from \'@cerner/terra-docs\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./ListDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ListDraggableExample = () => (\n <>\n

\n Select a patient from the list to view patient details.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default ListDraggableExample;\n\n')))}d.isMDXComponent=!0;var s=l(49271),p=l(63443),u=function(e){var t=e.title,l=e.description,r=e.isExpanded;return n.createElement(s.Z,{title:t||"Draggable List Item",description:l,example:n.createElement(a.Z,null),exampleCssSrc:n.createElement(p.Z,null),exampleSrc:n.createElement(d,null),isExpanded:r})}}}]); \ No newline at end of file diff --git a/19154-254ae43176e3128081b5.js b/19154-254ae43176e3128081b5.js new file mode 100644 index 000000000..dde0fa57f --- /dev/null +++ b/19154-254ae43176e3128081b5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[19154],{27025:function(e,t,a){a.d(t,{C:function(){return l}});var i=a(67294),n=a(22863),l=function(e){var t=e.url;return i.createElement(n.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-time-picker",name:"terra-date-time-picker",version:"4.102.0",url:t})}},40368:function(e,t,a){a.r(t),t.default={"date-time-picker":"DateTimePicker-module__date-time-picker___55U1I","date-facade":"DateTimePicker-module__date-facade___QJnLm","time-facade":"DateTimePicker-module__time-facade___AD4Fb"}},68266:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"_TimeClarification-module__clinical-lowlight-theme___ZL6ML","orion-fusion-theme":"_TimeClarification-module__orion-fusion-theme___7mulH","time-clarification":"_TimeClarification-module__time-clarification___a-cWb",header:"_TimeClarification-module__header___DHi7K",title:"_TimeClarification-module__title___bNP9P",body:"_TimeClarification-module__body___xJUYS",buttons:"_TimeClarification-module__buttons___X700z","button-daylight":"_TimeClarification-module__button-daylight___Y2IWC","button-standard":"_TimeClarification-module__button-standard___ktUI+","button-offset":"_TimeClarification-module__button-offset___VG0Om","button-offset-hidden":"_TimeClarification-module__button-offset-hidden___QEVm2","offset-button-container":"_TimeClarification-module__offset-button-container___WDUv+"}},48978:function(e,t,a){var i=a(64836),n=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=i(a(10434)),s=i(a(70215)),u=i(a(56690)),o=i(a(89728)),d=i(a(66115)),r=i(a(61655)),f=i(a(94993)),c=i(a(73808)),h=i(a(67294)),m=a(25387),p=i(a(45697)),T=i(a(19845)),D=i(a(50026)),v=i(a(50754)),g=i(a(37901)),C=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var a=_(t);if(a&&a.has(e))return a.get(e);var i={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var u=l?Object.getOwnPropertyDescriptor(e,s):null;u&&(u.get||u.set)?Object.defineProperty(i,s,u):i[s]=e[s]}return i.default=e,a&&a.set(e,i),i}(a(51051)),b=i(a(57689)),k=i(a(40368)),y=i(a(81852)),S=i(a(47665)),O=["dateInputAttributes","disabled","excludeDates","filterDate","includeDates","initialTimeZone","isIncomplete","isInvalid","isInvalidMeridiem","onBlur","onChange","onChangeRaw","onClickOutside","onFocus","onRequestClose","onSelect","maxDate","minDate","name","required","showSeconds","timeInputAttributes","value","timeVariant"];function _(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(_=function(e){return e?a:t})(e)}function V(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,i=(0,c.default)(e);if(t){var n=(0,c.default)(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return(0,f.default)(this,a)}}var B=T.default.bind(k.default),M={dateInputAttributes:p.default.object,disabled:p.default.bool,excludeDates:p.default.arrayOf(p.default.string),filterDate:p.default.func,includeDates:p.default.arrayOf(p.default.string),initialTimeZone:p.default.string,intl:p.default.shape({locale:p.default.string}).isRequired,isIncomplete:p.default.bool,isInvalid:p.default.bool,isInvalidMeridiem:p.default.bool,maxDate:p.default.string,minDate:p.default.string,name:p.default.string.isRequired,onBlur:p.default.func,onChange:p.default.func,onChangeRaw:p.default.func,onClickOutside:p.default.func,onFocus:p.default.func,onRequestClose:p.default.func,onSelect:p.default.func,required:p.default.bool,showSeconds:p.default.bool,timeInputAttributes:p.default.object,value:p.default.string,timeVariant:p.default.oneOf([y.default.FORMAT_12_HOUR,y.default.FORMAT_24_HOUR])},w={dateInputAttributes:void 0,disabled:!1,excludeDates:void 0,filterDate:void 0,includeDates:void 0,isIncomplete:!1,isInvalid:!1,isInvalidMeridiem:!1,maxDate:"2100-12-31",minDate:"1900-01-01",onBlur:void 0,onChange:void 0,onChangeRaw:void 0,onClickOutside:void 0,onFocus:void 0,onSelect:void 0,required:!1,showSeconds:!1,timeInputAttributes:void 0,value:void 0,timeVariant:y.default.FORMAT_24_HOUR,initialTimeZone:y.default.getLocalTimeZone()},R=function(e){(0,r.default)(a,e);var t=V(a);function a(e){var i;return(0,u.default)(this,a),(i=t.call(this,e)).initialTimeZone=y.default.checkIfTimeZoneIsValid(e.initialTimeZone),i.state={dateTime:y.default.createSafeDate(e.value,i.initialTimeZone),isAmbiguousTime:!1,isTimeClarificationOpen:!1,dateFormat:b.default.getFormatByLocale(e.intl.locale)},i.dateValue=b.default.formatMomentDate(i.state.dateTime,i.state.dateFormat)||"",i.timeValue=y.default.hasTime(i.props.value,i.initialTimeZone)?y.default.getTime(i.props.value,i.props.showSeconds,i.initialTimeZone):"",i.isDefaultDateTimeAcceptable=!0,i.wasOffsetButtonClicked=!1,i.handleDateChange=i.handleDateChange.bind((0,d.default)(i)),i.handleDateChangeRaw=i.handleDateChangeRaw.bind((0,d.default)(i)),i.handleTimeChange=i.handleTimeChange.bind((0,d.default)(i)),i.handleOnSelect=i.handleOnSelect.bind((0,d.default)(i)),i.handleOnDateBlur=i.handleOnDateBlur.bind((0,d.default)(i)),i.handleOnTimeBlur=i.handleOnTimeBlur.bind((0,d.default)(i)),i.handleBlur=i.handleBlur.bind((0,d.default)(i)),i.handleDaylightSavingButtonClick=i.handleDaylightSavingButtonClick.bind((0,d.default)(i)),i.handleStandardTimeButtonClick=i.handleStandardTimeButtonClick.bind((0,d.default)(i)),i.handleOnDateInputFocus=i.handleOnDateInputFocus.bind((0,d.default)(i)),i.handleOnTimeInputFocus=i.handleOnTimeInputFocus.bind((0,d.default)(i)),i.handleFocus=i.handleFocus.bind((0,d.default)(i)),i.handleOnCalendarButtonClick=i.handleOnCalendarButtonClick.bind((0,d.default)(i)),i.handleOffsetButtonClick=i.handleOffsetButtonClick.bind((0,d.default)(i)),i.handleOnRequestClose=i.handleOnRequestClose.bind((0,d.default)(i)),i.dateTimePickerContainer=h.default.createRef(),i.containerHasFocus=!1,i.prevDateTime=y.default.createSafeDate(e.value,i.initialTimeZone),i}return(0,o.default)(a,[{key:"componentDidMount",value:function(){this.isDefaultDateAcceptable=this.validateDefaultDate()}},{key:"componentDidUpdate",value:function(){if(this.state.dateTime&&y.default.isValidTime(this.timeValue,this.props.showSeconds)){var e=y.default.getTime(this.state.dateTime.format(),this.props.showSeconds,this.initialTimeZone);this.timeValue!==e&&(this.timeValue=e,this.forceUpdate())}}},{key:"handleOnSelect",value:function(e,t){this.dateValue=b.default.formatISODate(t,this.state.dateFormat);var a=this.state.dateTime?this.state.dateTime.clone():null,i=y.default.syncDateTime(a,t,this.timeValue,this.props.showSeconds);a&&a.format()===i.format()||this.checkAmbiguousTime(i),this.props.onSelect&&this.props.onSelect(e,i.format())}},{key:"handleOnDateBlur",value:function(e){var t=this,a=e.relatedTarget?e.relatedTarget:document.activeElement;if(!this.dateTimePickerContainer.current.contains(a)){var i=y.default.isValidDateTime(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds)?this.state.dateTime:null;this.checkAmbiguousTime(i,(function(){e.persist(),t.state.isAmbiguousTime&&t.state.isTimeClarificationOpen||t.handleBlur(e,t.state.dateTime)}))}}},{key:"handleOnTimeBlur",value:function(e){var t,a=this,i=e.relatedTarget?e.relatedTarget:document.activeElement;this.dateTimePickerContainer.current.contains(i)||(y.default.isValidDateTime(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds)&&(t=y.default.updateTime(this.state.dateTime,this.timeValue,this.props.showSeconds)),this.checkAmbiguousTime(t,(function(){e.persist(),a.state.isAmbiguousTime&&a.state.isTimeClarificationOpen||a.handleBlur(e,a.state.dateTime)})))}},{key:"handleBlur",value:function(e,t){if(this.props.onBlur){var a=this.getMetadata(t);this.props.onBlur(e,a)}this.containerHasFocus=!1}},{key:"handleDateChange",value:function(e,t){var a,i=b.default.formatISODate(t,"YYYY-MM-DD"),n=b.default.isValidDate(i,"YYYY-MM-DD"),l=y.default.isValidTime(this.timeValue,this.props.showSeconds);if(n&&(this.dateValue=b.default.formatISODate(t,this.state.dateFormat)),n){var s=this.state.dateTime?this.state.dateTime.clone():y.default.createSafeDate(i,this.initialTimeZone);if(a=y.default.syncDateTime(s,t,this.timeValue,this.props.showSeconds),s.isDST()&&3===s.hours()){var u=!1;a.isDST()||(a.subtract(1,"hours"),u=!0),!s.subtract(1,"days").isDST()&&a.isDST()&&(a.subtract(1,"hours"),u=!0),s&&3===s._a[3]&&u&&(a.add(1,"hours"),u=!1)}this.prevDateTime&&2===this.prevDateTime._a[3]&&3===this.prevDateTime.hours()&&a.subtract(1,"hours"),l&&(this.timeValue=y.default.getTime(a.format(),this.props.showSeconds,this.initialTimeZone))}n&&l||""===this.dateValue&&""===this.timeValue?this.handleChange(e,a):this.setState({dateTime:a})}},{key:"handleDateChangeRaw",value:function(e,t){this.dateValue=t,b.default.isValidDate(this.dateValue,this.state.dateFormat)&&this.isDateTimeAcceptable(y.default.convertDateTimeStringToMomentObject(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds,this.initialTimeZone))||(this.prevDateTime=this.state.dateTime?this.state.dateTime:this.prevDateTime,this.setState({dateTime:null})),this.handleChangeRaw(e,t)}},{key:"handleTimeChange",value:function(e,t){this.timeValue=t;var a=b.default.isValidDate(this.dateValue,this.state.dateFormat)&&this.isDateTimeAcceptable(y.default.convertDateTimeStringToMomentObject(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds,this.initialTimeZone)),i=y.default.isValidTime(this.timeValue,this.props.showSeconds),n=this.state.dateTime?this.state.dateTime.clone():null,l=!1;if("keydown"===e.type){var s=this.timeValue.split(":");if("n"===e.key||"N"===e.key)n=b.default.createSafeDate(b.default.getCurrentDate(),this.initialTimeZone),l=!0;else if("-"===e.key||"_"===e.key){a||(n=b.default.createSafeDate(b.default.getCurrentDate(),this.initialTimeZone),l=!0),"23"===s[0]&&"59"===s[1]&&(n=n.subtract(1,"d"),l=!0);var u=y.default.updateTime(n,this.timeValue,this.props.showSeconds),o=n.clone().subtract(1,"minute").hours();u.isDST()&&o!==u.hours()&&(s[0]="0".concat(o).slice(-2),this.timeValue=s.join(":")),n.isBefore(b.default.MIN_DATE.concat(" ","00:00:00"))&&(s[0]="00",s[1]="00",this.props.showSeconds&&(s[2]="00"),this.timeValue=s.join(":"),n=y.default.updateTime(b.default.createSafeDate(b.default.MIN_DATE,this.initialTimeZone),this.timeValue,this.props.showSeconds))}else"="===e.key||"+"===e.key?(a||(n=b.default.createSafeDate(b.default.getCurrentDate(),this.initialTimeZone),l=!0),"00"===s[0]&&"00"===s[1]&&(n=n.add(1,"d"),l=!0),n.isAfter(b.default.MAX_DATE.concat(" ","23:59:59"))&&(s[0]="23",s[1]="59",this.props.showSeconds&&(s[2]="59"),this.timeValue=s.join(":"),n=y.default.updateTime(b.default.createSafeDate(b.default.MAX_DATE,this.initialTimeZone),this.timeValue,this.props.showSeconds))):this.props.timeVariant!==y.default.FORMAT_12_HOUR||"a"!==e.key&&"A"!==e.key&&"p"!==e.key&&"P"!==e.key||a||(n=b.default.createSafeDate(b.default.getCurrentDate(),this.initialTimeZone),l=!0)}if(l&&(this.dateValue=b.default.formatISODate(n.format("YYYY-MM-DD"),this.state.dateFormat),a=b.default.isValidDate(this.dateValue,this.state.dateFormat)&&this.isDateTimeAcceptable(y.default.convertDateTimeStringToMomentObject(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds,this.initialTimeZone))),a&&i){var d=y.default.updateTime(n,this.timeValue,this.props.showSeconds);e.keyCode===C.KEY_DOWN&&n&&d&&n.format()===d.format()&&d.subtract(1,"hours");var r=this.timeValue;d&&(r=y.default.getTime(d.format(),this.props.showSeconds,this.initialTimeZone)),this.handleChangeRaw(e,r),this.handleChange(e,d)}else if(""===this.dateValue&&""===this.timeValue)this.handleChangeRaw(e,this.timeValue),this.handleChange(e,null);else{if(!a&&i){var f=y.default.updateTime(n,this.timeValue,this.props.showSeconds);this.setState({dateTime:f})}this.handleChangeRaw(e,this.timeValue)}}},{key:"handleChange",value:function(e,t){if(this.setState({dateTime:t}),this.props.onChange&&(this.state.isAmbiguousTime||!y.default.checkAmbiguousTime(t))){var a=this.getMetadata(t);this.props.onChange(e,null!=t&&t.isValid()?t.format():"",a)}}},{key:"handleChangeRaw",value:function(e,t){if(this.props.onChangeRaw){var a=this.getMetadata(t);this.props.onChangeRaw(e,t,a)}}},{key:"handleOnDateInputFocus",value:function(e){this.handleOnInputFocus(e)}},{key:"handleOnTimeInputFocus",value:function(e){this.handleOnInputFocus(e)}},{key:"handleOnInputFocus",value:function(e){this.handleFocus(e),this.isDefaultDateAcceptable||(this.dateValue="",this.timeValue="",this.handleChange(e,null),this.isDefaultDateAcceptable=!0)}},{key:"handleFocus",value:function(e){!this.props.onFocus||this.containerHasFocus||this.dateTimePickerContainer.current.contains(e.relatedTarget)||(this.props.onFocus(e),this.containerHasFocus=!0)}},{key:"handleOnCalendarButtonClick",value:function(e){this.isDefaultDateAcceptable||this.validateDefaultDate()?this.isDefaultDateAcceptable=!0:(this.dateValue="",this.timeValue="",this.handleChange(e,null))}},{key:"handleDaylightSavingButtonClick",value:function(e){this.setState({isTimeClarificationOpen:!1});var t=this.state.dateTime.clone();if(t.isDST()){if(this.props.onChange&&!this.wasOffsetButtonClicked){var a=this.getMetadata(t);this.props.onChange(e,null!=t&&t.isValid()?t.format():"",a)}}else if(t.subtract(1,"hour"),this.setState({dateTime:t}),this.props.onChange){var i=this.getMetadata(t);this.props.onChange(e,null!=t&&t.isValid()?t.format():"",i)}this.wasOffsetButtonClicked||this.handleBlur(e,t),this.wasOffsetButtonClicked=!1}},{key:"handleStandardTimeButtonClick",value:function(e){this.setState({isTimeClarificationOpen:!1});var t=this.state.dateTime.clone();if(t.isDST()){if(t.add(1,"hour"),this.setState({dateTime:t}),this.props.onChange){var a=this.getMetadata(t);this.props.onChange(e,null!=t&&t.isValid()?t.format():"",a)}}else if(this.props.onChange&&!this.wasOffsetButtonClicked){var i=this.getMetadata(t);this.props.onChange(e,null!=t&&t.isValid()?t.format():"",i)}this.wasOffsetButtonClicked||this.handleBlur(e,t),this.wasOffsetButtonClicked=!1}},{key:"handleOffsetButtonClick",value:function(){this.wasOffsetButtonClicked=!0,this.setState((function(e){return{isTimeClarificationOpen:!e.isTimeClarificationOpen}}))}},{key:"handleOnRequestClose",value:function(){this.setState({isTimeClarificationOpen:!1})}},{key:"getMetadata",value:function(e){var t=e&&y.default.isMomentObject(e)?e.clone():null;if(b.default.isValidDate(this.dateValue,this.state.dateFormat)){var a=y.default.convertDateTimeStringToMomentObject(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds,this.initialTimeZone);a&&!a.isSame(t,"day")&&(t=a)}var i="",n=y.default.isValidDateTime(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds);n&&t&&(i=t.format());var l=this.timeValue||"";i&&(l=y.default.getTime(i,this.props.showSeconds,this.initialTimeZone));var s=!1,u="".concat(this.dateValue?this.dateValue:""," ").concat(l).trim();(""===u||n&&t&&this.isDateTimeAcceptable(t))&&(s=!0);var o=!1;return n&&t&&(o=y.default.checkAmbiguousTime(t)),{iSO:i,inputValue:u,dateValue:this.dateValue||"",timeValue:l,isAmbiguousHour:o,isCompleteValue:n,isValidValue:s}}},{key:"checkAmbiguousTime",value:function(e,t){if(!this.state.isTimeClarificationOpen){var a=!1,i=this.state.isAmbiguousTime;if(e&&e.isValid()){var n=e.clone();a=y.default.checkAmbiguousTime(n)}this.setState({isAmbiguousTime:a,isTimeClarificationOpen:a&&!i},t)}}},{key:"isDateTimeAcceptable",value:function(e){var t=!0;return b.default.isDateOutOfRange(e,y.default.createSafeDate(b.default.getMinDate(this.props.minDate),this.initialTimeZone),y.default.createSafeDate(b.default.getMaxDate(this.props.maxDate),this.initialTimeZone))&&(t=!1),b.default.isDateExcluded(e,this.props.excludeDates)&&(t=!1),t}},{key:"validateDefaultDate",value:function(){return this.isDateTimeAcceptable(this.state.dateTime)}},{key:"renderTimeClarification",value:function(){return h.default.createElement(S.default,{ambiguousDateTime:this.state.dateTime.format(),disabled:this.props.disabled,isOpen:this.state.isTimeClarificationOpen,isOffsetButtonHidden:!this.state.isAmbiguousTime,onDaylightSavingButtonClick:this.handleDaylightSavingButtonClick,onStandardTimeButtonClick:this.handleStandardTimeButtonClick,onOffsetButtonClick:this.handleOffsetButtonClick,onRequestClose:this.handleOnRequestClose,onBlur:this.handleOnTimeBlur,onFocus:this.handleFocus,initialTimeZone:this.initialTimeZone})}},{key:"render",value:function(){var e=this,t=this.props,a=t.dateInputAttributes,i=t.disabled,n=t.excludeDates,u=t.filterDate,o=t.includeDates,d=(t.initialTimeZone,t.isIncomplete),r=t.isInvalid,f=t.isInvalidMeridiem,c=(t.onBlur,t.onChange,t.onChangeRaw,t.onClickOutside),m=(t.onFocus,t.onRequestClose),p=(t.onSelect,t.maxDate),T=t.minDate,D=t.name,C=t.required,k=t.showSeconds,S=t.timeInputAttributes,_=(t.value,t.timeVariant),V=(0,s.default)(t,O),M=this.state.dateTime?this.state.dateTime.clone():null,w=b.default.formatMomentDate(M,"YYYY-MM-DD"),R=this.context,A=!!this.state.dateTime&&M.isAfter(y.default.createSafeDate(b.default.MAX_DATE.concat(" ","23:58:59"),this.initialTimeZone)),F=!!this.state.dateTime&&M.isBefore(y.default.createSafeDate(b.default.MIN_DATE.concat(" ","00:01:00"),this.initialTimeZone));return h.default.createElement("div",(0,l.default)({},V,{className:B("date-time-picker",R.className),ref:this.dateTimePickerContainer}),h.default.createElement("input",{"data-terra-date-time-input-hidden":!0,type:"hidden",name:D,value:null!=M&&M.isValid()?M.format():""}),h.default.createElement("div",{className:B("date-facade")},h.default.createElement(v.default,{onCalendarButtonClick:this.handleOnCalendarButtonClick,onChange:this.handleDateChange,onChangeRaw:this.handleDateChangeRaw,onSelect:this.handleOnSelect,onClickOutside:c,onRequestClose:m,onBlur:this.handleOnDateBlur,onFocus:this.handleOnDateInputFocus,excludeDates:n,filterDate:u,includeDates:o,inputAttributes:a,maxDate:b.default.getMaxDate(p),minDate:b.default.getMinDate(T),selectedDate:w,value:w,name:"input",disabled:i,disableButtonFocusOnClose:!0,isIncomplete:d,isInvalid:r,required:C,initialTimeZone:this.initialTimeZone,isDefaultDateAcceptable:!0})),h.default.createElement("div",{className:B("time-facade")},h.default.createElement(g.default,{onBlur:this.handleOnTimeBlur,onChange:this.handleTimeChange,onFocus:this.handleOnTimeInputFocus,inputAttributes:S,name:"input",value:this.timeValue,disabled:i,variant:_,refCallback:function(t){e.hourInput=t},showSeconds:k,isIncomplete:d,isInvalid:r,isInvalidMeridiem:f,required:C,atMaxDate:A,atMinDate:F}),this.state.isAmbiguousTime&&this.state.dateTime?this.renderTimeClarification():null))}}]),a}(h.default.Component);R.propTypes=M,R.defaultProps=w,R.contextType=D.default;t.default=(0,m.injectIntl)(R)},81852:function(e,t,a){var i=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(a(56690)),l=i(a(89728)),s=i(a(80008)),u=i(a(57689)),o=i(a(7030)),d=function(){function e(){(0,n.default)(this,e)}return(0,l.default)(e,null,[{key:"hasTime",value:function(t,a){if(!e.createSafeDate(t,a))return!1;var i="";return t.indexOf(" ")>0&&(i=t.split(" ")[1]),t.indexOf("T")>0&&(i=t.split("T")[1]),i.length>0}},{key:"syncDateTime",value:function(t,a,i,n){var l=(0,s.default)(a);if(t&&t.isValid()){var u=t.clone();return l.isValid()&&u.year(l.get("year")).month(l.get("month")).date(l.get("date")),i&&(!n&&5===i.length||n&&8===i.length)&&(u=e.updateTime(u,i,n)),u}if(l.isValid()){var o=l.clone();return i&&(!n&&5===i.length||n&&8===i.length)&&(o=e.updateTime(o,i,n)),o}return t}},{key:"updateTime",value:function(t,a,i){if(!t||!t.isValid())return null;var n=t.clone(),l=i?"HH:mm:ss":"HH:mm",u=(0,s.default)(a,l,!0),o=t.tz()||e.getLocalTimeZone();if(u.isValid()){var d=n.format("YYYY-MM-DD").concat(" ").concat(u.format(l));return s.default.tz(d,o)}return t}},{key:"getTime",value:function(t,a,i){var n=a?"HH:mm:ss":"HH:mm",l=e.createSafeDate(t,i);return u.default.formatMomentDate(l,n)}},{key:"isValidDateTime",value:function(t,a,i,n){return u.default.isValidDate(t,i)&&e.isValidTime(a,n)}},{key:"isValidTime",value:function(e,t){var a=t?"HH:mm:ss":"HH:mm";return(0,s.default)(e,a,!0).isValid()}},{key:"checkAmbiguousTime",value:function(e){if(!e||!e.isValid())return!1;var t=s.default.tz(e.format(),e.tz()),a=t.clone(),i=t.clone();a.add(1,"hour"),i.subtract(1,"hour");var n=t.isDST()&&!a.isDST(),l=!t.isDST()&&i.isDST();return n||l}},{key:"getDaylightSavingTZDisplay",value:function(t,a){var i=e.createSafeDate(t,a);return i.isValid()?(i.subtract(1,"days"),i.tz(i.tz()).format("z")):""}},{key:"getDaylightSavingExpandedTZDisplay",value:function(t,a){var i=e.createSafeDate(t,a);if(!i.isValid())return"";i.subtract(1,"days");var n=i.tz(),l=i.tz(n);return s.default.tz.zone(n).name+l.format(" z Z")}},{key:"getStandardTZDisplay",value:function(t,a){var i=e.createSafeDate(t,a);return i.isValid()?(i.add(1,"days"),i.tz(i.tz()).format("z")):""}},{key:"getStandardExpandedTZDisplay",value:function(t,a){var i=e.createSafeDate(t,a);if(!i.isValid())return"";i.add(1,"days");var n=i.tz(),l=i.tz(n);return s.default.tz.zone(n).name+l.format(" z Z")}},{key:"convertDateTimeStringToMomentObject",value:function(t,a,i,n,l){var s=e.createSafeDate(u.default.convertToISO8601(t,i),l);return e.updateTime(s,a,n)}},{key:"createSafeDate",value:function(t,a){if(t){var i=a&&s.default.tz.zone(a)?s.default.tz(t,a):s.default.tz(t,e.getLocalTimeZone());return i.isValid()?i:void 0}}},{key:"isMomentObject",value:function(e){return s.default.isMoment(e)}},{key:"getLocalTimeZone",value:function(){return s.default.tz.guess()}},{key:"checkIfTimeZoneIsValid",value:function(t){return s.default.tz.zone(t)?t:e.getLocalTimeZone()}}]),e}();d.FORMAT_12_HOUR=o.default.FORMAT_12_HOUR,d.FORMAT_24_HOUR=o.default.FORMAT_24_HOUR;t.default=d},47665:function(e,t,a){var i=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(a(56690)),l=i(a(89728)),s=i(a(66115)),u=i(a(61655)),o=i(a(94993)),d=i(a(73808)),r=i(a(67294)),f=i(a(45697)),c=i(a(19845)),h=i(a(42570)),m=i(a(55281)),p=a(25387),T=i(a(81852)),D=i(a(68266));function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,i=(0,d.default)(e);if(t){var n=(0,d.default)(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return(0,o.default)(this,a)}}var g=c.default.bind(D.default),C={ambiguousDateTime:f.default.string,intl:f.default.shape({formatMessage:f.default.func}).isRequired,isOpen:f.default.bool.isRequired,isOffsetButtonHidden:f.default.bool.isRequired,onBlur:f.default.func,onDaylightSavingButtonClick:f.default.func.isRequired,onFocus:f.default.func,onStandardTimeButtonClick:f.default.func.isRequired,onOffsetButtonClick:f.default.func.isRequired,onRequestClose:f.default.func.isRequired,disabled:f.default.bool,initialTimeZone:f.default.string},b=function(e){(0,u.default)(a,e);var t=v(a);function a(e){var i;return(0,n.default)(this,a),(i=t.call(this,e)).state={offsetDisplay:"",offsetLongDisplay:""},i.handleDaylightSavingButtonClick=i.handleDaylightSavingButtonClick.bind((0,s.default)(i)),i.handleStandardTimeButtonClick=i.handleStandardTimeButtonClick.bind((0,s.default)(i)),i}return(0,l.default)(a,[{key:"handleDaylightSavingButtonClick",value:function(e){this.setState({offsetDisplay:T.default.getDaylightSavingTZDisplay(this.props.ambiguousDateTime,this.props.initialTimeZone),offsetLongDisplay:T.default.getDaylightSavingExpandedTZDisplay(this.props.ambiguousDateTime,this.props.initialTimeZone)}),this.props.onDaylightSavingButtonClick&&this.props.onDaylightSavingButtonClick(e)}},{key:"handleStandardTimeButtonClick",value:function(e){this.setState({offsetDisplay:T.default.getStandardTZDisplay(this.props.ambiguousDateTime,this.props.initialTimeZone),offsetLongDisplay:T.default.getStandardExpandedTZDisplay(this.props.ambiguousDateTime,this.props.initialTimeZone)}),this.props.onStandardTimeButtonClick&&this.props.onStandardTimeButtonClick(e)}},{key:"render",value:function(){this.props.isOffsetButtonHidden&&(this.state.offsetDisplay="");var e=g(["button-offset",{"button-offset-hidden":this.props.isOffsetButtonHidden||!this.state.offsetDisplay}]),t=this.props.intl,a=t.formatMessage({id:"Terra.dateTimePicker.timeClarification.title"}),i=t.formatMessage({id:"Terra.dateTimePicker.timeClarification.message"}),n=t.formatMessage({id:"Terra.dateTimePicker.timeClarification.button.daylightSaving"}),l=t.formatMessage({id:"Terra.dateTimePicker.timeClarification.button.standardTime"});return r.default.createElement(r.default.Fragment,null,r.default.createElement(h.default,{classNameModal:g("time-clarification"),ariaLabel:"Time Clarification",isOpen:this.props.isOpen,onRequestClose:this.props.onRequestClose,closeOnEsc:!1,closeOnOutsideClick:!1,zIndex:"9000"},r.default.createElement("div",null,r.default.createElement("header",{className:g("header")},r.default.createElement("h1",{className:g("title")},a)),r.default.createElement("div",{className:g("body")},r.default.createElement("p",null,i)),r.default.createElement("div",{className:g("buttons")},r.default.createElement(m.default,{text:n,onClick:this.handleDaylightSavingButtonClick,variant:m.default.Opts.Variants.EMPHASIS,className:g("button-daylight")}),r.default.createElement(m.default,{text:l,onClick:this.handleStandardTimeButtonClick,variant:m.default.Opts.Variants.EMPHASIS,className:g("button-standard")})))),r.default.createElement("div",{className:g("offset-button-container")},r.default.createElement(m.default,{title:this.state.offsetLongDisplay,"aria-label":this.state.offsetLongDisplay,className:e,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onOffsetButtonClick,text:this.state.offsetDisplay,isCompact:!0,isDisabled:this.props.disabled})))}}]),a}(r.default.Component);b.propTypes=C,b.defaultProps={disabled:!1};t.default=(0,p.injectIntl)(b)}}]); \ No newline at end of file diff --git a/19255-a09b7ef8714306c49ea9.js b/19255-a09b7ef8714306c49ea9.js new file mode 100644 index 000000000..a7199bd73 --- /dev/null +++ b/19255-a09b7ef8714306c49ea9.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[19255],{86541:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;n.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,label:"Data",lowerLimit:80,upperLimit:280},y:{show:!0,label:"Line Set A",lowerLimit:-18,upperLimit:18},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!1}}},70412:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;n.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,label:"Data",lowerLimit:80,upperLimit:280},y:{show:!0,label:"Line Set A",lowerLimit:-18,upperLimit:18},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!1,showHGrid:!0}}},93065:function(e,n,r){"use strict";var t=r(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=t(r(67294)),i=t(r(45697));r(80244);var o={id:i.default.string.isRequired},l=function(e){return a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),a.default.createElement("div",{id:e.id,className:"example-graph-container"}))};l.propTypes=o;n.default=l},18439:function(e,n,r){"use strict";var t=r(64836);n.Z=void 0;var a=t(r(67294)),i=t(r(54520)),o=t(r(53334));r(56867);var l=t(r(93065)),d=t(r(86541)),p=o.default.deepClone((0,d.default)("#horizontalGridHidden"));n.Z=function(){return a.default.useEffect((function(){i.default.api.graph(p)}),[]),a.default.createElement(l.default,{id:"horizontalGridHidden"})}},43292:function(e,n,r){"use strict";var t=r(64836);n.Z=void 0;var a=t(r(67294)),i=t(r(54520)),o=t(r(53334));r(56867),r(39003);var l=t(r(93065)),d=t(r(70412)),p=o.default.deepClone((0,d.default)("#verticalGridHidden"));n.Z=function(){return a.default.useEffect((function(){i.default.api.graph(p)}),[]),a.default.createElement(l.default,{id:"verticalGridHidden"})}},19255:function(e,n,r){"use strict";r.r(n),r.d(n,{default:function(){return E}});var t=r(67294),a=r(81254),i=r(18439),o=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[r]=e[r]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var p={};function s(e){var n=e.components,r=d(e,o);return(0,a.mdx)("wrapper",l({},p,r,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/generalDefaultHGridHidden';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#horizontalGridHidden'));\n\nconst HorizontalGridHiddenGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default HorizontalGridHiddenGeneralExample;\n\n")))}s.isMDXComponent=!0;var c=r(49271),u=r(25005),m=function(e){var n=e.title,r=e.description,a=e.isExpanded;return t.createElement(c.Z,{title:n||"Horizontal Grid Hidden",description:r,example:t.createElement(i.Z,null),exampleCssSrc:t.createElement(u.Z,null),exampleSrc:t.createElement(s,null),isExpanded:a})},f=r(61775),h=r(43292),g=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[r]=e[r]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var y={};function v(e){var n=e.components,r=x(e,g);return(0,a.mdx)("wrapper",b({},y,r,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Line/LineGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/generalDefaultVGridHidden';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#verticalGridHidden'));\n\nconst VerticalGridHiddenGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default VerticalGridHiddenGeneralExample;\n\n")))}v.isMDXComponent=!0;var w=function(e){var n=e.title,r=e.description,a=e.isExpanded;return t.createElement(c.Z,{title:n||"Vertical Grid Hidden",description:r,example:t.createElement(h.Z,null),exampleCssSrc:t.createElement(u.Z,null),exampleSrc:t.createElement(v,null),isExpanded:a})},G=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[r]=e[r]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}r(51320);var C={},L="wrapper";function E(e){var n=e.components,r=j(e,G);return(0,a.mdx)(L,O({},C,r,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"grid"},"Grid"),(0,a.mdx)("p",null,"Grid contains graph examples related to hiding horizontal and vertical grid."),(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 i @cerner/carbon-graphs --save-dev"))))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(m,{mdxType:"HorizontalGridHiddenGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data used for horizontal grid hidden")),(0,a.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,a.mdx)(f.Z,{mdxType:"HorizontalGridHiddenGraphConfig"})),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)(w,{mdxType:"VerticalGridHiddenGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data used for vertical grid hidden")),(0,a.mdx)("h3",{id:"graph-config-object-1"},"Graph Config object"),(0,a.mdx)(f.Z,{mdxType:"VerticalGridHiddenGraphConfig"})))}E.isMDXComponent=!0},61775:function(e,n,r){"use strict";r.d(n,{Z:function(){return p}});r(67294);var t=r(81254),a=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[r]=e[r]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var l={},d="wrapper";function p(e){var n=e.components,r=o(e,a);return(0,t.mdx)(d,i({},l,r,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-js"},"const getLineDefaultConfig = (id) => ({\n bindTo: id,\n bindLegendTo: null,\n axis: {\n x: {\n show: true,\n label: 'Data',\n lowerLimit: 80,\n upperLimit: 280,\n },\n y: {\n show: true,\n label: 'Line Set A',\n lowerLimit: -18,\n upperLimit: 18,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getLineDefaultConfig;\n\n\n")))}p.isMDXComponent=!0},51320:function(e,n,r){var t,a;void 0===(a="function"==typeof(t=function(){var e="details",n="summary";function r(e){if("summary"===e.target.nodeName.toLowerCase()){var n=e.target.parentNode;if(!n)return;n.getAttribute("open")?(n.open=!1,n.removeAttribute("open")):(n.open=!0,n.setAttribute("open","open"))}}function t(){var r=document.createElement(e);if(!("open"in r))return!1;r.innerHTML="<"+n+">ab",document.body.appendChild(r);var t=r.offsetHeight;r.open=!0;var a=t!=r.offsetHeight;return document.body.removeChild(r),a}function a(e,n){if(!document.getElementById(e)){var r=document.createElement("style");r.id=e,r.innerHTML=n,document.getElementsByTagName("head")[0].appendChild(r)}}t()||(document.documentElement.className+=" no-details",window.addEventListener("click",r),a("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+n+") { display: none; }\nhtml.no-details "+e+" > "+n+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+n+':before { content: "▼"; }'))})?t.call(n,r,n,e):t)||(e.exports=a)},39003:function(e,n,r){"use strict";r.r(n),n.default={}}}]); \ No newline at end of file diff --git a/19279-abc156f3cf79b698ecd7.js b/19279-abc156f3cf79b698ecd7.js new file mode 100644 index 000000000..d04491255 --- /dev/null +++ b/19279-abc156f3cf79b698ecd7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[19279],{57204:function(e,t,a){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)}t.Z=void 0;var l,r=(l=a(67294))&&l.__esModule?l:{default:l},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var a=i(t);if(a&&a.has(e))return a.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=r?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(l,o,d):l[o]=e[o]}return l.default=e,a&&a.set(e,l),l}(a(98364));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(i=function(e){return e?a:t})(e)}t.Z=function(){return r.default.createElement(o.default,{paddingStyle:"compact",disableStripes:!0},r.default.createElement("caption",null,"Requested Quantities of Aspirin from the Last Six Months (table with row header cells in an offset column)"),r.default.createElement(o.Header,null,r.default.createElement(o.HeaderCell,{key:"ID"},r.default.createElement("abbr",{title:"Identification Number"},"Patient ID")),r.default.createElement(o.HeaderCell,{key:"NAME"},"Patient Name"),r.default.createElement(o.HeaderCell,{key:"JUL"},"July"),r.default.createElement(o.HeaderCell,{key:"AUG"},"August"),r.default.createElement(o.HeaderCell,{key:"SEPT"},"September"),r.default.createElement(o.HeaderCell,{key:"OCT"},"October"),r.default.createElement(o.HeaderCell,{key:"NOV"},"November"),r.default.createElement(o.HeaderCell,{key:"DEC"},"December")),r.default.createElement(o.Body,null,r.default.createElement(o.Row,null,r.default.createElement(o.Cell,{key:"ID"},"215"),r.default.createElement(o.HeaderCell,{key:"NAME"},"Abel"),r.default.createElement(o.Cell,{key:"JUL"},"5"),r.default.createElement(o.Cell,{key:"AUG"},"2"),r.default.createElement(o.Cell,{key:"SEPT"},"0"),r.default.createElement(o.Cell,{key:"OCT"},"0"),r.default.createElement(o.Cell,{key:"NOV"},"0"),r.default.createElement(o.Cell,{key:"DEC"},"3")),r.default.createElement(o.Row,null,r.default.createElement(o.Cell,{key:"ID"},"231"),r.default.createElement(o.HeaderCell,{key:"NAME"},"Annette "),r.default.createElement(o.Cell,{key:"JUL"},"0"),r.default.createElement(o.Cell,{key:"AUG"},"5"),r.default.createElement(o.Cell,{key:"SEPT"},"3"),r.default.createElement(o.Cell,{key:"OCT"},"0"),r.default.createElement(o.Cell,{key:"NOV"},"0"),r.default.createElement(o.Cell,{key:"DEC"},"6")),r.default.createElement(o.Row,null,r.default.createElement(o.Cell,{key:"ID"},"173"),r.default.createElement(o.HeaderCell,{key:"NAME"},"Bernard"),r.default.createElement(o.Cell,{key:"JUL"},"2"),r.default.createElement(o.Cell,{key:"AUG"},"0"),r.default.createElement(o.Cell,{key:"SEPT"},"0"),r.default.createElement(o.Cell,{key:"OCT"},"5"),r.default.createElement(o.Cell,{key:"NOV"},"0"),r.default.createElement(o.Cell,{key:"DEC"},"0")),r.default.createElement(o.Row,null,r.default.createElement(o.Cell,{key:"ID"},"141"),r.default.createElement(o.HeaderCell,{key:"NAME"},"Gerald"),r.default.createElement(o.Cell,{key:"JUL"},"0"),r.default.createElement(o.Cell,{key:"AUG"},"10"),r.default.createElement(o.Cell,{key:"SEPT"},"0"),r.default.createElement(o.Cell,{key:"OCT"},"0"),r.default.createElement(o.Cell,{key:"NOV"},"0"),r.default.createElement(o.Cell,{key:"DEC"},"8")),r.default.createElement(o.Row,null,r.default.createElement(o.Cell,{key:"ID"},"99"),r.default.createElement(o.HeaderCell,{key:"NAME"},"Michael"),r.default.createElement(o.Cell,{key:"JUL"},"8"),r.default.createElement(o.Cell,{key:"AUG"},"8"),r.default.createElement(o.Cell,{key:"SEPT"},"8"),r.default.createElement(o.Cell,{key:"OCT"},"8"),r.default.createElement(o.Cell,{key:"NOV"},"0"),r.default.createElement(o.Cell,{key:"DEC"},"4"))))}},22863:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(67294)),r=n(a(45697)),o=n(a(19845)),i=n(a(17422)),d=o.default.bind(i.default),u={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,a=e.name,n=e.url,r=e.version,o=l.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(r)},l.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),l.default.createElement("span",{className:d("badge-version")},"v".concat(r))),i=t?l.default.createElement("a",{className:d("badge"),href:t},l.default.createElement("span",{className:d("badge-name")},"github"),l.default.createElement("span",{className:d("badge-version")},"source")):void 0;return l.default.createElement("div",{className:d("badge-container")},o,i)};c.propTypes=u;var s=c;t.Z=s},40996:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(67294)),l=u(a(45697)),r=u(a(19845)),o=u(a(50026)),i=u(a(66983)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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 m=r.default.bind(i.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:l.default.string},b=function(e){var t=e.children,a=s(e,d),l=n.default.useContext(o.default),i=(0,r.default)(m(["button",l.className]),a.className);return n.default.createElement("button",c({},a,{type:"button",className:i,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};b.propTypes=h;t.default=b},59278:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(67294)),l=d(a(45697)),r=d(a(19845)),o=d(a(50026)),i=d(a(30866));function d(e){return e&&e.__esModule?e:{default:e}}var u=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(o.default);return n.default.createElement("div",{className:u("notice",a,r.className)},n.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:u("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:u("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:u("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},47306:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(a(67294)),l=c(a(45697)),r=c(a(93967)),o=c(a(19845)),i=c(a(50026)),d=c(a(42620)),u=["title"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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=o.default.bind(d.default),f={title:l.default.string},h=function(e){var t=e.title,a=m(e,u),l=n.default.useContext(i.default),o=(0,r.default)(p(["placeholder",l.className]),a.className),d=p(["inner"]);return n.default.createElement("div",s({},a,{className:o}),n.default.createElement("div",{className:d},n.default.createElement("p",{className:p("title")},t)))};h.propTypes=f,h.defaultProps={title:""};t.default=h},34261: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=o(a(59278)),l=o(a(47306)),r=o(a(40996));function o(e){return e&&e.__esModule?e:{default:e}}},19279:function(e,t,a){a.r(t),a.d(t,{default:function(){return m}});a(67294);var n=a(81254),l=a(44592),r=a(34261),o=a(57204),i=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var c={},s="wrapper";function m(e){var t=e.components,a=u(e,i);return(0,n.mdx)(s,d({},c,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(l.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"accessibility-guide-for-html-table"},"Accessibility Guide for HTML-Table"),(0,n.mdx)("h2",{id:"why-the-accessibility-of-html-table-is-important"},"Why the accessibility of HTML Table is important?"),(0,n.mdx)("p",null,"Tables are a simple and intuitive way to display tabular information that is related. However, if tables are not made to be accessible, they may not provide the necessary context to understand that tabular data. Inaccessible tables can be confusing and severely cumbersome to understand for some users, especially screen reader users."),(0,n.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,n.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Consider using a heading before the table or adding a table caption to help users understand the purpose of the table. "),(0,n.mdx)("li",{parentName:"ul"},"Always provide both a table row header and a column header when displaying tabular data. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Provide engineers with text for each row and column header where applicable. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure all headings appropriately describe the content they represent. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Row headers should be used to describe the content of a row. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"For example, in a patient list the patient’s name in the first column of the row should be the row header because it describes what the other content is referring to. "),(0,n.mdx)("li",{parentName:"ul"},"In most instances, row headers should be the first column of the table but may be the second column if there are checkboxes in the first. Very rarely should the row header be in a column after the first or second column. "))),(0,n.mdx)("li",{parentName:"ul"},"Each column header must also describe the content within the column. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"It is appropriate to have a column header that describes the column filled with all the row headers. For example, the column with a patient name as row header would have a column header “Patient” or “Patient Name” – whatever would best describe the content and purpose of the column."))))),(0,n.mdx)("li",{parentName:"ul"},"Communicate to engineers which column should within a row if it is not the first column. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"It is best practice is to have the first or second column used to display row headers. "),(0,n.mdx)("li",{parentName:"ul"},"Most tables at Cerner should use both row headers and column headers, though there may be a an extremely few instances where a table only requires headers on only one axis. "))))),(0,n.mdx)("li",{parentName:"ul"},"Never use color as the only way to convey information within a table. Instead, use color combined with an icon or text to communicate any meaning. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure all content (text or graphics) added within a table meet the appropriate contrast rations against their background colors. See ",(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html"},"1.4.3 Contrast (Minimum)")," and ",(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html"},"1.4.10 Non-text Contrast")," for more information. "),(0,n.mdx)("li",{parentName:"ul"},"Consider how content can resize or reflow within the table at smaller breakpoints and screen sizes. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Communicate to engineers any guidance for content resizing or reflowing at different breakpoints. ")))),(0,n.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Do not override the role of any HTML Table, table header, column, row, cell, or other native HTML element that make up an HTML Table. "),(0,n.mdx)("li",{parentName:"ul"},"Do not use Terra HTML-Table to display non-tabular content. For example, do not use tables to layout content for layout purposes only where there is no relationship of data between the columns and rows. "),(0,n.mdx)("li",{parentName:"ul"},"Do not make a table cell, row, or column receive keyboard focus. Only actionable elements within a table should receive keyboard focus. "),(0,n.mdx)("li",{parentName:"ul"},"Do NOT make any part of the HTML Table (rows, columns, cells, etc.) receive keyboard focus - only interactive content within the cells should receive focus. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers are responsible for ensuring all interactive elements within a table can receive keyboard focus, can be interacted with, and acted upon. "),(0,n.mdx)("li",{parentName:"ul"},"Most tables at Cerner will require both column and row headers to ensure tabular relationships can be understood programmatically.")),(0,n.mdx)(r.Notice,{ariaLevel:"4",mdxType:"Notice"},(0,n.mdx)("p",null," ",(0,n.mdx)("strong",{parentName:"p"},"Accessibility Guidance: Adding table with offset row header")),(0,n.mdx)("div",{"aria-label":"Example Demo"},(0,n.mdx)(o.Z,{mdxType:"RowHeaderTable"})),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},' \n \n
\n Patient ID\n Patient Name\n July\n August\n September\n October\n November\n December\n
\n \n \n 215\n Abel\n 5\n 2\n 0\n 0\n 0\n 3\n \n \n 231\n Annette \n 0\n 5\n 3\n 0\n 0\n 6\n \n \n 173\n Bernard\n 2\n 0\n 0\n 5\n 0\n 0\n \n \n 141\n Gerald\n 0\n 10\n 0\n 0\n 0\n 8\n \n \n 99\n Michael\n 8\n 8\n 8\n 8\n 0\n 4\n \n \n
\n Requested Quantities of Aspirin from the Last Six Months (table with row header cells in an offset column)\n
\n'))),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"By default, row headers should be the first column but may be the second column if the first column contains checkboxes to select a row. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Work with content creators to understand placement of row headers should the need be different. "),(0,n.mdx)("li",{parentName:"ul"},"Very rarely should row headers be assigned beyond the second column. "))),(0,n.mdx)("li",{parentName:"ul"},"Work with content creators to understand how, if any, resizing or reflow of content may happen at different breakpoints or screen sizes. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure content is coded in the user’s logical reading order of the page. Generally, this is top left to the right and down in a zig zag pattern.")),(0,n.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,n.mdx)("p",null,"Users expect to understand the relationship of content by using column and row headers that describe cell content."),(0,n.mdx)("h3",{id:"interaction-details"},"Interaction Details"),(0,n.mdx)("p",null,"HTML Table itself is not interactive nor does it receive keyboard focus. "),(0,n.mdx)("h3",{id:"keyboard-expectations"},"Keyboard Expectations"),(0,n.mdx)("p",null,"Users do not have any keyboard expectations from Terra HTML Table because the table, rows, columns, and cells are not actionable. Users would, however, expect all actionable elements within the table to be keyboard accessible."),(0,n.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,n.mdx)("p",null,"Terra is committed to ensuring its components provide maximum possible accessibility. Terra provides the ability to make accessibility products. However, using Terra components will not automatically make a product accessible.\nFinal responsibility lies with the consumers of Terra components — ensuring proper usage, programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible."),(0,n.mdx)("h3",{id:"primary-criteria"},"Primary Criteria"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},"1.3.1 Info and Relationships")," – Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra HTML tables provides the ability to set column and row headers to appropriately provide necessary context of data. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must appropriately assign row headers and or column headers to ensure appropriate programmatic context can be conveyed to screen reader users so they may understand the relationships of the table data. "),(0,n.mdx)("li",{parentName:"ul"},"Work with content creators to understand which columns and rows should be used for the column/row headers. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must NOT use Terra Table to layout or display content other than tabular content. Tables should only be used with tabular data. "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must communicate to the engineers which content that should be used for column and row headers. "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html"},"4.1.2 Name, Role, Value")," – Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra HTML tables are created using the native HTML components that implicitly have roles defined and can have names assigned by the consuming team. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must not override the role of any HTML Table, column, row, or other native HTML elements that make up HTML Table. "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide the appropriate names of column and row headers.")))),(0,n.mdx)("h3",{id:"secondary-criteria"},"Secondary Criteria"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html"},"1.4.1 Use of Color")," – Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra HTML Table does not use color to convey information. "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must not use color as the only way to convey meaningful information to the user. "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html"},"1.4.3 Contrast (Minimum)")," – Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra text meets the appropriate color contrast requirements against default background colors. "),(0,n.mdx)("li",{parentName:"ul"},"If the default text or background color is not used, content creators are responsible for ensuring all text colors meet the appropriate contrast ratio based upon the background the text appears on top of. "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/resize-text"},"1.4.4 Resize text")," – Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra HTML table does not restrict the resizing of text. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must not artificially constrict content and prevent text from resizing. Work with the content creators to understand how content resizes and reflows at various breakpoints. "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must consider how the table and its content would resize and reflow if text is resized by the user up to 200%. "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html"},"2.1.1 Keyboard")," – Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Tables nor their cells do not receive keyboard focus by default. This is the user’s expected behavior. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers are responsible for ensuring all interactive elements within a HTML table can receive keyboard focus, can be interacted with, and acted upon. "),(0,n.mdx)("li",{parentName:"ul"},"Do NOT make HTML Table cells receive keyboard focus - only interactive content within the cells should receive focus. "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-order.html"},"2.4.3 Focus Order")," – Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Tables by default do not set the focus order. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure their code is created in the order of the users logical reading order. "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-other-lang-id.html"},"3.1.2 Language of Parts")," – Does Not Support "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra HTML Table does not support cell content in a language different than that of the page being used.")))),(0,n.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Keyboard Interactions "),(0,n.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC) "),(0,n.mdx)("li",{parentName:"ul"},"NVDA tested (PC) "),(0,n.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC) ")),(0,n.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Mobile Touch Interactions with Screen Reader assistive technology ")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Speech Input Interactions with assistive technology ")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub")))),(0,n.mdx)("h3",{id:"linked-references"},"Linked References:"),(0,n.mdx)("ol",null,(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure"},"W3C WAI Aria: Table")),(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/tables/"},"WebAim.org: Creating Accessible Tables"))))}m.isMDXComponent=!0},44592:function(e,t,a){a.d(t,{C:function(){return r}});var n=a(67294),l=a(22863),r=function(e){var t=e.url;return n.createElement(l.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-html-table",name:"terra-html-table",version:"1.17.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},66983: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"}},30866: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"}},42620: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"}},17893:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},89650:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(a(67294)),l=c(a(45697)),r=c(a(93967)),o=c(a(19845)),i=c(a(50026)),d=c(a(17893)),u=["children","disableStripes","paddingStyle"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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=o.default.bind(d.default),f={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},h=function(e){var t=e.children,a=e.disableStripes,l=e.paddingStyle,o=m(e,u),d=n.default.useContext(i.default),c=(0,r.default)(p("table",{striped:!a},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},d.className),o.className);return n.default.createElement("table",s({},o,{className:c}),t)};h.propTypes=f,h.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=h},51523:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(67294)),l=o(a(45697)),r=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 d={children:l.default.node},u=function(e){var t=e.children,a=i(e,r);return n.default.createElement("tbody",a,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},58741:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(67294)),l=o(a(45697)),r=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 d={children:l.default.node},u=function(e){var t=e.children,a=i(e,r);return n.default.createElement("td",a,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},90703:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(a(67294)),l=i(a(45697)),r=i(a(96576)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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={children:l.default.node},c=function(e){var t=e.children,a=d(e,o);return n.default.createElement("thead",a,n.default.createElement("tr",null,r.default.addScope(t,"col")))};c.propTypes=u,c.defaultProps={children:[]};t.default=c},8078:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(67294)),l=o(a(45697)),r=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 d={children:l.default.node},u=function(e){var t=e.children,a=i(e,r);return n.default.createElement("th",a,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},34847:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(67294)),l=u(a(45697)),r=u(a(19845)),o=u(a(17893)),i=u(a(96576)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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 m=r.default.bind(o.default),p={children:l.default.node},f=function(e){var t=e.children,a=s(e,d),l=m(["row"]);return n.default.createElement("tr",c({},a,{className:a.className?"".concat(l," ").concat(a.className):l}),i.default.addScope(t,"row"))};f.propTypes=p,f.defaultProps={children:[]};t.default=f},96576:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,l=(n=a(67294))&&n.__esModule?n:{default:n};var r={addScope:function(e,t){var a=[];return l.default.Children.forEach(e,(function(e){a.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),a}};t.default=r},98364:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return r.default}}),t.default=void 0;var n=u(a(89650)),l=u(a(51523)),r=u(a(34847)),o=u(a(58741)),i=u(a(90703)),d=u(a(8078));function u(e){return e&&e.__esModule?e:{default:e}}t.default=n.default}}]); \ No newline at end of file diff --git a/19291-f3cdeecfcd567f197c19.js b/19291-f3cdeecfcd567f197c19.js new file mode 100644 index 000000000..ae7b2e15e --- /dev/null +++ b/19291-f3cdeecfcd567f197c19.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[19291],{6865:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(34171));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement(a.default,{href:"https://www.cerner.com",variant:"audio",text:"Audio hyperlink"})}},13390:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(34171));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement(a.default,{href:"https://www.cerner.com",text:"Default hyperlink"})}},27173:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(34171));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement(a.default,{onClick:function(){},text:"Default hyperlink button"})}},56137:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(34171));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement(a.default,{href:"https://www.cerner.com",variant:"document",text:"Document hyperlink"})}},45855:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(34171));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement(a.default,{href:"https://www.cerner.com",variant:"external",text:"External hyperlink"})}},56724:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(34171));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement(a.default,{href:"https://www.cerner.com",variant:"image",text:"Image hyperlink"})}},87927:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(34171));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement(a.default,{href:"https://www.cerner.com",variant:"video",text:"Video hyperlink"})}},22863:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),l=r(n(45697)),d=r(n(19845)),o=r(n(17422)),i=d.default.bind(o.default),p={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,d=a.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:i("badge-version")},"v".concat(l))),o=t?a.default.createElement("a",{className:i("badge"),href:t},a.default.createElement("span",{className:i("badge-name")},"github"),a.default.createElement("span",{className:i("badge-version")},"source")):void 0;return a.default.createElement("div",{className:i("badge-container")},d,o)};m.propTypes=p;var u=m;t.Z=u},49271:function(e,t,n){var r=n(64836),a=n(18698);t.Z=void 0;var l=r(n(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var n=x(t);if(n&&n.has(e))return n.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var o=l?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(r,d,o):r[d]=e[d]}r.default=e,n&&n.set(e,r);return r}(n(67294)),o=r(n(45697)),i=r(n(19845)),p=n(21538),m=r(n(33864)),u=r(n(23399)),c=n(51051),s=r(n(53560));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(s.default),y={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,o=e.description,i=e.isExpanded,s=(0,d.useState)(i),x=(0,l.default)(s,2),y=x[0],v=x[1],b=(0,d.useState)(!1),O=(0,l.default)(b,2),T=O[0],w=O[1],k=d.default.useContext(p.ThemeContext),N=void 0!==r,_=function(){w(!T),y&&v(!y)},E=function(){v(!y),T&&w(!T)},C=function(e,t){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),t())};return d.default.createElement("div",{className:f("template",k.className)},d.default.createElement("div",{className:f("header")},a&&d.default.createElement("h2",{className:f("title")},a)),d.default.createElement("div",{className:f("content")},o&&d.default.createElement("div",{className:f("description")},o),t),d.default.createElement("div",{className:f("footer")},n?d.default.createElement("div",{className:f("button-container")},N&&d.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":T}),onClick:_,onKeyDown:function(e){return C(e,_)},onBlur:g,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(m.default,{className:f("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(u.default,{className:f("chevron")})),d.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":y}),onClick:E,onKeyDown:function(e){return C(e,E)},onBlur:g,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(m.default,{className:f("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(u.default,{className:f("chevron")}))):null,d.default.createElement("div",null,T&&d.default.createElement("div",{className:f("css")},r),y&&d.default.createElement("div",{className:f("code")},n))))};v.propTypes=y,v.defaultProps={isExpanded:!1};var b=v;t.Z=b},10086:function(e,t,n){n.r(t),n.d(t,{default:function(){return xe}});var r=n(67294),a=n(81254),l=n(47455),d=n(13390),o=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m={};function u(e){var t=e.components,n=p(e,o);return(0,a.mdx)("wrapper",i({},m,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Hyperlink from 'terra-hyperlink';\n\nexport default () => ;\n\n")))}u.isMDXComponent=!0;var c=n(49271),s=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.Z,{title:t||"Default Hyperlink",description:n,example:r.createElement(d.Z,null),exampleSrc:r.createElement(u,null),isExpanded:a})},x=n(27173),f=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var h={};function v(e){var t=e.components,n=g(e,f);return(0,a.mdx)("wrapper",y({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Hyperlink from 'terra-hyperlink';\n\nexport default () => {}} text=\"Default hyperlink button\" />;\n\n")))}v.isMDXComponent=!0;var b=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.Z,{title:t||"Default Hyperlink Button",description:n,example:r.createElement(x.Z,null),exampleSrc:r.createElement(v,null),isExpanded:a})},O=n(6865),T=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var N={};function _(e){var t=e.components,n=k(e,T);return(0,a.mdx)("wrapper",w({},N,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Hyperlink from \'terra-hyperlink\';\n\nexport default () => ;\n\n')))}_.isMDXComponent=!0;var E=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.Z,{title:t||"Audio Hyperlink",description:n,example:r.createElement(O.Z,null),exampleSrc:r.createElement(_,null),isExpanded:a})},C=n(56137),j=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var P={};function S(e){var t=e.components,n=R(e,j);return(0,a.mdx)("wrapper",D({},P,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Hyperlink from \'terra-hyperlink\';\n\nexport default () => ;\n\n')))}S.isMDXComponent=!0;var M=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.Z,{title:t||"Document Hyperlink",description:n,example:r.createElement(C.Z,null),exampleSrc:r.createElement(S,null),isExpanded:a})},Z=n(45855),H=["components"];function X(){return X=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var W={};function A(e){var t=e.components,n=q(e,H);return(0,a.mdx)("wrapper",X({},W,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Hyperlink from \'terra-hyperlink\';\n\nexport default () => ;\n\n')))}A.isMDXComponent=!0;var B=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.Z,{title:t||"External Hyperlink",description:n,example:r.createElement(Z.Z,null),exampleSrc:r.createElement(A,null),isExpanded:a})},I=n(56724),V=["components"];function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var K={};function G(e){var t=e.components,n=U(e,V);return(0,a.mdx)("wrapper",L({},K,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Hyperlink from \'terra-hyperlink\';\n\nexport default () => ;\n\n')))}G.isMDXComponent=!0;var F=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.Z,{title:t||"Image Hyperlink",description:n,example:r.createElement(I.Z,null),exampleSrc:r.createElement(G,null),isExpanded:a})},Y=n(87927),z=["components"];function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var $={};function ee(e){var t=e.components,n=Q(e,z);return(0,a.mdx)("wrapper",J({},$,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Hyperlink from \'terra-hyperlink\';\n\nexport default () => ;\n\n')))}ee.isMDXComponent=!0;var te=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.Z,{title:t||"Video Hyperlink",description:n,example:r.createElement(Y.Z,null),exampleSrc:r.createElement(ee,null),isExpanded:a})},ne=n(78530),re=["components"];function ae(){return ae=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var de={},oe="wrapper";function ie(e){var t=e.components,n=le(e,re);return(0,a.mdx)(oe,ae({},de,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(ne.ZP,{mdxType:"PropsTable"},(0,a.mdx)(ne.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(ne.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(ne.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(ne.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ne.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nThis prop is deperecated and will be removed on next MVB release.\nupdate all the references to use ",(0,a.mdx)("inlineCode",{parentName:"p"},"text")," prop to add the content to display inside link."))),(0,a.mdx)(ne.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(ne.O,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(ne.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ne.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ne.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The content to display inside link."))),(0,a.mdx)(ne.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(ne.O,{mdxType:"PropNameCell"},"title"),(0,a.mdx)(ne.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ne.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ne.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Additional information to display as a native tooltip on hover."))),(0,a.mdx)(ne.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(ne.O,{mdxType:"PropNameCell"},"href"),(0,a.mdx)(ne.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ne.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ne.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.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,a.mdx)("inlineCode",{parentName:"p"},"onClick")," callback is used."))),(0,a.mdx)(ne.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(ne.O,{mdxType:"PropNameCell"},"isDisabled"),(0,a.mdx)(ne.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ne.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ne.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nThis prop is deperecated and will be removed on next MVB release.\nDo not use this prop as Accessibility best practices are to not use hyperlinks that are disabled."))),(0,a.mdx)(ne.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(ne.O,{mdxType:"PropNameCell"},"isUnderlineHidden"),(0,a.mdx)(ne.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ne.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ne.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nThis prop is deperecated and will be removed on next MVB release.\nDo not use this prop as Accessibility best practices are to always have hyperlinks display with an underline."))),(0,a.mdx)(ne.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(ne.O,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(ne.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ne.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ne.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.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,a.mdx)("inlineCode",{parentName:"p"},"onClick")," should be ignored when ",(0,a.mdx)("inlineCode",{parentName:"p"},"href")," is provided."))),(0,a.mdx)(ne.X2,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(ne.O,{mdxType:"PropNameCell"},"onBlur"),(0,a.mdx)(ne.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ne.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ne.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when hyperlink loses focus."))),(0,a.mdx)(ne.X2,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(ne.O,{mdxType:"PropNameCell"},"onFocus"),(0,a.mdx)(ne.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ne.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ne.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when hyperlink gains focus."))),(0,a.mdx)(ne.X2,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(ne.O,{mdxType:"PropNameCell"},"onKeyDown"),(0,a.mdx)(ne.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ne.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ne.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when key is pressed."))),(0,a.mdx)(ne.X2,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(ne.O,{mdxType:"PropNameCell"},"onKeyUp"),(0,a.mdx)(ne.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ne.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ne.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when key is released."))),(0,a.mdx)(ne.X2,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(ne.O,{mdxType:"PropNameCell"},"variant"),(0,a.mdx)(ne.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'default'\n 'external'\n 'image'\n 'video'\n 'audio'\n 'document'\n],\n"))),(0,a.mdx)(ne.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,a.mdx)(ne.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the hyperlink variant. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"external"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"image"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"video"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"audio"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"document"),".")))))}ie.isMDXComponent=!0;var pe=["components"];function me(){return me=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ce={},se="wrapper";function xe(e){var t=e.components,n=ue(e,pe);return(0,a.mdx)(se,me({},ce,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-hyperlink"},"Terra Hyperlink"),(0,a.mdx)("p",null,"The terra hyperlink component allows linking to other web pages, files, locations within the same page, email addresses, or any other URL."),(0,a.mdx)("h2",{id:"terra-hyperlink-button"},"Terra Hyperlink Button"),(0,a.mdx)("p",null,"Similar to the standard hyperlinks, there are times when applications may need to use a button element and add a onClick function to navigate the user, instead of a traditional anchor ",(0,a.mdx)("inlineCode",{parentName:"p"},"")," element with an ",(0,a.mdx)("inlineCode",{parentName:"p"},"href")," attribute for URL routing."),(0,a.mdx)("p",null,"Terra Hyperlink Button can be created by providing callback / handler to ",(0,a.mdx)("inlineCode",{parentName:"p"},"onClick")," prop. Hyperlink Button is intended to communicate both visually to sighted users and to accessible users relying on assistive technology, that the interactive element is still a link, with the intention of navigating a user somewhere (contrasted with standard buttons which communicate that user can take an action)."),(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-hyperlink"))))),(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:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Hyperlink from 'terra-hyperlink';\n")),(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#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(s,{mdxType:"DefaultHyperlink"}),(0,a.mdx)(b,{mdxType:"DefaultHyperlinkButton"}),(0,a.mdx)(B,{description:"An external variant adds a custom icon to indicate the destination is external to the source.",mdxType:"External"}),(0,a.mdx)(E,{description:"An audio variant adds a custom icon to indicate the content linked is audio.",mdxType:"Audio"}),(0,a.mdx)(te,{description:"A video variant adds a custom icon to indicate the content linked is a video.",mdxType:"Video"}),(0,a.mdx)(F,{description:"An image variant adds a custom icon to indicate the content linked is an image.",mdxType:"Image"}),(0,a.mdx)(M,{description:"A document variant adds a custom icon to indicate the content linked is document (.pdf, .doc, .xls, etc.).",mdxType:"Document"}),(0,a.mdx)("h2",{id:"hyperlink-props"},"Hyperlink Props"),(0,a.mdx)(ie,{mdxType:"HyperlinkPropsTable"}))}xe.isMDXComponent=!0},47455:function(e,t,n){n.d(t,{C:function(){return l}});var r=n(67294),a=n(22863),l=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-hyperlink",name:"terra-hyperlink",version:"2.65.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var s={};function d(e){var n=e.components,t=i(e,r);return(0,o.mdx)("wrapper",c({},s,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef, useCallback } from 'react';\nimport { WorklistDataGrid } from 'terra-data-grid';\nimport WorklistDataGridUtils from 'terra-data-grid/src/utils/WorklistDataGridUtils';\n\nconst gridDataJSON = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '', isMasked: true },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1107-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n\n ],\n },\n {\n id: '3',\n cells: [\n { content: 'Carr, Alicia' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 3 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n\n ],\n },\n {\n id: '4',\n cells: [\n { content: 'McMurphy, Donald' },\n { content: '1024-MTN', isMasked: true },\n { content: 'Stable' },\n { content: 'Inpatient, 5 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n ],\n },\n {\n id: '5',\n cells: [\n { content: 'Peters, Timothy' },\n { content: '1207-MTN' },\n { content: 'Unstable', isMasked: true },\n { content: 'Outpatient, 15 days' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n ],\n },\n {\n id: '6',\n cells: [\n { content: 'Jones, Becky' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n ],\n },\n {\n id: '7',\n cells: [\n { content: 'Williams, Peter' },\n { content: '1002-KTN' },\n { content: 'Unstable' },\n { content: 'Outpatient, 9 days' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n ],\n },\n {\n id: '8',\n cells: [\n { content: 'Pratt, Michaela' },\n { content: '2108-NTN' },\n { content: 'Stable' },\n { content: 'Outpatient, 45 days' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n ],\n },\n {\n id: '9',\n cells: [\n { content: 'Styris, Scott' },\n { content: '1007-MTN', isMasked: true },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n ],\n },\n {\n id: '10',\n cells: [\n { content: 'Cook, Allan' },\n { content: '1700-SKB' },\n { content: 'Stable' },\n { content: 'Inpatient, 4 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n ],\n },\n {\n id: '11',\n cells: [\n { content: 'Lahey, Nathaniel' },\n { content: '1348-DRS' },\n { content: 'Unstable' },\n { content: 'Inpatient, 1 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n ],\n },\n {\n id: '12',\n cells: [\n { content: 'Harris, Isabella' },\n { content: '1809-MTN' },\n { content: 'Stable' },\n { content: 'Inpatient, 6 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n ],\n },\n {\n id: '13',\n cells: [\n { content: 'Millstone, Asher' },\n { content: '4133-MZN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 9 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n ],\n },\n ],\n};\n\nconst RowSelection = () => {\n const rowSelectionModeRef = useRef();\n const rowHeaderIndex = 0;\n const { cols, rows } = gridDataJSON;\n const [rowData, setRowData] = useState(rows);\n const [hasSelectableRows, setHasSelectableRows] = useState(false);\n\n const clearRowSelection = useCallback(() => {\n const newRowData = [...rowData];\n // eslint-disable-next-line no-return-assign, no-param-reassign\n newRowData.forEach(row => (row.isSelected = false));\n setRowData(newRowData);\n }, [rowData]);\n\n const disableSelectableRows = useCallback(() => {\n rowSelectionModeRef.current.checked = false;\n setHasSelectableRows(false);\n clearRowSelection();\n }, [clearRowSelection]);\n\n const onRowSelectionModeChange = useCallback((event) => {\n if (!event.target.checked) {\n clearRowSelection();\n }\n setHasSelectableRows(event.target.checked);\n }, [clearRowSelection]);\n\n const onColumnSelect = useCallback((columnId) => {\n if (columnId === WorklistDataGridUtils.ROW_SELECTION_COLUMN.id) {\n // eslint-disable-next-line no-alert\n alert('Row Selection Header Clicked');\n }\n }, []);\n\n const onRowSelect = useCallback((rowsToSelectAndUnSelect) => {\n // Remove current selections\n const newRowData = [...rowData];\n\n rowsToSelectAndUnSelect.forEach((updatedRow) => {\n const dataRowToUpdate = newRowData.find(row => row.id === updatedRow.id);\n if (dataRowToUpdate) {\n dataRowToUpdate.isSelected = updatedRow.selected;\n }\n });\n\n setRowData(newRowData);\n }, [rowData]);\n\n const onRowSelectAll = useCallback(() => {\n const newRowData = [...rowData];\n // eslint-disable-next-line no-return-assign, no-param-reassign\n newRowData.forEach(row => (row.isSelected = true));\n setRowData(newRowData);\n }, [rowData]);\n\n const enableRowSelection = useCallback(() => {\n if (!rowSelectionModeRef.current.checked) {\n rowSelectionModeRef.current.checked = true;\n }\n setHasSelectableRows(true);\n }, []);\n\n return (\n \n
\n \n \n
\n \n
\n );\n};\n\nexport default RowSelection;\n\n")))}d.isMDXComponent=!0;var u=t(49271),m=function(e){var n=e.title,t=e.description,o=e.isExpanded;return a.createElement(u.Z,{title:n||"Row Selection",description:t,example:a.createElement(l.Z,null),exampleSrc:a.createElement(d,null),isExpanded:o})},p=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var h={},b="wrapper";function S(e){var n=e.components,t=w(e,p);return(0,o.mdx)(b,f({},h,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"row-selection"},"Row Selection"),(0,o.mdx)("h3",{id:"description"},"Description"),(0,o.mdx)("p",null,"The ",(0,o.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Worklist Data Grid")," is built to operate in either of two selection modes:"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Cell Selection (",(0,o.mdx)("em",{parentName:"li"},"default"),")"),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("strong",{parentName:"li"},"Row Selection"))),(0,o.mdx)("p",null,"Row Selection Mode is controlled via a prop and is off by default.\nWhen creating a Worklist Data Grid that supports Row Selection, the prop has to be explicitly set by the consumer.\nThis example demonstrates a Worklist Data Grid with full support for row selection and can be referenced for ",(0,o.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/row-selection"},"row centric functionalities"),"."),(0,o.mdx)("h3",{id:"properties-required"},"Properties required"),(0,o.mdx)("p",null,"This example demonstrates a Worklist Data Grid with full support for row selection by utilizing the following ",(0,o.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Worklist Data Grid properties"),":"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"hasSelectableRows"),(0,o.mdx)("li",{parentName:"ul"},"onRowSelect"),(0,o.mdx)("li",{parentName:"ul"},"onRowSelectAll"),(0,o.mdx)("li",{parentName:"ul"},"onClearSelectedRows"),(0,o.mdx)("li",{parentName:"ul"},"onDisableSelectableRows"),(0,o.mdx)("li",{parentName:"ul"},"onEnableRowSelection")),(0,o.mdx)("h2",{id:"row-selection-interactions"},"Row Selection Interactions"),(0,o.mdx)("p",null,"When using this example, the following row centric outcomes may be achieved by using the respective actions."),(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},"Outcome"),(0,o.mdx)("th",{parentName:"tr",align:null},"Action"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"Select a row"),(0,o.mdx)("td",{parentName:"tr",align:null},"When Row Selection is on, click or press Spacebar anywhere on an ",(0,o.mdx)("em",{parentName:"td"},"unselected")," row.",(0,o.mdx)("br",null)," Shift+Click or press Shift+Spacebar anywhere on an ",(0,o.mdx)("em",{parentName:"td"},"unselected")," row.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"Unselect a row"),(0,o.mdx)("td",{parentName:"tr",align:null},"Click or press Spacebar anywhere on an ",(0,o.mdx)("em",{parentName:"td"},"selected")," row.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"Select all rows"),(0,o.mdx)("td",{parentName:"tr",align:null},"Press Control+A from anywhere on the grid.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"Unselect all selected rows"),(0,o.mdx)("td",{parentName:"tr",align:null},"Press Escape from anywhere on the grid.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"Select a range of rows"),(0,o.mdx)("td",{parentName:"tr",align:null},"From any row, hold Shift key and press up arrow or down arrow. Continue to press Up and Down arrow to expand or contract the range of rows.",(0,o.mdx)("br",null),"Select any unselected row then Shift+Click or Shift+Space on another row.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"Turn Row Selection mode On"),(0,o.mdx)("td",{parentName:"tr",align:null},"In addition to their default grid behavior, Shift+Click, Shift+Space, Shift+Up and Shift+Down will turn Row Selection Mode on if Row Selection Mode is off.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"Turn Row Selection mode Off"),(0,o.mdx)("td",{parentName:"tr",align:null},"Press Escape when no rows are selected.")))),(0,o.mdx)("p",null,(0,o.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"All Worklist Data Grid Keyboard Interactions")),(0,o.mdx)(m,{title:"Worklist Data Grid With Row Selection",mdxType:"RowSelection"}))}S.isMDXComponent=!0},53560:function(e,n,t){t.r(n),n.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},81726:function(e,n,t){t.r(n);const a={ROW_SELECTION_COLUMN:{id:"WorklistDataGrid-rowSelectionColumn",width:40,isSelectable:!0,isResizable:!1}};n.default=a}}]); \ No newline at end of file diff --git a/19927-a6167e2b709ecca8b9ae.css b/19927-a6167e2b709ecca8b9ae.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/19927-a6167e2b709ecca8b9ae.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/19927-a6167e2b709ecca8b9ae.js b/19927-a6167e2b709ecca8b9ae.js new file mode 100644 index 000000000..bc733d4e0 --- /dev/null +++ b/19927-a6167e2b709ecca8b9ae.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[19927,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,n,a){var t=a(64836);n.Z=void 0;var i=t(a(67294)),r=t(a(45697)),l=t(a(19845)),d=t(a(17422)),s=l.default.bind(d.default),o={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},m=function(e){var n=e.src,a=e.name,t=e.url,r=e.version,l=i.default.createElement("a",{className:s("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(r)},i.default.createElement("span",{className:s("badge-name")},t?"package":"npm"),i.default.createElement("span",{className:s("badge-version")},"v".concat(r))),d=n?i.default.createElement("a",{className:s("badge"),href:n},i.default.createElement("span",{className:s("badge-name")},"github"),i.default.createElement("span",{className:s("badge-version")},"source")):void 0;return i.default.createElement("div",{className:s("badge-container")},l,d)};m.propTypes=o;var p=m;n.Z=p},19927:function(e,n,a){a.r(n),a.d(n,{default:function(){return m}});a(67294);var t=a(81254),i=a(26943),r=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(i[a]=e[a]);return i}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}var s={},o="wrapper";function m(e){var n=e.components,a=d(e,r);return(0,t.mdx)(o,l({},s,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)(i.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-clinical-onset-picker-upgrade-guide"},"Terra Clinical Onset Picker Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-30-to-40"},"Changes from 3.0 to 4.0"),(0,t.mdx)("h3",{id:"breaking-changes"},"Breaking Changes"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"granularitySelectOnChange")),(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"precisionSelectOnChange")),(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"onsetDateInputOnChange")),(0,t.mdx)("li",{parentName:"ul"},"Condensed onChange function props into a single prop (",(0,t.mdx)("inlineCode",{parentName:"li"},"onsetOnChange"),") that returns an Object for the onsetDate.")),(0,t.mdx)("h3",{id:"changes-for-onsetonchange"},"Changes for onsetOnChange"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-diff"},"- this.handleGranularity = this.handleGranularity.bind(this);\n- this.handlePrecision = this.handlePrecision.bind(this);\n- handleGranularity(granularity) {\n- this.setState({ granularity });\n- }\n\n- handlePrecision(precision) {\n- this.setState({ precision });\n- }\n\n- handleOnset(onsetDate) {\n- this.setState({ onsetDate });\n+ handleOnset(onsetObject) {\n+ this.setState({\n+ precision: onsetObject.precision,\n+ granularity: onsetObject.granularity,\n+ onsetDate: onsetObject.onsetDate,\n+ ageUnit: onsetObject.ageUnit,\n+ });\n \n")),(0,t.mdx)("h3",{id:"new-feature"},"New Feature"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Added support for age units. Use new ",(0,t.mdx)("inlineCode",{parentName:"li"},"ageUnit")," prop to pass default age unit values, accepted values are ",(0,t.mdx)("inlineCode",{parentName:"li"},"weeks"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"months"),", or ",(0,t.mdx)("inlineCode",{parentName:"li"},"years")," ")),(0,t.mdx)("h3",{id:"new-props"},"New Props"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"New prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"ageUnit")),(0,t.mdx)("li",{parentName:"ul"},"New prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"onsetOnChange"))),(0,t.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,t.mdx)("h3",{id:"breaking-changes-1"},"Breaking Changes"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"New required prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"id")),(0,t.mdx)("li",{parentName:"ul"},"Removed exported enums ",(0,t.mdx)("inlineCode",{parentName:"li"},"OnsetPicker.Opts.Granularities")," and ",(0,t.mdx)("inlineCode",{parentName:"li"},"OnsetPicker.Opts.Precisions")),(0,t.mdx)("li",{parentName:"ul"},"Removed default prop values for ",(0,t.mdx)("inlineCode",{parentName:"li"},"granularity")," and ",(0,t.mdx)("inlineCode",{parentName:"li"},"precision")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"onChange")," functions can now return blank values"),(0,t.mdx)("li",{parentName:"ul"},"Visual updates from switching to ",(0,t.mdx)("inlineCode",{parentName:"li"},"terra-form-field"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"terra-form-fieldset"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"terra-form-input"),", and ",(0,t.mdx)("inlineCode",{parentName:"li"},"terra-form-select"))),(0,t.mdx)("h3",{id:"new-features"},"New Features"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"CSS themeable variables")),(0,t.mdx)("h3",{id:"removed-props"},"Removed props"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"granularitySelectName")),(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"precisionSelectName")),(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"precisionSelectName"))),(0,t.mdx)("h3",{id:"css-variables"},"CSS Variables"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-field-margin-right"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-field-margin-bottom"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-precision-select-min-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-granularity-select-min-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-month-select-min-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-age-granularity-select-min-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-age-input-width")))}m.isMDXComponent=!0},26943:function(e,n,a){a.d(n,{C:function(){return r}});var t=a(67294),i=a(22863),r=function(e){var n=e.url;return t.createElement(i.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-onset-picker",name:"terra-clinical-onset-picker",version:"4.37.0",url:n})}},17422:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/20005-9360a118b4655e44c0ab.js b/20005-9360a118b4655e44c0ab.js new file mode 100644 index 000000000..ab232346b --- /dev/null +++ b/20005-9360a118b4655e44c0ab.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[20005],{12193:function(e,t,n){var r=n(64836);t.Z=void 0;var l=r(n(67294)),a=r(n(62271)),o=[{key:"home",text:"Home",href:"https://oracle.com"},{key:"level-1",text:"Level 1",href:"https://oracle.com"},{key:"level-2",text:"Level 2",href:"https://oracle.com"},{key:"level-3",text:"Level 3",href:"https://oracle.com"},{key:"level-4",text:"Level 4",href:"https://oracle.com"},{key:"level-5",text:"Level 5",href:"https://oracle.com"},{key:"level-6",text:"Level 6",href:"https://oracle.com"},{key:"level-7",text:"Level 7",href:"https://oracle.com"},{key:"level-8",text:"Level 8",href:"https://oracle.com"},{key:"level-9",text:"Level 9",href:"https://oracle.com"},{key:"level-10",text:"Level 10",href:"https://oracle.com"},{key:"level-11",text:"Level 11",href:"https://oracle.com"},{key:"level-12",text:"Level 12",href:"https://oracle.com"}];t.Z=function(){return l.default.createElement(a.default,{items:o})}},20005:function(e,t,n){n.r(t),n.d(t,{default:function(){return s}});n(67294);var r=n(81254),l=n(82991),a=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var f={},i="wrapper";function s(e){var t=e.components,n=c(e,a);return(0,r.mdx)(i,o({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.Z,{mdxType:"DefaultFilePath"}))}s.isMDXComponent=!0},82991:function(e,t,n){n.d(t,{Z:function(){return p}});var r=n(67294),l=n(12193),a=n(81254),o=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={};function s(e){var t=e.components,n=f(e,o);return(0,a.mdx)("wrapper",c({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.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")))}s.isMDXComponent=!0;var u=n(49271),p=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.Z,{title:t||"Default File Path",description:n,example:r.createElement(l.Z,null),exampleSrc:r.createElement(s,null),isExpanded:a})}},62271:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(n(67294)),a=r(n(45697)),o=n(25387),c=r(n(57272)),f={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},i=function(e){var t=e.items,n=e.intl,r=t.slice(0,t.length-1),a=t[t.length-1];return l.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)},l.default.createElement(c.default,{isReversedChildrenOrder:!0,useHorizontalIcon:!0,isStartAligned:!0,menuIconText:n.formatMessage({id:"Terra.file-path.icon.text"})},r.map((function(e){return[l.default.createElement(c.default.Hyperlink,{key:e.key,text:e.text,title:e.title,href:e.href,onClick:e.onClick}),l.default.createElement(c.default.Divider,{useChevronRightIcon:!0,key:"divider-".concat(e.key)})]})).flat(),l.default.createElement(c.default.Item,{isTextOnly:!0,text:a.text,key:a.key})))};i.propTypes=f;t.default=(0,o.injectIntl)(i)}}]); \ No newline at end of file diff --git a/20020-2ab2ef9b41ef289cddc1.css b/20020-2ab2ef9b41ef289cddc1.css new file mode 100644 index 000000000..f061e688c --- /dev/null +++ b/20020-2ab2ef9b41ef289cddc1.css @@ -0,0 +1,8 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ItemDisplay-module__clinical-lowlight-theme___WSueU{--terra-clinical-item-display-attention-color: #fb4c4c;--terra-clinical-item-display-disabled-icon-color: #404344;--terra-clinical-item-display-disabled-opacity: 0.3;--terra-clinical-item-display-secondary-color: rgba(221, 224, 225, 0.41);--terra-clinical-item-display-strong-color: #b2b5b6;--terra-clinical-item-display-strike-through-color: #b2b5b6;--terra-clinical-item-display-attention-font-weight: 700;--terra-clinical-item-display-strong-font-weight: 700;--terra-clinical-item-display-inline-icon-padding-right: 0.35714rem;--terra-clinical-item-display-disabled-inline-icon-color: #404344;--terra-clinical-item-display-disabled-inline-icon-opacity: 0.3}.ItemDisplay-module__orion-fusion-theme___8tnBi{--terra-clinical-item-display-inline-icon-padding-right: 0.25rem;--terra-clinical-item-display-disabled-icon-color: #9b9fa1;--terra-clinical-item-display-disabled-opacity: 0.3;--terra-clinical-item-display-secondary-color: rgba(28, 35, 40, 0.73);--terra-clinical-item-display-attention-color: #c00;--terra-clinical-item-display-attention-font-weight: 700;--terra-clinical-item-display-strong-color: #1c1f21;--terra-clinical-item-display-strong-font-weight: 700;--terra-clinical-item-display-strike-through-color: #1c1f21;--terra-clinical-item-display-disabled-inline-icon-color: #9b9fa1;--terra-clinical-item-display-disabled-inline-icon-opacity: 0.3}.ItemDisplay-module__item-display___zzQHA{font-size:1rem;line-height:1.4285714286;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden}.ItemDisplay-module__text___8kzzL{-ms-flex:1 1 auto;flex:1 1 auto;min-width:10px}.ItemDisplay-module__icon___QFsen{-ms-flex:0 0 auto;flex:0 0 auto;overflow:hidden}[dir=ltr] .ItemDisplay-module__icon___QFsen{padding-right:0.35714rem;padding-right:var(--terra-clinical-item-display-inline-icon-padding-right, 0.35714rem)}[dir=rtl] .ItemDisplay-module__icon___QFsen{padding-left:0.35714rem;padding-left:var(--terra-clinical-item-display-inline-icon-padding-right, 0.35714rem)}.ItemDisplay-module__icon___QFsen>*{min-height:1em;min-width:1em}.ItemDisplay-module__icon-center___yNnaA{-ms-flex-align:center;align-items:center}.ItemDisplay-module__icon-top___le\+7t{-ms-flex-align:start;align-items:flex-start}.ItemDisplay-module__icon-inline___7-6dl{display:inline}.ItemDisplay-module__icon-inline___7-6dl .ItemDisplay-module__text___8kzzL{display:inline}.ItemDisplay-module__icon-inline___7-6dl .ItemDisplay-module__icon___QFsen{display:inline}.ItemDisplay-module__is-truncated___5xS0r{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal}.ItemDisplay-module__is-disabled___LmVej{opacity:0.2;opacity:var(--terra-clinical-item-display-disabled-opacity, 0.2)}.ItemDisplay-module__is-disabled___LmVej .ItemDisplay-module__icon___QFsen{color:rgb(117, 118, 125);color:var(--terra-clinical-item-display-disabled-icon-color, rgb(117, 118, 125))}.ItemDisplay-module__secondary___ObdZe{color:rgba(28, 31, 33, 0.65);color:var(--terra-clinical-item-display-secondary-color, rgba(28, 31, 33, 0.65))}.ItemDisplay-module__attention___W1BMa{color:#c00;color:var(--terra-clinical-item-display-attention-color, #c00);font-weight:700;font-weight:var(--terra-clinical-item-display-attention-font-weight, 700)}.ItemDisplay-module__strong___OPiqQ{color:#1c1f21;color:var(--terra-clinical-item-display-strong-color, #1c1f21);font-weight:700;font-weight:var(--terra-clinical-item-display-strong-font-weight, 700)}.ItemDisplay-module__strike-through___yJ7fk{color:#1c1f21;color:var(--terra-clinical-item-display-strike-through-color, #1c1f21);text-decoration:line-through} +.ItemComment-module__clinical-lowlight-theme___lM\+Lt{--terra-clinical-item-display-item-comment-color: rgba(221, 224, 225, 0.41);--terra-clinical-item-display-item-comment-inline-icon-color: rgba(221, 224, 225, 0.41)}.ItemComment-module__orion-fusion-theme___dtZma{--terra-clinical-item-display-item-comment-color: rgba(28, 35, 40, 0.73);--terra-clinical-item-display-item-comment-inline-icon-color: rgba(28, 35, 40, 0.73)}.ItemComment-module__item-comment___ESQjD{font-size:1rem;line-height:1.4285714286;color:rgba(28, 31, 33, 0.65);color:var(--terra-clinical-item-display-item-comment-color, rgba(28, 31, 33, 0.65))}.ItemComment-module__item-comment___ESQjD .ItemComment-module__inline-icon___znks3{color:rgba(117, 118, 125, 0.3);color:var(--terra-clinical-item-display-item-comment-inline-icon-color, rgba(117, 118, 125, 0.3))} +.ItemView-module__clinical-lowlight-theme___y3JHh{--terra-clinical-item-view-content-color: rgba(221, 224, 225, 0.41);--terra-clinical-item-view-content-primary-color: #b2b5b6;--terra-clinical-item-view-content-secondary-color: rgba(221, 224, 225, 0.41)}.ItemView-module__orion-fusion-theme___hJD0X{--terra-clinical-item-view-content-color: rgba(28, 35, 40, 0.73);--terra-clinical-item-view-content-primary-color: #1c1f21;--terra-clinical-item-view-content-secondary-color: rgba(28, 35, 40, 0.73)}.ItemView-module__item-view___df01D{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start;width:100%;word-break:break-word;word-wrap:break-word}.ItemView-module__accessory___dkq4r{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;min-width:0;overflow:hidden}[dir] .ItemView-module__accessory___dkq4r{margin:5px}.ItemView-module__start-accessory___4CJYM{-ms-flex-pack:start;justify-content:flex-start;width:2.8571rem}.ItemView-module__start-accessory___4CJYM>*{max-width:2.8571rem}.ItemView-module__end-accessory___WY4-w{-ms-flex-pack:end;justify-content:flex-end;max-width:20%}.ItemView-module__accessory-align-top___ksPW3{-ms-flex-item-align:start;align-self:flex-start}.ItemView-module__accessory-align-center___aoVwW{-ms-flex-item-align:center;align-self:center}.ItemView-module__body___sG16o{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;overflow:hidden}[dir] .ItemView-module__body___sG16o{margin:5px}.ItemView-module__content___MHhcY{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;overflow:hidden}.ItemView-module__single-result-column-container___Z5SAo{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.ItemView-module__column-list-container___yccQT{display:-ms-flexbox;display:flex;list-style-type:none}[dir] .ItemView-module__column-list-container___yccQT{margin-bottom:0;margin-top:0}[dir=ltr] .ItemView-module__column-list-container___yccQT{padding-left:0}[dir=rtl] .ItemView-module__column-list-container___yccQT{padding-right:0}.ItemView-module__column-list___HUuWK{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;list-style-type:none}[dir] .ItemView-module__column-list___HUuWK{margin-bottom:0;margin-top:0}[dir=ltr] .ItemView-module__column-list___HUuWK{padding-left:0}[dir=rtl] .ItemView-module__column-list___HUuWK{padding-right:0}.ItemView-module__row-list-container___65hon{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;list-style-type:none}[dir] .ItemView-module__row-list-container___65hon{margin-bottom:0;margin-top:0}[dir=ltr] .ItemView-module__row-list-container___65hon{padding-left:0}[dir=rtl] .ItemView-module__row-list-container___65hon{padding-right:0}.ItemView-module__row___jDHgv{display:-ms-flexbox;display:flex;width:100%}.ItemView-module__row-list___8Gu4V{display:-ms-flexbox;display:flex;list-style-type:none;width:100%}[dir] .ItemView-module__row-list___8Gu4V{margin-bottom:0;margin-top:0}[dir=ltr] .ItemView-module__row-list___8Gu4V{padding-left:0}[dir=rtl] .ItemView-module__row-list___8Gu4V{padding-right:0}.ItemView-module__secondary-column___7P7K3{-ms-flex:1 0 auto;flex:1 0 auto;max-width:60%}[dir=ltr] .ItemView-module__secondary-column___7P7K3{float:right}[dir=rtl] .ItemView-module__secondary-column___7P7K3{float:left}.ItemView-module__secondary-column___7P7K3 .ItemView-module__content___MHhcY{-ms-flex-pack:end;justify-content:flex-end}[dir=ltr] .ItemView-module__secondary-column___7P7K3 .ItemView-module__content___MHhcY{text-align:right;padding-left:5px}[dir=rtl] .ItemView-module__secondary-column___7P7K3 .ItemView-module__content___MHhcY{text-align:left;padding-right:5px}.ItemView-module__is-truncated___tEARE,.ItemView-module__is-truncated___tEARE [data-terra-clinical-item-display-text]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal}.ItemView-module__one-column___YwGCZ .ItemView-module__column-list-container___yccQT{-ms-flex-flow:column nowrap;flex-flow:column nowrap}.ItemView-module__two-columns___WezN9 .ItemView-module__column-list-container___yccQT{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.ItemView-module__two-columns___WezN9 .ItemView-module__column-list-container___yccQT .ItemView-module__primary-column___pMOzm{-ms-flex:1 1 auto;flex:1 1 auto}[dir=ltr] .ItemView-module__two-columns___WezN9 .ItemView-module__column-list-container___yccQT .ItemView-module__primary-column___pMOzm{float:left}[dir=rtl] .ItemView-module__two-columns___WezN9 .ItemView-module__column-list-container___yccQT .ItemView-module__primary-column___pMOzm{float:right}.ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(odd){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:start;justify-content:flex-start}[dir=ltr] .ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(odd){float:left}[dir=rtl] .ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(odd){float:right}.ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(even){-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-pack:end;justify-content:flex-end;max-width:60%}[dir=ltr] .ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(even){text-align:right;float:right;padding-left:5px}[dir=rtl] .ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(even){text-align:left;float:left;padding-right:5px}.ItemView-module__truncated-two-columns___9UuM6 .ItemView-module__primary-column___pMOzm{-ms-flex:1 1 auto;flex:1 1 auto;max-width:40%}[dir=ltr] .ItemView-module__truncated-two-columns___9UuM6 .ItemView-module__primary-column___pMOzm{float:left}[dir=rtl] .ItemView-module__truncated-two-columns___9UuM6 .ItemView-module__primary-column___pMOzm{float:right}.ItemView-module__content-primary-color___pOHcF{color:#1c1f21;color:var(--terra-clinical-item-view-content-primary-color, #1c1f21)}.ItemView-module__content-primary-size___goRTN{font-size:1.1428571429rem;line-height:1.4285714286}.ItemView-module__content-secondary-color___CzH\+h{color:rgba(28, 31, 33, 0.65);color:var(--terra-clinical-item-view-content-secondary-color, rgba(28, 31, 33, 0.65))}.ItemView-module__content-secondary-size___s8KFR{font-size:1.1428571429rem;line-height:1.4285714286}@media screen and (min-width: 760px){.ItemView-module__content-secondary-size___s8KFR{font-size:1rem}} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +[dir] .Heading-module__heading___v5\+PO{margin:0}.Heading-module__italic___AZeOx{font-style:italic}.Heading-module__level-1___Dzh7M{font-size:2.286rem}.Heading-module__level-2___Fn5NE{font-size:1.714rem}.Heading-module__level-3___HjC1Z{font-size:1.429rem}.Heading-module__level-4___gatwI{font-size:1.286rem}.Heading-module__level-5___-iiqy{font-size:1.143rem}.Heading-module__level-6___VXhR\+{font-size:1rem}.Heading-module__size-huge___0iP2D{font-size:2.286rem}.Heading-module__size-large___rZwu-{font-size:1.714rem}.Heading-module__size-medium___Hk3pG{font-size:1.429rem}.Heading-module__size-small___OWyDY{font-size:1.286rem}.Heading-module__size-tiny___Z5Fm4{font-size:1.143rem}.Heading-module__size-mini___Gd90U{font-size:1rem}.Heading-module__weight-200___EQF-G{font-weight:200}.Heading-module__weight-400___cOGso{font-weight:400}.Heading-module__weight-700___SbBvg{font-weight:700}.Heading-module__visually-hidden___5i7ow{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Heading-module__visually-hidden___5i7ow{border:0;margin:-1px;padding: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/20020-2ab2ef9b41ef289cddc1.js b/20020-2ab2ef9b41ef289cddc1.js new file mode 100644 index 000000000..12f9e0225 --- /dev/null +++ b/20020-2ab2ef9b41ef289cddc1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[20020,45627,85565,37344,3353,33667,96890,79482,5161,45865,85355,80858,14041,3193,16835,4845,46647,85161,27444,17657,38681,16873,15318,40411,66097,90941,18101,38443,79057,11264,34319,62979,33315,20116,33609,12026,78996,39915,33442],{11035:function(e,t,n){n.r(t),n.d(t,{default:function(){return Ee}});var a=n(67294),l=n(81254),i=n(80961),r=n(34261),o=n(72295),m=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var p={};function c(e){var t=e.components,n=d(e,m);return(0,l.mdx)("wrapper",s({},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 IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = ;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nexport default () => ;\n\n')))}c.isMDXComponent=!0;var u=n(49271),y=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View Standard",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(c,null),isExpanded:l})},x=n(35569),f=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var h={};function v(e){var t=e.components,n=w(e,f);return(0,l.mdx)("wrapper",g({},h,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconBriefcase from \'terra-icon/lib/icon/IconBriefcase\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = } iconAlignment="inline" text="Care Position: Primary" />;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nexport default () => ;\n\n')))}v.isMDXComponent=!0;var T=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View Two Column",description:n,example:a.createElement(x.Z,null),exampleSrc:a.createElement(v,null),isExpanded:l})},b=n(19571),I=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var C={};function O(e){var t=e.components,n=D(e,I);return(0,l.mdx)("wrapper",E({},C,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = ;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nexport default () => ;\n\n')))}O.isMDXComponent=!0;var V=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View Two Column Start",description:n,example:a.createElement(b.Z,null),exampleSrc:a.createElement(O,null),isExpanded:l})},N=n(69759),A=["components"];function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var S={};function R(e){var t=e.components,n=P(e,A);return(0,l.mdx)("wrapper",j({},S,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { IconBriefcase, IconPerson } from \'terra-icon\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = } iconAlignment="inline" text="Care Position: Primary" />;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nexport default () => ;\n\n')))}R.isMDXComponent=!0;var Z=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View Two Column By Row",description:n,example:a.createElement(N.Z,null),exampleSrc:a.createElement(R,null),isExpanded:l})},k=n(32221),q=["components"];function W(){return W=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var M={};function B(e){var t=e.components,n=X(e,q);return(0,l.mdx)("wrapper",W({},M,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = ;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nconst comment = ;\n\nexport default () => ;\n\n')))}B.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View Comment",description:n,example:a.createElement(k.Z,null),exampleSrc:a.createElement(B,null),isExpanded:l})},K=n(55278),L=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var G={};function z(e){var t=e.components,n=H(e,L);return(0,l.mdx)("wrapper",F({},G,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport IconAlert from \'terra-icon/lib/icon/IconAlert\';\nimport IconInformation from \'terra-icon/lib/icon/IconInformation\';\nimport IconBedRequested from \'terra-icon/lib/icon/IconBedRequested\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = } iconAlignment="inline" text="Pending Admit: Bed Requested" />;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nconst comment = ;\n\nconst accessoryStart = ;\nconst accessoryEnd = ;\n\nexport default () => (\n \n);\n\n')))}z.isMDXComponent=!0;var U=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View All",description:n,example:a.createElement(K.Z,null),exampleSrc:a.createElement(z,null),isExpanded:l})},J=n(45639),Q=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var ee={};function te(e){var t=e.components,n=$(e,Q);return(0,l.mdx)("wrapper",Y({},ee,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport IconAlert from \'terra-icon/lib/icon/IconAlert\';\nimport IconInformation from \'terra-icon/lib/icon/IconInformation\';\nimport IconBedRequested from \'terra-icon/lib/icon/IconBedRequested\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = } iconAlignment="inline" text="Pending Admit: Bed Requested" />;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nconst comment = ;\n\nconst accessoryStart = ;\nconst accessoryEnd = ;\n\nexport default () => (\n \n);\n\n')))}te.isMDXComponent=!0;var ne=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View All Top Aligned",description:n,example:a.createElement(J.Z,null),exampleSrc:a.createElement(te,null),isExpanded:l})},ae=n(39416),le=["components"];function ie(){return ie=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var oe={};function me(e){var t=e.components,n=re(e,le);return(0,l.mdx)("wrapper",ie({},oe,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" textStyle="strong" />;\nconst display2 = ;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nconst comment = ;\n\nexport default () => ;\n\n')))}me.isMDXComponent=!0;var se=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View Override Default Styling",description:n,example:a.createElement(ae.Z,null),exampleSrc:a.createElement(me,null),isExpanded:l})},de=n(77401),pe=n(19769),ce=n(78530),ue=["components"];function ye(){return ye=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var fe={},ge="wrapper";function we(e){var t=e.components,n=xe(e,ue);return(0,l.mdx)(ge,ye({},fe,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(ce.ZP,{mdxType:"PropsTable"},(0,l.mdx)(ce.X2,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"layout"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'oneColumn'\n 'twoColumns'\n],\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'oneColumn'\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The visual column layout in which to present the displays. One of ",(0,l.mdx)("inlineCode",{parentName:"p"},"oneColumn"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"twoColumn"),".\nWhen using the ",(0,l.mdx)("inlineCode",{parentName:"p"},"twoColumn")," layout, the displays are split between the columns by placing every other display into the second column."))),(0,l.mdx)(ce.X2,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"trueColumn"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Determines whether the displays are programmatically separated by row or as true columns when layout is set to ",(0,l.mdx)("inlineCode",{parentName:"p"},"twoColumns"),".\nScreenreaders will read ",(0,l.mdx)("inlineCode",{parentName:"p"},"trueColumn")," displays from top to bottom, one column at a time.\nHowever, this prop defaults to ",(0,l.mdx)("inlineCode",{parentName:"p"},"false")," and therefore the screenreader will read the displays in both columns together, left to right, one row at a time.\nFor accessibility purposes it is recommended to set trueColumn to ",(0,l.mdx)("inlineCode",{parentName:"p"},"true"),"."))),(0,l.mdx)(ce.X2,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"textEmphasis"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'default'\n 'start'\n],\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The text color emphasis when using two columns. One of ",(0,l.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"start"),"."))),(0,l.mdx)(ce.X2,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"overrideDefaultStyling"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Option to override the item view default styling so the original styling for item display is shown."))),(0,l.mdx)(ce.X2,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"isTruncated"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not all text on the view should be truncated."))),(0,l.mdx)(ce.X2,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"accessoryAlignment"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'alignTop'\n 'alignCenter'\n],\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'alignCenter'\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The vertical alignment of the start and end accessories. One of ",(0,l.mdx)("inlineCode",{parentName:"p"},"alignTop"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"alignCenter"),"."))),(0,l.mdx)(ce.X2,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"startAccessory"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The react element to be placed in the start aligned accessory position."))),(0,l.mdx)(ce.X2,{key:"ROW8",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"reserveStartAccessorySpace"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Indicates whether or not space is allocated for the start accessory if none is given."))),(0,l.mdx)(ce.X2,{key:"ROW9",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"endAccessory"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The react element to be placed in the end aligned accessory position."))),(0,l.mdx)(ce.X2,{key:"ROW10",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"displays"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'element',\n}],\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"An array of terra-clinical-item-displays to be presented.\nThe Item View can only have 8 displays at a time, any additional displays passed in will be ignored."))),(0,l.mdx)(ce.X2,{key:"ROW11",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"comment"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The react element for the comment element."))),(0,l.mdx)(ce.X2,{key:"ROW12",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"refCallback"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Function callback for the ref of the outer most div.")))))}we.isMDXComponent=!0;var he=["components"];function ve(){return ve=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var be={},Ie="wrapper";function Ee(e){var t=e.components,n=Te(e,he);return(0,l.mdx)(Ie,ve({},be,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(i.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-clinical-item-view"},"Terra Clinical Item View"),(0,l.mdx)("p",null,"The Item View component allows displays to be organized into rows and column and themed, while providing means to add accessory elements and a comment."),(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-clinical-item-view"))))),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ItemView from 'terra-clinical-item-view';\n")),(0,l.mdx)("h2",{id:"component-features"},"Component Features"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,l.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,l.mdx)(r.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,l.mdx)("h4",{id:"accessibility-guidance-headers"},"Accessibility Guidance: Headers"),(0,l.mdx)("p",null,"For the purposes of accessibility compliance, it is ",(0,l.mdx)("strong",{parentName:"p"},"strongly")," suggested to include a header element directly above\nthe Clinical Item View during implementation. This ensures that the list of displays in the view have proper context.\n",(0,l.mdx)("strong",{parentName:"p"},"The header not only acts as the main label for what the view contains, but also helps with page navigation.")),(0,l.mdx)("p",null,"Consumers can use the Terra Core Heading component found ",(0,l.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/heading/about"},"here"),"\nor the Clincial Header component found ",(0,l.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-clinical/components/terra-clinical-header/clinical-header/clinical-header"},"here"),".\nRefer to A11y standards for how to properly implement headings in the context of your webpage. Further information can be found on the Clinical Item View accessibility guide."),(0,l.mdx)("p",null,"The following are two examples of how to implement a header for the one column and two column layouts. ")),(0,l.mdx)(de.Z,{title:"ItemView - With Header",mdxType:"ItemViewWithHeader"}),(0,l.mdx)(pe.Z,{title:"ItemView - Two Column Layout With Header",mdxType:"ItemViewTwoColumnWithHeader"}),(0,l.mdx)(r.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,l.mdx)("h4",{id:"accessibility-guidance-truncated-text"},"Accessibility Guidance: Truncated Text"),(0,l.mdx)("p",null,"Truncation of text can pose an accessibility concern if no method of disclosing the full text is available\nto the user. When using ",(0,l.mdx)("inlineCode",{parentName:"p"},"isTruncated"),", consumers are responsible for providing a progressive disclosure pattern\nto disclose the full Item Display text in order to ensure that it is accessible for keyboard navigation users."),(0,l.mdx)("p",null,(0,l.mdx)("strong",{parentName:"p"},"There should always be a method of accessing the truncated information. If there is no way to progressively\ndisclose the full content of the truncated information, then truncation should not be used.")),(0,l.mdx)("p",null,"Some examples of progressive disclosure patterns that may be used to disclose truncated information include:"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Accordions"),(0,l.mdx)("li",{parentName:"ul"},"Dialogs"),(0,l.mdx)("li",{parentName:"ul"},"Popovers"),(0,l.mdx)("li",{parentName:"ul"},"Show/Hide"),(0,l.mdx)("li",{parentName:"ul"},"Split Views"),(0,l.mdx)("li",{parentName:"ul"},"Toasts")),(0,l.mdx)("p",null,"The method of disclosure ",(0,l.mdx)("strong",{parentName:"p"},"must")," be accessible via keyboard interactions."),(0,l.mdx)("p",null,"Truncation should be avoided where it is not necessary. Certain content should ",(0,l.mdx)("strong",{parentName:"p"},"never")," be truncated (i.e.\nmedication names and dosages in menus where the user is selecting from a list of choices).")),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(y,{title:"ItemView - Default",mdxType:"ItemViewStandard"}),(0,l.mdx)(T,{title:"ItemView - Two Column Layout",description:"When including icons as part of an '', it is recommended to use the iconAlignment='inline' prop for best alignment and wrapping with the text.",mdxType:"ItemViewTwoColumn"}),(0,l.mdx)(Z,{title:"ItemView - Two Column Layout By Row",description:"The 'trueColumn' prop defaults to 'false' so this is the default behavior for the two column layout. The displays are split two at a time into rows which are stylized to look like columns instead of actual true columns - programmatically it's handled by row. When using the two column layout, it is recommended to have the 'trueColumn' prop set to 'true' for best accessibility adhearence.",mdxType:"ItemViewTwoColumnByRow"}),(0,l.mdx)(V,{title:"ItemView - Start Emphasis",mdxType:"ItemViewTwoColumnStart"}),(0,l.mdx)(_,{title:"ItemView - Comment",mdxType:"ItemViewComment"}),(0,l.mdx)(U,{title:"ItemView - All Elements",mdxType:"ItemViewAll"}),(0,l.mdx)(ne,{title:"ItemView - All Elements Top Aligned",mdxType:"ItemViewAllTopAligned"}),(0,l.mdx)(se,{title:"ItemView - Override Default Styling",mdxType:"ItemViewOverrideDefaultStyling"}),(0,l.mdx)("h2",{id:"item-view-props"},"Item View Props"),(0,l.mdx)(we,{mdxType:"ItemViewProps"}))}Ee.isMDXComponent=!0},55278:function(e,t,n){t.Z=void 0;var a=s(n(67294)),l=s(n(41086)),i=s(n(3343)),r=s(n(62936)),o=s(n(65559)),m=s(n(63884));function s(e){return e&&e.__esModule?e:{default:e}}var d=[a.default.createElement(m.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(m.default.Display,{icon:a.default.createElement(o.default,null),iconAlignment:"inline",text:"Pending Admit: Bed Requested"}),a.default.createElement(m.default.Display,{text:"Room 100A"}),a.default.createElement(m.default.Display,{text:"Acuity: 5"}),a.default.createElement(m.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(m.default.Display,{text:"End Time: 08-05-2016 16:00:00"})],p=a.default.createElement(m.default.Comment,{text:"Faint red rash appeared at 08-05-2016 13:24:00"}),c=a.default.createElement(i.default,null),u=a.default.createElement(r.default,null);t.Z=function(){return a.default.createElement(m.default,{displays:d,layout:"twoColumns",isTruncated:!0,textEmphasis:"start",startAccessory:c,endAccessory:u,comment:p,trueColumn:!0})}},45639:function(e,t,n){t.Z=void 0;var a=s(n(67294)),l=s(n(41086)),i=s(n(3343)),r=s(n(62936)),o=s(n(65559)),m=s(n(63884));function s(e){return e&&e.__esModule?e:{default:e}}var d=[a.default.createElement(m.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(m.default.Display,{icon:a.default.createElement(o.default,null),iconAlignment:"inline",text:"Pending Admit: Bed Requested"}),a.default.createElement(m.default.Display,{text:"Room 100A"}),a.default.createElement(m.default.Display,{text:"Acuity: 5"}),a.default.createElement(m.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(m.default.Display,{text:"End Time: 08-05-2016 16:00:00"})],p=a.default.createElement(m.default.Comment,{text:"Faint red rash appeared at 08-05-2016 13:24:00"}),c=a.default.createElement(i.default,null),u=a.default.createElement(r.default,null);t.Z=function(){return a.default.createElement(m.default,{displays:d,layout:"twoColumns",isTruncated:!0,textEmphasis:"start",accessoryAlignment:"alignTop",startAccessory:c,endAccessory:u,comment:p,trueColumn:!0})}},32221:function(e,t,n){t.Z=void 0;var a=r(n(67294)),l=r(n(41086)),i=r(n(63884));function r(e){return e&&e.__esModule?e:{default:e}}var o=[a.default.createElement(i.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(i.default.Display,{text:"Care Position: Primary"}),a.default.createElement(i.default.Display,{text:"Room 100A"}),a.default.createElement(i.default.Display,{text:"Acuity: 5"}),a.default.createElement(i.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(i.default.Display,{text:"End Time: 08-05-2016 16:00:00"})],m=a.default.createElement(i.default.Comment,{text:"Faint red rash appeared at 08-05-2016 13:24:00"});t.Z=function(){return a.default.createElement(i.default,{displays:o,comment:m})}},39416:function(e,t,n){t.Z=void 0;var a=r(n(67294)),l=r(n(41086)),i=r(n(63884));function r(e){return e&&e.__esModule?e:{default:e}}var o=[a.default.createElement(i.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Asif Khan",textStyle:"strong"}),a.default.createElement(i.default.Display,{text:"Care Position: Primary",textStyle:"secondary"}),a.default.createElement(i.default.Display,{text:"Room 100A",textStyle:"strikeThrough"}),a.default.createElement(i.default.Display,{text:"Acuity: 5",textStyle:"attention"}),a.default.createElement(i.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(i.default.Display,{text:"End Time: 08-05-2016 16:00:00"})],m=a.default.createElement(i.default.Comment,{text:"Faint red rash appeared at 08-05-2016 13:24:00"});t.Z=function(){return a.default.createElement(i.default,{displays:o,comment:m,overrideDefaultStyling:!0})}},72295:function(e,t,n){t.Z=void 0;var a=r(n(67294)),l=r(n(41086)),i=r(n(63884));function r(e){return e&&e.__esModule?e:{default:e}}var o=[a.default.createElement(i.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(i.default.Display,{text:"Care Position: Primary"}),a.default.createElement(i.default.Display,{text:"Room 100A"}),a.default.createElement(i.default.Display,{text:"Acuity: 5"}),a.default.createElement(i.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(i.default.Display,{text:"End Time: 08-05-2016 16:00:00"})];t.Z=function(){return a.default.createElement(i.default,{displays:o})}},35569:function(e,t,n){t.Z=void 0;var a=o(n(67294)),l=o(n(56468)),i=o(n(41086)),r=o(n(63884));function o(e){return e&&e.__esModule?e:{default:e}}var m=[a.default.createElement(r.default.Display,{icon:a.default.createElement(i.default,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(r.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Care Position: Primary"}),a.default.createElement(r.default.Display,{text:"Room 100A"}),a.default.createElement(r.default.Display,{text:"Acuity: 5"}),a.default.createElement(r.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(r.default.Display,{text:"End Time: 08-05-2016 16:00:00"})];t.Z=function(){return a.default.createElement(r.default,{displays:m,layout:"twoColumns",trueColumn:!0})}},69759:function(e,t,n){t.Z=void 0;var a=r(n(67294)),l=n(34614),i=r(n(63884));function r(e){return e&&e.__esModule?e:{default:e}}var o=[a.default.createElement(i.default.Display,{icon:a.default.createElement(l.IconPerson,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(i.default.Display,{icon:a.default.createElement(l.IconBriefcase,null),iconAlignment:"inline",text:"Care Position: Primary"}),a.default.createElement(i.default.Display,{text:"Room 100A"}),a.default.createElement(i.default.Display,{text:"Acuity: 5"}),a.default.createElement(i.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(i.default.Display,{text:"End Time: 08-05-2016 16:00:00"})];t.Z=function(){return a.default.createElement(i.default,{displays:o,layout:"twoColumns"})}},19571:function(e,t,n){t.Z=void 0;var a=r(n(67294)),l=r(n(41086)),i=r(n(63884));function r(e){return e&&e.__esModule?e:{default:e}}var o=[a.default.createElement(i.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(i.default.Display,{text:"Care Position: Primary"}),a.default.createElement(i.default.Display,{text:"Room 100A"}),a.default.createElement(i.default.Display,{text:"Acuity: 5"}),a.default.createElement(i.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(i.default.Display,{text:"End Time: 08-05-2016 16:00:00"})];t.Z=function(){return a.default.createElement(i.default,{displays:o,layout:"twoColumns",textEmphasis:"start",trueColumn:!0})}}}]); \ No newline at end of file diff --git a/20116-b4a415d7cd3a94163425.css b/20116-b4a415d7cd3a94163425.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/20116-b4a415d7cd3a94163425.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/2048-ad8f5519ede7723d1c5c.js b/2048-ad8f5519ede7723d1c5c.js new file mode 100644 index 000000000..570270162 --- /dev/null +++ b/2048-ad8f5519ede7723d1c5c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[2048],{22863:function(e,t,r){var a=r(64836);t.Z=void 0;var l=a(r(67294)),n=a(r(45697)),d=a(r(19845)),o=a(r(17422)),m=d.default.bind(o.default),i={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var t=e.src,r=e.name,a=e.url,n=e.version,d=l.default.createElement("a",{className:m("badge"),href:a||"https://www.npmjs.org/package/".concat(r,"/v/").concat(n)},l.default.createElement("span",{className:m("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:m("badge-version")},"v".concat(n))),o=t?l.default.createElement("a",{className:m("badge"),href:t},l.default.createElement("span",{className:m("badge-name")},"github"),l.default.createElement("span",{className:m("badge-version")},"source")):void 0;return l.default.createElement("div",{className:m("badge-container")},d,o)};p.propTypes=i;var s=p;t.Z=s},2048:function(e,t,r){r.r(t),r.d(t,{default:function(){return p}});r(67294);var a=r(81254),l=r(57739),n=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var m={},i="wrapper";function p(e){var t=e.components,r=o(e,n);return(0,a.mdx)(i,d({},m,r,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-select-upgrade-guide"},"Terra Form Select Upgrade Guide"),(0,a.mdx)("h2",{id:"changes-from-version-5-to-version-6"},"Changes from version 5 to version 6"),(0,a.mdx)("h3",{id:"props"},"Props"),(0,a.mdx)("h4",{id:"updated"},"Updated"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Form Fields allowed the ",(0,a.mdx)("inlineCode",{parentName:"li"},"label")," to be a node, which potentially breaks the display when injecting other non-inline-only text elements (terra-text) or has the potential to completely break accessibility if something non-text based would be passed in."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"label")," prop's type changed from node to string.")),(0,a.mdx)("h5",{id:"steps-to-upgrade"},"Steps to Upgrade"),(0,a.mdx)("p",null,"To upgrade from 5.0 to 6.0 each existing Select must be reviewed and updated to ensure only a string is being passed to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"label")," props. Solutions passing node data types need to be reworked to provide only a string."),(0,a.mdx)("h2",{id:"changes-from-version-4-to-version-5"},"Changes from version 4 to version 5"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"renamed"},"Renamed"),(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},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"New"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-border"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-border")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-border-bottom-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-border-bottom-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-border"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-border")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-border-top-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-border-top-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-above-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-above-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-line-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-line-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-background-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-image"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-transition-duration"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-transition-duration")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-transition-timing-function"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-transition-timing-function")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-open-border-top-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-open-border-top-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-above-border-bottom-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-above-border-bottom-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-background-image"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-background-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-arrow-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-arrow-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-arrow-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-arrow-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-arrow-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-arrow-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-disabled-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-disabled-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-disabled-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-disabled-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-disabled-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-disabled-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-disabled-arrow-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-disabled-arrow-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-toggle-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-toggle-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-content-padding-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-content-padding-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-content-padding-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-content-padding-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-content-padding-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-content-padding-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-content-padding-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-content-padding-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-search-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-search-focus-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-search-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-search-focus-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-search-margin-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-search-focus-margin-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-search-placeholder-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-search-placeholder-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-search-placeholder-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-search-placeholder-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-background-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border-bottom-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border-top-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-toggle-border"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-toggle-border")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border-bottom-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border-top-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-image"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-transition-duration"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-transition-duration")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-transition-timing-function"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-transition-timing-function")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-above-border-bottom-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-above-border-bottom-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-background-image"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-background-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-arrow-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-arrow-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-menu-margin"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-menu-margin")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-menu-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-menu-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-no-results-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-no-results-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-margin"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-margin")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-label-border-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-border-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-label-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-label-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-label-font-weight"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-font-weight")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-label-line-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-line-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-label-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-options-margin"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-options-margin")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-options-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-options-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-line-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-line-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-pressed-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-active-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-pressed-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-active-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-pressed-font-weight"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-active-font-weight")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-selected-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-selected-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-font-weight"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-selected-font-weight")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-active-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-selected-active-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-icon-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-icon-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-icon-margin-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-icon-margin-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-icon-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-icon-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-icon-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-icon-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-icon-active-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-icon-active-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-icon-pressed-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-checkable-active-icon-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-icon-add-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-icon-add-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-active-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-active-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-border-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-line-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-line-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-margin-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-margin-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-margin-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-margin-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-display-border-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-display-border-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-display-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-display-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-display-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-display-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-deselect-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-deselect-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-deselect-border-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-deselect-border-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-deselect-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-deselect-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-deselect-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-deselect-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-deselect-hover-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-deselect-hover-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-deselect-hover-border-bottom-hover"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-deselect-hover-border-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-icon-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-icon-background")))),(0,a.mdx)("h4",{id:"added"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-border-radius"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-hover-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-invalid-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-disabled-opacity"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-search-placeholder-font-style"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-hover-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-hover-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-toggle-hover-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-invalid-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-first-optgroup-label-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-optgroup-label-margin"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-optgroup-label-font-style"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-tag-height")),(0,a.mdx)("h4",{id:"removed"},"Removed"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-select-hover-border-color")),(0,a.mdx)("h2",{id:"changes-from-30-to-40"},"Changes from 3.0 to 4.0"),(0,a.mdx)("h3",{id:"breaking-changes"},"Breaking Changes"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"boundingRef")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"isPlaceholderHidden")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"name")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"required")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"releaseFocus")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"requestFocus")),(0,a.mdx)("li",{parentName:"ul"},"Removed the event and name from ",(0,a.mdx)("inlineCode",{parentName:"li"},"onChange")," callback"),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"isSelected")," from ",(0,a.mdx)("inlineCode",{parentName:"li"},"Select.Option")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"children")," from ",(0,a.mdx)("inlineCode",{parentName:"li"},"Select.Option")),(0,a.mdx)("li",{parentName:"ul"},"Removed and renamed specific CSS Custom Properties")),(0,a.mdx)("h3",{id:"new-props"},"New props"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"dropdownAttrs")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"noResultContent")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"onDeselect")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"onSelect")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"onSearch")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"optionFilter")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"placeholder")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"variant")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"Select.OptGroup"))),(0,a.mdx)("h3",{id:"changes-to-onchange"},"Changes to onChange"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onChange")," callback has been changed to return only the value. To uplift remove the event and name parameter from the callback."),(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"onChange(event, value, name"),") -> ",(0,a.mdx)("inlineCode",{parentName:"p"},"onChange(value)")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-diff"},'import React from \'react\';\nimport Select from \'terra-form-select\';\n\nclass Default extends React.Component {\n constructor() {\n super();\n\n this.state = { value: \'blue\' };\n this.handleChange = this.handleChange.bind(this);\n }\n\n- handleChange(event, value, name) {\n+ handleChange(value) {\n this.setState({ value });\n }\n\n render() {\n return (\n \n );\n }\n}\n\nexport default Default;\n')),(0,a.mdx)("h3",{id:"changes-to-isplaceholderhidden"},"Changes to isPlaceholderHidden"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"isPlaceholderHidden")," hidden prop has been removed. To uplift remove this prop declaration."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-diff"},'- \n \n \n \n \n')),(0,a.mdx)("p",null,"If a placeholder option is necessary it can be added to the list of options."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'\n')),(0,a.mdx)("h3",{id:"changes-to-name-and-required"},"Changes to name and required"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"name")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"required")," props have been removed. Terra recommends handling form submissions and validations with ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/final-form/react-final-form"},"react-final-form"),".\nTo uplift remove these prop declarations."),(0,a.mdx)("h3",{id:"changes-to-releasefocus-and-releasefocus"},"Changes to releaseFocus and releaseFocus"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"releaseFocus")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"releaseFocus")," props have been removed. It is no longer necessary for the consumer to manage the focus state. To uplift remove these prop declarations."),(0,a.mdx)("h3",{id:"changes-to-boundingref"},"Changes to boundingRef"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"boundingRef")," prop has been removed. The dropdown has been updated to never expand outside of the available window space. To uplift remove these prop declarations."),(0,a.mdx)("h3",{id:"changes-to-selectoption"},"Changes to Select.Option"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"children")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"isSelected")," props have been removed. To uplift remove isSelected prop declarations and move children into display."),(0,a.mdx)("p",null,"Children should be placed inside of display."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-diff"},'- Display\n+ \n')),(0,a.mdx)("p",null,"The selection state of each option is managed by the Select. The selected option values should be supplied to the Select's ",(0,a.mdx)("inlineCode",{parentName:"p"},"defaultValue")," or ",(0,a.mdx)("inlineCode",{parentName:"p"},"value"),"."),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties-1"},"Changes to CSS Custom Properties"),(0,a.mdx)("p",null,"CSS Custom Properties have been updated to follow naming conventions. A CSS property should define the component, state, and property it controls."),(0,a.mdx)("p",null,"Select icons have been updated to be theme-able in CSS. This means the entire icon will need to be changed to alter color."),(0,a.mdx)("h4",{id:"renamed-1"},"Renamed"),(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},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"Updated"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-disabled-font-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-disabled-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-animation-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-start"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-transition-timing"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-transition-timing-function")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-animation-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-box-shadow-rtl"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-box-shadow-ltr"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-input-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-input-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-input-focus-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-default-option-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-default-option-font-style"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-font-style")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-input-text-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-animation-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-animation-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-box-shadow-ltr"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-box-shadow-rtl"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-font-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-font-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-hover-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-active-color")))),(0,a.mdx)("h4",{id:"removed-1"},"Removed"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-select-arrow-margin"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-arrow-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-disabled-arrow-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-input-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-input-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-invalid-arrow-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-blur-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-bottom-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-border-raidus"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-blur"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-box-shadow-ltr"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-box-shadow-rtl")),(0,a.mdx)("h3",{id:"added-1"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-select-border"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-bottom-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-left-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-right-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-top-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-arrow-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-invalid-arrow-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-margin"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-arrow-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-dropdown-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-dropdown-border"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-dropdown-border-radius"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-dropdown-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-dropdown-above-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-option-icon-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-option-icon-active-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-option-icon-pressed-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-option-selected-active-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-option-icon-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-border-radius"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-font-size"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-line-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-margin-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-margin-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-display-border-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-display-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-deselect-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-deselect-border-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-deselect-font-size"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-deselect-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-deselect-hover-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-deselect-hover-border-bottom-hover"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-icon-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-icon-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-icon-width")),(0,a.mdx)("h3",{id:"new-dropdownattrs"},"New dropdownAttrs"),(0,a.mdx)("p",null,"The new prop for ",(0,a.mdx)("inlineCode",{parentName:"p"},"dropdownAttrs")," spreads custom html attributes onto the dropdown menu. Examples include classnames and inline styles."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'\n')),(0,a.mdx)("h3",{id:"new-noresultcontent"},"New noResultContent"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"noResultContent")," prop displays custom content when no search results are found."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'\n')),(0,a.mdx)("h3",{id:"new-ondeselect"},"New onDeselect"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onDeselect")," prop is called when an option is deselected. The callback will return the value of the deselected option."),(0,a.mdx)("h3",{id:"new-onselect"},"New onSelect"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onSelect")," prop is called when an option is selected. The callback will return the value of the selected option."),(0,a.mdx)("h3",{id:"new-onsearch"},"New onSearch"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onSearch")," prop is called when a search is invoked. The callback will return the value of the search input."),(0,a.mdx)("h3",{id:"new-optionfilter"},"New optionFilter"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"optionFilter")," prop is called for each option when the search input changes allowing a custom filter."),(0,a.mdx)("p",null,"By default the Select filters all options that contain the search string within the display. In the following example the Select is instead filtered by options that start with the string."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'\n')),(0,a.mdx)("h3",{id:"new-placeholder"},"New placeholder"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"placeholder")," prop sets the placeholder text."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'\n')),(0,a.mdx)("h3",{id:"new-variant"},"New variant"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"variant")," prop sets the display and behavior of the Select. Options include:"),(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},"Variant"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"default"),(0,a.mdx)("td",{parentName:"tr",align:null},"Allows only a single selection.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"search"),(0,a.mdx)("td",{parentName:"tr",align:null},"Allows only a single selection. Provides a searchable list of options.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"combobox"),(0,a.mdx)("td",{parentName:"tr",align:null},"Allows only a single selection or free text entry. The select will act as a standard input with a drop down menu that provides an optional set of selections to choose from. The options will filter as a user types into the input. Selecting a preexisting option from the dropdown is optional; the user can enter a new value.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"multiple"),(0,a.mdx)("td",{parentName:"tr",align:null},"Allows multiple selections. The user may choose multiple options from the dropdown. Each selected option can be deselected either by clicking the option again in the drop down or by clicking the x icon next to the option in the list of selected options.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"tag"),(0,a.mdx)("td",{parentName:"tr",align:null},"Allows multiple selections or free text entries. The user may choose multiple options from the dropdown or enter a custom free text entry.")))),(0,a.mdx)("h3",{id:"new-selectoptgroup"},"New Select.OptGroup"),(0,a.mdx)("p",null,"An OptGroup creates a grouping of options into a labeled section."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'\n')))}p.isMDXComponent=!0},57739:function(e,t,r){r.d(t,{C:function(){return n}});var a=r(67294),l=r(22863),n=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.54.0",url:t})}},17422:function(e,t,r){r.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/20509-b2683fb32a6e5f2ed497.css b/20509-b2683fb32a6e5f2ed497.css new file mode 100644 index 000000000..85c01f67c --- /dev/null +++ b/20509-b2683fb32a6e5f2ed497.css @@ -0,0 +1,8 @@ +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___tv8j-{-ms-flex:0 0;flex:0 0}} +.placeholder-list{list-style:none}[dir] .placeholder-list{border-bottom:1px solid #dedfe0;border-top:1px solid #dedfe0;margin:0;padding:0}[dir] .is-padded .placeholder-list-item{padding:.7rem}.placeholder-list-item{overflow:hidden}[dir] .placeholder-list-item{border-bottom:1px solid #dedfe0;margin:0}[dir] .placeholder-list-item:last-of-type{border-bottom:0}[dir] .placeholder-list-item:focus{background-color:#ebf6fd}[dir] .placeholder-list-item.is-selected{background-color:#cbe7fa} +[dir] .AggregatorItem-module__readonly-modal-content___90fCW{padding:15px}.AggregatorItem-module__header-arrange___uCJ-m{font-size:1.285rem}[dir] .AggregatorItem-module__header-arrange___uCJ-m{background:#f4f4f4;padding:.71429rem .5rem}[dir=ltr] .AggregatorItem-module__header-arrange-content___k1GfD{margin-right:.7rem}[dir=rtl] .AggregatorItem-module__header-arrange-content___k1GfD{margin-left:.7rem} +.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)} +.example-styles-module__example-wrapper___BDtGd{height:28rem}[dir] .example-styles-module__example-wrapper___BDtGd{border:1px solid #d3d3d3}[dir] .example-styles-module__content-wrapper___aVyh0{padding:.7rem} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Grid-module__clinical-lowlight-theme___iBVVg{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__orion-fusion-theme___hxBQz{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__grid___Os-i8{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-wrap:wrap;flex-wrap:wrap}[dir=ltr] .Grid-module__grid___Os-i8{margin-left:calc(1rem*-1);margin-left:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}[dir=rtl] .Grid-module__grid___Os-i8{margin-right:calc(1rem*-1);margin-right:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}.Grid-module__column___zXP7v{box-sizing:border-box;-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%}[dir=ltr] .Grid-module__column___zXP7v{padding-left:1rem;padding-left:var(--terra-grid-gutter-padding-left, 1rem)}[dir=rtl] .Grid-module__column___zXP7v{padding-right:1rem;padding-right:var(--terra-grid-gutter-padding-left, 1rem)}@media screen and (min-width: 0px){.Grid-module__column-tiny-1___\+1wfL{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-tiny-2___PrgO4{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-tiny-3___9YJit{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-tiny-4___jIRz\+{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-tiny-5___IOG0q{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-tiny-6___htaH4{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-tiny-7___a33iE{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-tiny-8___-yY3y{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-tiny-9___zy187{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-tiny-10___xGjO7{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-tiny-11___jmS1E{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-tiny-12___-6WVA{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 544px){.Grid-module__column-small-1___xxAEw{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-small-2___h46ZG{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-small-3___cGpOb{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-small-4___sD5fv{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-small-5___GIPIh{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-small-6___v9PQi{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-small-7___3tEtM{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-small-8___v5Aqd{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-small-9___EQWCI{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-small-10___m0tGE{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-small-11___2pWbr{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-small-12___5JnEA{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 768px){.Grid-module__column-medium-1___Yz235{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-medium-2___9jJQg{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-medium-3___li0pW{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-medium-4___J\+DGa{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-medium-5___NpRnE{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-medium-6___i5TZS{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-medium-7___FPmRH{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-medium-8___pVJuv{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-medium-9___9R-eZ{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-medium-10___IdHZl{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-medium-11___R53Lk{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-medium-12___nisE\+{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 992px){.Grid-module__column-large-1___iu56a{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-large-2___xmnS6{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-large-3___lcwn6{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-large-4___DAqhR{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-large-5___FY8vE{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-large-6___htHJ\+{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-large-7___V01cK{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-large-8___yv14\+{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-large-9___IZJLb{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-large-10___Yq3R8{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-large-11___fz98K{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-large-12___qedSp{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 1216px){.Grid-module__column-huge-1___Y7ydw{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-huge-2___RekuK{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-huge-3___sO6jv{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-huge-4___C3Zti{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-huge-5___YOTc5{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-huge-6___0je45{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-huge-7___iHY-G{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-huge-8___hwq18{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-huge-9___XkrI1{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-huge-10___kk\+IW{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-huge-11___izwwH{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-huge-12___VTALE{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 1440px){.Grid-module__column-enormous-1___7jaM7{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-enormous-2___XJH79{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-enormous-3___bcPxR{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-enormous-4___fAqEp{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-enormous-5___0QWBj{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-enormous-6___4WMSd{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-enormous-7___Bvt0l{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-enormous-8___1rQyt{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-enormous-9___2n6pM{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-enormous-10___HcDD6{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-enormous-11___CvLx0{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-enormous-12___ifU5q{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}} +.SectionHeader-module__clinical-lowlight-theme___M-5zo{--terra-section-header-padding-end: 0.7142857143rem;--terra-section-header-padding-start: 0.7142857143rem;--terra-section-header-background: #141719;--terra-section-header-border-bottom: 1px solid #08090a;--terra-section-header-border-left: 0 none;--terra-section-header-border-right: 0 none;--terra-section-header-border-top: 0 none;--terra-section-header-box-shadow: none;--terra-section-header-color: #b2b5b6;--terra-section-header-min-height: 2.5rem;--terra-section-header-padding-bottom: 0.5rem;--terra-section-header-padding-top: 0.5rem;--terra-section-header-font-size: 1rem;--terra-section-header-font-weight: bold;--terra-section-header-line-height: 1.4285714286;--terra-section-header-text-transform: none;--terra-section-header-transparent-min-height: 2.42857rem;--terra-section-header-accordion-padding-start: 0.5rem;--terra-section-header-active-background: #000;--terra-section-header-active-border-bottom: 1px solid #08090a;--terra-section-header-active-border-left: 0 none;--terra-section-header-active-border-right: 0 none;--terra-section-header-active-border-top: 0 none;--terra-section-header-active-box-shadow: none;--terra-section-header-active-color: #b2b5b6;--terra-section-header-focus-background: #08090a;--terra-section-header-focus-color: #b2b5b6;--terra-section-header-focus-within-outline: 3px dashed #fff;--terra-section-header-focus-within-outline-offset: -2px;--terra-section-header-hover-background: #08090a;--terra-section-header-hover-border-bottom: 1px solid #08090a;--terra-section-header-hover-border-left: 0 none;--terra-section-header-hover-border-right: 0 none;--terra-section-header-hover-border-top: 0 none;--terra-section-header-hover-box-shadow: none;--terra-section-header-hover-color: #b2b5b6;--terra-section-header-transparent-active-background: #191d20;--terra-section-header-transparent-active-border-bottom: 1px solid #08090a;--terra-section-header-transparent-active-border-left: 0 none;--terra-section-header-transparent-active-border-right: 0 none;--terra-section-header-transparent-active-border-top: 0 none;--terra-section-header-transparent-active-box-shadow: none;--terra-section-header-transparent-active-color: #b2b5b6;--terra-section-header-transparent-focus-background: #222a2e;--terra-section-header-transparent-hover-background: #1e272b;--terra-section-header-transparent-hover-border-bottom: 1px solid #08090a;--terra-section-header-transparent-hover-border-left: 0 none;--terra-section-header-transparent-hover-border-right: 0 none;--terra-section-header-transparent-hover-border-top: 0 none;--terra-section-header-transparent-hover-box-shadow: none;--terra-section-header-transparent-hover-color: #9b9b9b;--terra-section-header-accordion-icon-margin-start: 0;--terra-section-header-accordion-icon-margin-end: 0.38rem;--terra-section-header-accordion-icon-padding-start: 0;--terra-section-header-accordion-icon-padding-end: 0;--terra-section-header-accordion-icon-padding-bottom: 0;--terra-section-header-accordion-icon-padding-top: 0.38rem;--terra-section-header-accordion-icon-height: 0.83593rem;--terra-section-header-accordion-icon-width: 0.83593rem;--terra-section-header-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--terra-section-header-accordion-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E")}.SectionHeader-module__orion-fusion-theme___MGUT7{--terra-section-header-padding-end: 0.83333rem;--terra-section-header-padding-start: 0.83333rem;--terra-section-header-background: #dedfe0;--terra-section-header-border-bottom: 1px solid #9b9fa1;--terra-section-header-border-left: 0 none;--terra-section-header-border-right: 0 none;--terra-section-header-border-top: 0 none;--terra-section-header-box-shadow: none;--terra-section-header-color: #1c1f21;--terra-section-header-min-height: 2.25rem;--terra-section-header-padding-bottom: 0.25rem;--terra-section-header-padding-top: 0.25rem;--terra-section-header-font-size: 1rem;--terra-section-header-font-weight: normal;--terra-section-header-line-height: 1.41666667;--terra-section-header-text-transform: none;--terra-section-header-transparent-min-height: 2.16667rem;--terra-section-header-accordion-padding-start: 0.83333rem;--terra-section-header-active-background: #c8cacb;--terra-section-header-active-border-bottom: 1px solid #9b9fa1;--terra-section-header-active-border-left: 0 none;--terra-section-header-active-border-right: 0 none;--terra-section-header-active-border-top: 0 none;--terra-section-header-active-box-shadow: none;--terra-section-header-active-color: #1c1f21;--terra-section-header-focus-background: #dedfe0;--terra-section-header-focus-color: #1c1f21;--terra-section-header-focus-within-outline: none;--terra-section-header-focus-within-outline-offset: 0;--terra-section-header-hover-background: #c8cacb;--terra-section-header-hover-border-bottom: 1px solid #9b9fa1;--terra-section-header-hover-border-left: 0 none;--terra-section-header-hover-border-right: 0 none;--terra-section-header-hover-border-top: 0 none;--terra-section-header-hover-box-shadow: none;--terra-section-header-hover-color: #1c1f21;--terra-section-header-transparent-active-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-active-border-bottom: 0 none;--terra-section-header-transparent-active-border-left: 0 none;--terra-section-header-transparent-active-border-right: 0 none;--terra-section-header-transparent-active-border-top: 0 none;--terra-section-header-transparent-active-box-shadow: none;--terra-section-header-transparent-active-color: #1c1f21;--terra-section-header-transparent-focus-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-hover-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-hover-border-bottom: 0 none;--terra-section-header-transparent-hover-border-left: 0 none;--terra-section-header-transparent-hover-border-right: 0 none;--terra-section-header-transparent-hover-border-top: 0 none;--terra-section-header-transparent-hover-box-shadow: none;--terra-section-header-transparent-hover-color: #1c1f21;--terra-section-header-accordion-icon-margin-start: 0;--terra-section-header-accordion-icon-margin-end: 0.41667rem;--terra-section-header-accordion-icon-padding-start: 0;--terra-section-header-accordion-icon-padding-end: 0;--terra-section-header-accordion-icon-padding-bottom: 0;--terra-section-header-accordion-icon-padding-top: 0.33333rem;--terra-section-header-accordion-icon-height: 0.66667rem;--terra-section-header-accordion-icon-width: 0.66667rem;--terra-section-header-font-family: Tahoma, "Geneva", Verdana, "Trebuchet MS", sans-serif;--terra-section-header-accordion-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E")}[dir] .SectionHeader-module__orion-fusion-theme___MGUT7:focus-within{border-bottom:1px solid #c8cacb;box-shadow:0 0 1px 3px rgba(76,178,233,.5),0 0 7px 4px rgba(76,178,233,.35)}.SectionHeader-module__section-header___wbdJQ{-ms-flex-align:center;align-items:center;color:#1c1f21;color:var(--terra-section-header-color, #1c1f21);display:-ms-flexbox;display:flex;min-height:2.5rem;min-height:var(--terra-section-header-min-height, 2.5rem);width:100%}[dir] .SectionHeader-module__section-header___wbdJQ{background:#e8e9ea;background:var(--terra-section-header-background, #e8e9ea);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-box-shadow, none);margin:0;padding-bottom:0.5rem;padding-bottom:var(--terra-section-header-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-section-header-padding-top, 0.5rem)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ{padding-right:0.7142857143rem;padding-right:var(--terra-section-header-padding-end, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-section-header-padding-start, 0.7142857143rem);border-left:0 none;border-left:var(--terra-section-header-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ{padding-left:0.7142857143rem;padding-left:var(--terra-section-header-padding-end, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-section-header-padding-start, 0.7142857143rem);border-right:0 none;border-right:var(--terra-section-header-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ:focus-within{color:#1c1f21;color:var(--terra-section-header-focus-color, #1c1f21);outline:3px dashed #000;outline:var(--terra-section-header-focus-within-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-section-header-focus-within-outline-offset, -2px)}[dir] .SectionHeader-module__section-header___wbdJQ:focus-within{background:#e8e9ea;background:var(--terra-section-header-focus-background, #e8e9ea)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-transparent___3L6Q5:focus-within{background:rgba(0, 0, 0, 0.07);background:var(--terra-section-header-transparent-focus-background, rgba(0, 0, 0, 0.07))}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z{cursor:pointer}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z{padding-left:0.5rem;padding-left:var(--terra-section-header-accordion-padding-start, 0.5rem)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z{padding-right:0.5rem;padding-right:var(--terra-section-header-accordion-padding-start, 0.5rem)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{color:#1c1f21;color:var(--terra-section-header-hover-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{background:#d7d8d9;background:var(--terra-section-header-hover-background, #d7d8d9);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-hover-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-hover-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-hover-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{border-left:var(--terra-section-header-hover-border-left),0 none;border-right:0 none;border-right:var(--terra-section-header-hover-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{border-right:var(--terra-section-header-hover-border-left),0 none;border-left:0 none;border-left:var(--terra-section-header-hover-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active,.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{color:#1c1f21;color:var(--terra-section-header-active-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active, [dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{background:#d7d8d9;background:var(--terra-section-header-active-background, #d7d8d9);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-active-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-active-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-active-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active, [dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{border-left:0 none;border-left:var(--terra-section-header-active-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-active-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active, [dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{border-right:0 none;border-right:var(--terra-section-header-active-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-active-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-transparent___3L6Q5{min-height:2.42857rem;min-height:var(--terra-section-header-transparent-min-height, 2.42857rem)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-transparent___3L6Q5{background:rgba(0,0,0,0);border-bottom:0}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{color:#1c1f21;color:var(--terra-section-header-transparent-hover-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{background:rgba(0, 0, 0, 0);background:var(--terra-section-header-transparent-hover-background, rgba(0, 0, 0, 0));border-bottom:0 none;border-bottom:var(--terra-section-header-transparent-hover-border-bottom, 0 none);border-top:0 none;border-top:var(--terra-section-header-transparent-hover-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-transparent-hover-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{border-left:0 none;border-left:var(--terra-section-header-transparent-hover-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-transparent-hover-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{border-right:0 none;border-right:var(--terra-section-header-transparent-hover-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-transparent-hover-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active,.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{color:#1c1f21;color:var(--terra-section-header-transparent-active-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active, [dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{background:rgba(0, 0, 0, 0.07);background:var(--terra-section-header-transparent-active-background, rgba(0, 0, 0, 0.07));border-bottom:0 none;border-bottom:var(--terra-section-header-transparent-active-border-bottom, 0 none);border-top:0 none;border-top:var(--terra-section-header-transparent-active-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-transparent-active-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active, [dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{border-left:0 none;border-left:var(--terra-section-header-transparent-active-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-transparent-active-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active, [dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{border-right:0 none;border-right:var(--terra-section-header-transparent-active-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-transparent-active-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ button{color:inherit;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--terra-section-header-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif)}[dir] .SectionHeader-module__section-header___wbdJQ button{background:none;border:0;cursor:pointer;padding:0}[dir=ltr] .SectionHeader-module__section-header___wbdJQ button{text-align:left}[dir=rtl] .SectionHeader-module__section-header___wbdJQ button{text-align:right}.SectionHeader-module__title-arrange___t4JW1{-ms-flex:0 1 auto;flex:0 1 auto}.SectionHeader-module__title___EPyaG{display:block;font-size:1rem;font-size:var(--terra-section-header-font-size, 1rem);font-weight:bold;font-weight:var(--terra-section-header-font-weight, bold);line-height:1.4285714286;line-height:var(--terra-section-header-line-height, 1.4285714286);text-transform:none;text-transform:var(--terra-section-header-text-transform, none)}[dir] .SectionHeader-module__title___EPyaG{margin:0}.SectionHeader-module__accordion-icon-wrapper___BOHqG{display:-ms-inline-flexbox;display:inline-flex}[dir] .SectionHeader-module__accordion-icon-wrapper___BOHqG{padding-bottom:0;padding-bottom:var(--terra-section-header-accordion-icon-padding-bottom, 0);padding-top:0.38rem;padding-top:var(--terra-section-header-accordion-icon-padding-top, 0.38rem)}[dir=ltr] .SectionHeader-module__accordion-icon-wrapper___BOHqG{margin-left:0;margin-left:var(--terra-section-header-accordion-icon-margin-start, 0);margin-right:0.38rem;margin-right:var(--terra-section-header-accordion-icon-margin-end, 0.38rem);padding-left:0;padding-left:var(--terra-section-header-accordion-icon-padding-start, 0);padding-right:0;padding-right:var(--terra-section-header-accordion-icon-padding-end, 0)}[dir=rtl] .SectionHeader-module__accordion-icon-wrapper___BOHqG{margin-right:0;margin-right:var(--terra-section-header-accordion-icon-margin-start, 0);margin-left:0.38rem;margin-left:var(--terra-section-header-accordion-icon-margin-end, 0.38rem);padding-right:0;padding-right:var(--terra-section-header-accordion-icon-padding-start, 0);padding-left:0;padding-left:var(--terra-section-header-accordion-icon-padding-end, 0)}.SectionHeader-module__accordion-icon___VQmOf{display:inline-block;height:0.83593rem;height:var(--terra-section-header-accordion-icon-height, 0.83593rem);vertical-align:middle;width:0.83593rem;width:var(--terra-section-header-accordion-icon-width, 0.83593rem)}[dir] .SectionHeader-module__accordion-icon___VQmOf{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-section-header-accordion-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E"));background-repeat:no-repeat;background-size:contain;transform:rotate(0deg)}[dir=rtl] .SectionHeader-module__accordion-icon___VQmOf{transform:scaleX(-1)}[dir] .SectionHeader-module__accordion-icon___VQmOf.SectionHeader-module__is-open___naqpt{transform:rotate(90deg)}.SectionHeader-module__arrange-wrapper___jwEJm{width:100%}[dir] .SectionHeader-module__arrange-wrapper___jwEJm{margin:0}.SectionHeader-module__arrange-wrapper___jwEJm:focus{outline:none}.SectionHeader-module__arrange-wrapper___jwEJm.SectionHeader-module__title-fixed___U8DzW{position:absolute} diff --git a/20509-b2683fb32a6e5f2ed497.js b/20509-b2683fb32a6e5f2ed497.js new file mode 100644 index 000000000..dcaf34c57 --- /dev/null +++ b/20509-b2683fb32a6e5f2ed497.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[20509],{49271:function(e,t,n){var r=n(64836),a=n(18698);t.Z=void 0;var o=r(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=o?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(r,l,u):r[l]=e[l]}r.default=e,n&&n.set(e,r);return r}(n(67294)),u=r(n(45697)),i=r(n(19845)),c=n(21538),d=r(n(33864)),m=r(n(23399)),s=n(51051),f=r(n(53560));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}var g=i.default.bind(f.default),_={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,u=e.description,i=e.isExpanded,f=(0,l.useState)(i),p=(0,o.default)(f,2),_=p[0],v=p[1],b=(0,l.useState)(!1),x=(0,o.default)(b,2),O=x[0],E=x[1],S=l.default.useContext(c.ThemeContext),w=void 0!==r,j=function(){E(!O),_&&v(!_)},T=function(){v(!_),O&&E(!O)},N=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return l.default.createElement("div",{className:g("template",S.className)},l.default.createElement("div",{className:g("header")},a&&l.default.createElement("h2",{className:g("title")},a)),l.default.createElement("div",{className:g("content")},u&&l.default.createElement("div",{className:g("description")},u),t),l.default.createElement("div",{className:g("footer")},n?l.default.createElement("div",{className:g("button-container")},w&&l.default.createElement("button",{type:"button",className:g("css-toggle","item",{"is-selected":O}),onClick:j,onKeyDown:function(e){return N(e,j)},onBlur:y,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(d.default,{className:g("chevron")}),l.default.createElement("span",null,"CSS"),l.default.createElement(m.default,{className:g("chevron")})),l.default.createElement("button",{type:"button",className:g("code-toggle","item",{"is-selected":_}),onClick:T,onKeyDown:function(e){return N(e,T)},onBlur:y,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(d.default,{className:g("chevron")}),l.default.createElement("span",null,"Code"),l.default.createElement(m.default,{className:g("chevron")}))):null,l.default.createElement("div",null,O&&l.default.createElement("div",{className:g("css")},r),_&&l.default.createElement("div",{className:g("code")},n))))};v.propTypes=_,v.defaultProps={isExpanded:!1};var b=v;t.Z=b},77828:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(10434)),o=r(n(70215)),l=r(n(56690)),u=r(n(89728)),i=r(n(94993)),c=r(n(73808)),d=r(n(66115)),m=r(n(61655)),s=r(n(67294)),f=r(n(45697)),p=r(n(55281)),g=r(n(10027)),_=r(n(78490)),y=r(n(17092)),h=n(15560),v=r(n(19845)),b=r(n(84970)),x=r(n(43439)),O=r(n(52964)),E=r(n(21947)),S=["name","disclosureType","aggregatorDelegate","discloseOnSelect","customDisclose"];function w(e,t,n){return t=(0,c.default)(t),(0,i.default)(e,j()?Reflect.construct(t,n||[],(0,c.default)(e).constructor):t.apply(e,n))}function j(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(j=function(){return!!e})()}var T=v.default.bind(O.default),N=(0,h.withDisclosureManager)((function(e){var t=e.disclosureManager;return s.default.createElement(g.default,{header:s.default.createElement(y.default,{title:"Info Modal",onClose:t.closeDisclosure,onBack:t.goBack})},s.default.createElement("div",{className:T("readonly-modal-content")},s.default.createElement("p",null,"This modal was not presented through the Aggregator. The Aggregator state was maintained.")))}));N.propTypes={disclosureManager:h.disclosureManagerShape};var C={aggregatorDelegate:f.default.object,name:f.default.string,disclosureType:f.default.string,discloseOnSelect:f.default.bool,customDisclose:f.default.func},M=function(e){function t(e){var n;return(0,l.default)(this,t),(n=w(this,t,[e])).handleSelection=n.handleSelection.bind((0,d.default)(n)),n.launchModal=n.launchModal.bind((0,d.default)(n)),n}return(0,m.default)(t,e),(0,u.default)(t,[{key:"handleSelection",value:function(e,t){var n=this,r=this.props,a=r.aggregatorDelegate,o=r.name,l=r.discloseOnSelect,u={0:"tiny",1:"small",2:"medium",3:"large",4:"huge",5:"fullscreen"};a.hasFocus&&a.itemState.selectedIndex===t?a.releaseFocus().catch((function(){console.log("Section - Focus release failed. Something must be locked.")})):a.requestFocus({selectedIndex:t}).then((function(e){var r=e.disclose;l&&r({preferredType:n.props.disclosureType,size:u[t],content:{key:"Nested ".concat(o),component:s.default.createElement(E.default,{name:"Nested ".concat(o),disclosureType:n.props.disclosureType})}})})).catch((function(e){console.log("Section - Selection denied - ".concat(e))}))}},{key:"launchModal",value:function(){(0,this.props.customDisclose)({preferredType:"modal",size:"small",content:{key:"ModalContent-".concat(Date.now()),component:s.default.createElement(N,null)}})}},{key:"render",value:function(){var e,t=this,n=this.props,r=n.name,l=(n.disclosureType,n.aggregatorDelegate),u=(n.discloseOnSelect,n.customDisclose),i=(0,o.default)(n,S);return l.hasFocus&&l.itemState&&void 0!==l.itemState.selectedIndex&&(e=l.itemState.selectedIndex),s.default.createElement(g.default,(0,a.default)({},i,{header:s.default.createElement(_.default,{className:T("header-arrange"),fitStart:s.default.createElement("div",{className:T("header-arrange-content")},u?s.default.createElement(p.default,{text:"Modal (Without Requesting Focus)",onClick:this.launchModal}):null),fill:s.default.createElement("div",null,r)})}),s.default.createElement(b.default,{isPadded:!0},s.default.createElement(x.default,{isSelected:0===e,onSelect:function(e){return t.handleSelection(e,0)}},s.default.createElement("div",null,"Row 0")),s.default.createElement(x.default,{isSelected:1===e,onSelect:function(e){return t.handleSelection(e,1)}},s.default.createElement("div",null,"Row 1")),s.default.createElement(x.default,{isSelected:2===e,onSelect:function(e){return t.handleSelection(e,2)}},s.default.createElement("div",null,"Row 2")),s.default.createElement(x.default,{isSelected:3===e,onSelect:function(e){return t.handleSelection(e,3)}},s.default.createElement("div",null,"Row 3")),s.default.createElement(x.default,{isSelected:4===e,onSelect:function(e){return t.handleSelection(e,4)}},s.default.createElement("div",null,"Row 4")),s.default.createElement(x.default,{isSelected:5===e,onSelect:function(e){return t.handleSelection(e,5)}},s.default.createElement("div",null,"Row 5"))))}}]),t}(s.default.Component);M.propTypes=C;t.default=M},21947:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(56690)),o=r(n(89728)),l=r(n(94993)),u=r(n(73808)),i=r(n(66115)),c=r(n(61655)),d=r(n(67294)),m=r(n(45697)),s=r(n(19845)),f=r(n(55281)),p=r(n(10027)),g=r(n(55142)),_=r(n(17092)),y=n(15560),h=r(n(61285));function v(e,t,n){return t=(0,u.default)(t),(0,l.default)(e,b()?Reflect.construct(t,n||[],(0,u.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 x=s.default.bind(h.default),O={name:m.default.string,disclosureType:m.default.string,disclosureManager:y.disclosureManagerShape},E=function(e){function t(e){var n;return(0,a.default)(this,t),(n=v(this,t,[e])).checkLockState=n.checkLockState.bind((0,i.default)(n)),n.state={text:void 0},n}return(0,c.default)(t,e),(0,o.default)(t,[{key:"componentDidMount",value:function(){var e=this.props.disclosureManager;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,t=this.props,n=t.disclosureManager,r=t.name,a=t.disclosureType;return d.default.createElement(p.default,{fill:!0,header:d.default.createElement(_.default,{title:"Disclosure - ".concat(r),onClose:n.closeDisclosure,onBack:n.goBack,onMaximize:n.maximize,onMinimize:n.minimize})},d.default.createElement("div",{className:x("content-wrapper")},d.default.createElement("h3",null,r),d.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),d.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),d.default.createElement(f.default,{text:"Dismiss",onClick:function(){n.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}}),d.default.createElement(f.default,{text:"Disclose Again",onClick:function(){n.disclose({preferredType:a,size:"small",content:{key:"Nested ".concat(r),component:d.default.createElement(S,{name:"Nested ".concat(r),disclosureType:a})}})}}),d.default.createElement("br",null),d.default.createElement("br",null),d.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),d.default.createElement(g.default,{value:this.state.text||"",onChange:function(t){e.setState({text:t.target.value})}}),this.state.text&&this.state.text.length?d.default.createElement("p",null,"Component has unsaved changes!"):null))}}]),t}(d.default.Component);E.propTypes=O,E.defaultProps={name:"Disclosure Component"};var S=(0,y.withDisclosureManager)(E);t.default=S},62879:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(67294)),o=r(n(10027)),l=r(n(17092)),u=n(15560),i=r(n(88895)),c=r(n(77828)),d=r(n(53079)),m=Object.freeze([{key:"SECTION_0",component:a.default.createElement(c.default,{name:"Slide Panel Section",disclosureType:"panel",discloseOnSelect:!0})},{key:"SECTION_1",component:a.default.createElement(c.default,{name:"Modal Section",disclosureType:"modal",discloseOnSelect:!0})},{key:"SECTION_2",component:a.default.createElement(d.default,{name:"No Disclosure Section"})}]),s=function(e){var t=e.disclosureManager;return a.default.createElement(o.default,{fill:!0,header:a.default.createElement(l.default,{onClose:t.closeDisclosure,onBack:t.goBack})},a.default.createElement(i.default,{items:m,disclose:t.disclose}))};s.propTypes={disclosureManager:u.disclosureManagerShape};t.default=(0,u.withDisclosureManager)(s)},53079:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(10434)),o=r(n(70215)),l=r(n(67294)),u=r(n(45697)),i=r(n(10027)),c=r(n(16772)),d=["name","aggregatorDelegate"],m={aggregatorDelegate:u.default.object,name:u.default.string},s=function(e){var t=e.name,n=e.aggregatorDelegate,r=(0,o.default)(e,d);return l.default.createElement(i.default,(0,a.default)({},r,{header:l.default.createElement(c.default,{title:t})}),n.hasFocus?l.default.createElement("button",{type:"button",onClick:function(){n.releaseFocus()}},"Release Focus"):l.default.createElement("button",{type:"button",onClick:function(){n.requestFocus()}},"Get Focus"),n.hasFocus?l.default.createElement("h4",null,"Section has focus!"):null)};s.propTypes=m;t.default=s},84970:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(67294));n(65430);t.default=function(e){var t=e.children,n=e.isPadded;return a.default.createElement("ul",{"aria-label":"Placeholder List",role:"listbox",className:n?"placeholder-list is-padded":"placeholder-list "},t)}},43439:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(10434)),o=r(n(70215)),l=r(n(67294));n(65430);var u=["children","isSelected","onSelect"];t.default=function(e){var t=e.children,n=e.isSelected,r=e.onSelect,i=(0,o.default)(e,u),c=n?"placeholder-list-item is-selected":"placeholder-list-item ";return l.default.createElement("li",(0,a.default)({},i,{"aria-selected":n,tabIndex:"0",className:c,onClick:r,onKeyDown:function(e){13!==e.nativeEvent.keyCode&&32!==e.nativeEvent.keyCode||(e.preventDefault(),r(e))},role:"option"}),t)}},58586:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),o=n(15560),l=r(n(8815)),u=r(n(62879)),i=(0,o.withDisclosureManager)((function(e){var t=e.disclosureManager;return a.default.createElement("button",{type:"button",onClick:function(){t.disclose({preferredType:"modal",size:"large",content:{key:"MODAL_EXAMPLE",component:a.default.createElement(u.default,{identifier:"MODAL_EXAMPLE"})}})}},"Launch Modal")}));i.propTypes={disclosureManager:o.disclosureManagerShape};t.Z=function(){return a.default.createElement("div",null,a.default.createElement(l.default,null,a.default.createElement(i,null)))}},71382:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),o=r(n(8815)),l=r(n(49265)),u=n(15560),i=r(n(88895)),c=r(n(77828)),d=r(n(53079)),m=Object.freeze([{key:"SECTION_0",component:a.default.createElement(c.default,{name:"Slide Panel Section",disclosureType:"panel",discloseOnSelect:!0})},{key:"SECTION_1",component:a.default.createElement(c.default,{name:"Modal Section",disclosureType:"modal",discloseOnSelect:!0})},{key:"SECTION_2",component:a.default.createElement(d.default,{name:"No Disclosure Section"})}]),s=(0,u.withDisclosureManager)((function(e){var t=e.disclosureManager;return a.default.createElement(i.default,{items:m,disclose:t.disclose})}));t.Z=function(){return a.default.createElement("div",null,a.default.createElement(o.default,null,a.default.createElement(l.default,null,a.default.createElement(s,null))))}},44061:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),o=r(n(14012)),l=r(n(88895)),u=r(n(77828)),i=Object.freeze([{key:"SECTION_0",component:a.default.createElement(u.default,{name:"Section 0"})},{key:"SECTION_1",component:a.default.createElement(u.default,{name:"Section 1"})},{key:"SECTION_2",component:a.default.createElement(u.default,{name:"Section 2"})},{key:"SECTION_3",component:a.default.createElement(u.default,{name:"Section 3"})}]);t.Z=function(){return a.default.createElement("div",null,a.default.createElement(l.default,{items:i,render:function(e){return a.default.createElement(o.default,null,a.default.createElement(o.default.Row,null,a.default.createElement(o.default.Column,{tiny:6},e.items[0]),a.default.createElement(o.default.Column,{tiny:6},e.items[1])),a.default.createElement(o.default.Row,null,a.default.createElement(o.default.Column,{tiny:6},e.items[2]),a.default.createElement(o.default.Column,{tiny:6},e.items[3])))}}))}},99514:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),o=r(n(8815)),l=r(n(49265)),u=r(n(88895)),i=n(15560),c=r(n(77828)),d=(0,i.withDisclosureManager)((function(e){var t=e.items,n=e.disclosureManager;return a.default.createElement(u.default,{items:t,disclose:n.disclose})})),m=(0,i.withDisclosureManager)((function(e){var t=e.disclosureManager,n=Object.freeze([{key:"SECTION_0",component:a.default.createElement(c.default,{name:"Section 0",disclosureType:"panel",key:"SECTION_0",customDisclose:t.disclose,discloseOnSelect:!0})},{key:"SECTION_1",component:a.default.createElement(c.default,{name:"Section 1",disclosureType:"panel",key:"SECTION_1",customDisclose:t.disclose,discloseOnSelect:!0})}]);return a.default.createElement(l.default,null,a.default.createElement(d,{items:n}))}));t.Z=function(){return a.default.createElement("div",null,a.default.createElement("p",null,"In this example, the Aggregator items are provided with the ModalManager disclosure function directly. Calling that function does not require Aggregator focus and will bypass the Aggregator entirely. This can be useful for simple Modal workflows that should not impact Aggregator state."),a.default.createElement(o.default,null,a.default.createElement(m,null)))}},76993:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(10434)),o=r(n(56690)),l=r(n(89728)),u=r(n(94993)),i=r(n(73808)),c=r(n(61655)),d=r(n(67294)),m=r(n(88895)),s=r(n(77828));function f(e,t,n){return t=(0,i.default)(t),(0,u.default)(e,p()?Reflect.construct(t,n||[],(0,i.default)(e).constructor):t.apply(e,n))}function p(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(p=function(){return!!e})()}var g=Object.freeze([{key:"SECTION_0",component:d.default.createElement(s.default,{name:"Section 0"})},{key:"SECTION_1",component:d.default.createElement(s.default,{name:"Section 1"})},{key:"SECTION_2",component:d.default.createElement(s.default,{name:"Section 2"})},{key:"SECTION_3",component:d.default.createElement(s.default,{name:"Section 3"})}]),_=function(e){function t(e){var n;return(0,o.default)(this,t),(n=f(this,t,[e])).state={flip:!1},n}return(0,c.default)(t,e),(0,l.default)(t,[{key:"render",value:function(){var e=this;return d.default.createElement("div",null,d.default.createElement("button",{type:"button",onClick:function(){e.setState((function(e){return{flip:!e.flip}}))}},"Flip Section Order"),d.default.createElement("button",{type:"button",onClick:function(){e.forceUpdate()}},"Force Aggregator Render"),d.default.createElement(m.default,{items:this.state.flip?(0,a.default)([],g).reverse():g}))}}]),t}(d.default.Component);t.Z=_},57410:function(e,t,n){n.r(t),n.d(t,{default:function(){return ee}});var r=n(67294),a=n(81254),o=n(3570),l=n(76993),u=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={};function m(e){var t=e.components,n=c(e,u);return(0,a.mdx)("wrapper",i({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n\nimport Aggregator from 'terra-aggregator';\nimport AggregatorItem from '../common/AggregatorItem';\n\nconst items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n}, {\n key: 'SECTION_1',\n component: ,\n}, {\n key: 'SECTION_2',\n component: ,\n}, {\n key: 'SECTION_3',\n component: ,\n}]);\n\nclass StandaloneAggregatorExample extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n flip: false,\n };\n }\n\n render() {\n const body = (\n
\n \n \n \n
\n );\n\n return body;\n }\n}\n\nexport default StandaloneAggregatorExample;\n\n")))}m.isMDXComponent=!0;var s=n(49271),f=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Standalone Aggregator Example",description:n,example:r.createElement(l.Z,null),exampleSrc:r.createElement(m,null),isExpanded:a})},p=n(44061),g=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var h={};function v(e){var t=e.components,n=y(e,g);return(0,a.mdx)("wrapper",_({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Grid from 'terra-grid';\n\nimport Aggregator from 'terra-aggregator';\nimport AggregatorItem from '../common/AggregatorItem';\n\nconst items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n}, {\n key: 'SECTION_1',\n component: ,\n}, {\n key: 'SECTION_2',\n component: ,\n}, {\n key: 'SECTION_3',\n component: ,\n}]);\n\nconst CustomRenderAggregatorExample = () => (\n
\n (\n \n \n \n {renderData.items[0]}\n \n \n {renderData.items[1]}\n \n \n \n \n {renderData.items[2]}\n \n \n {renderData.items[3]}\n \n \n \n )}\n />\n
\n);\n\nexport default CustomRenderAggregatorExample;\n\n")))}v.isMDXComponent=!0;var b=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Custom Render Aggregator Example",description:n,example:r.createElement(p.Z,null),exampleSrc:r.createElement(v,null),isExpanded:a})},x=n(58586),O=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var w={};function j(e){var t=e.components,n=S(e,O);return(0,a.mdx)("wrapper",E({},w,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { withDisclosureManager, disclosureManagerShape } from 'terra-disclosure-manager';\nimport ModalManager from 'terra-modal-manager';\n\nimport ModalAggregator from '../common/ModalAggregator';\n\nconst ModalButton = withDisclosureManager(({ disclosureManager }) => (\n {\n disclosureManager.disclose({\n preferredType: 'modal',\n size: 'large',\n content: {\n key: 'MODAL_EXAMPLE',\n component: ,\n },\n });\n }}\n >\n Launch Modal\n \n));\n\nModalButton.propTypes = {\n disclosureManager: disclosureManagerShape,\n};\n\nconst SimpleAggregatorExample = () => (\n
\n \n \n \n
\n);\n\nexport default SimpleAggregatorExample;\n\n")))}j.isMDXComponent=!0;var T=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Aggregator In Modal Example",description:n,example:r.createElement(x.Z,null),exampleSrc:r.createElement(j,null),isExpanded:a})},N=n(71382),C=["components"];function M(){return M=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var k={};function D(e){var t=e.components,n=I(e,C);return(0,a.mdx)("wrapper",M({},k,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ModalManager from 'terra-modal-manager';\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport { withDisclosureManager } from 'terra-disclosure-manager';\n\nimport Aggregator from 'terra-aggregator';\nimport AggregatorItem from '../common/AggregatorItem';\nimport SimpleAggregatorItem from '../common/SimpleAggregatorItem';\n\nconst items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n}, {\n key: 'SECTION_1',\n component: ,\n}, {\n key: 'SECTION_2',\n component: ,\n}]);\n\nconst Wrapper = withDisclosureManager(({ disclosureManager }) => (\n \n));\n\nconst CombinedDisclosureExample = () => (\n
\n \n \n \n \n \n
\n);\n\nexport default CombinedDisclosureExample;\n\n")))}D.isMDXComponent=!0;var P=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Combined Disclosure Example",description:n,example:r.createElement(N.Z,null),exampleSrc:r.createElement(D,null),isExpanded:a})},A=n(99514),G=["components"];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}var q={};function B(e){var t=e.components,n=F(e,G);return(0,a.mdx)("wrapper",R({},q,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ModalManager from 'terra-modal-manager';\nimport SlidePanelManager from 'terra-slide-panel-manager';\n\nimport Aggregator from 'terra-aggregator';\nimport { withDisclosureManager } from 'terra-disclosure-manager';\nimport AggregatorItem from '../common/AggregatorItem';\n\nconst Wrapper = withDisclosureManager(({ items, disclosureManager }) => (\n \n));\n\nconst ModalManagerBypass = withDisclosureManager(({ disclosureManager }) => {\n const items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n }, {\n key: 'SECTION_1',\n component: ,\n }]);\n\n return (\n \n \n \n );\n});\n\nconst ModalBypassExample = () => (\n
\n

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

\n \n \n \n
\n);\n\nexport default ModalBypassExample;\n\n")))}B.isMDXComponent=!0;var L=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Disclosure Bypass Example",description:n,example:r.createElement(A.Z,null),exampleSrc:r.createElement(B,null),isExpanded:a})},Z=n(78530),z=["components"];function X(){return X=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var V={},H="wrapper";function Y(e){var t=e.components,n=W(e,z);return(0,a.mdx)(H,X({},V,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(Z.ZP,{mdxType:"PropsTable"},(0,a.mdx)(Z.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(Z.O,{mdxType:"PropNameCell"},"items"),(0,a.mdx)(Z.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n key: {\n type: 'string',\n required: true,\n },\n component: {\n type: 'element',\n required: true,\n },\n },\n}],\n"))),(0,a.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,a.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The components that will be managed by the Aggregator. Each component provided will be provided with an 'aggregatorDelegate' prop\ncontaining the Aggregator API. Keys must also be provided to allow the Aggregator to uniquely identify the component.\nImmutable objects are preferred."))),(0,a.mdx)(Z.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(Z.O,{mdxType:"PropNameCell"},"render"),(0,a.mdx)(Z.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A function that will override the Aggregators default render. The function will receive an Object parameter data necessary for the\nrender process."))),(0,a.mdx)(Z.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(Z.O,{mdxType:"PropNameCell"},"disclose"),(0,a.mdx)(Z.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A function that will be provided to Aggregator items that have received focus. The function must adhere to the standardized\nDisclosureManager disclosure API.")))))}Y.isMDXComponent=!0;var K=["components"];function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var U={},$="wrapper";function ee(e){var t=e.components,n=Q(e,K);return(0,a.mdx)($,J({},U,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-aggregator"},"Terra Aggregator"),(0,a.mdx)("p",null,"The Aggregator provides focus-based mechanisms for managing actions across disparate components."),(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-aggregator"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("h3",{id:"aggregator-focus"},"Aggregator Focus"),(0,a.mdx)("p",null,"The Aggregator manages interactions across its items using focus. Only one item can have focus at any given time. When an item requests focus, it can provide an Object containing state pertaining to the focus request. This state will be managed by the Aggregator and given to the item as a prop on the next render cycle. What goes inside this Object is up to the item. However, this Object will be destroyed when the item loses focus, so the data included should be scoped to things tied directly to a focused state."),(0,a.mdx)("p",null,"Once an item receives focus, the item will be provided with the 'disclose' function that the Aggregator was provided with. The Aggregator wraps that disclose function and ensures that the disclosure lifecycle is tied to the focus management. If the disclosure is closed, focus will be released from the disclosing component. If the disclosing component loses focus for whatever reason, the Aggregator will ensure that the disclosure is closed. Any DisclosureManager-based disclosure implementation is supported."),(0,a.mdx)("p",null,"The components rendered by the Aggregator are provided with an ",(0,a.mdx)("inlineCode",{parentName:"p"},"aggregatorDelegate")," prop for interacting with Aggregator state."),(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"aggregatorDelegate")," API:"),(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},"Key"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"hasFocus"),(0,a.mdx)("td",{parentName:"tr",align:null},"A Boolean indicating whether or not the item currently has focus.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"requestFocus"),(0,a.mdx)("td",{parentName:"tr",align:null},"A function that will attempt to give focus to the calling item.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"releaseFocus"),(0,a.mdx)("td",{parentName:"tr",align:null},"A function that will release focus from the calling item. This is only provided if the item currently has focus.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"itemState"),(0,a.mdx)("td",{parentName:"tr",align:null},"An Object containing state that was given to the Aggregator during the focus request.")))),(0,a.mdx)("h3",{id:"rendering"},"Rendering"),(0,a.mdx)("p",null,"By default, the components will be rendered by the Aggregator in the order given. An optional ",(0,a.mdx)("inlineCode",{parentName:"p"},"render")," prop can be provided that will override the default render logic."),(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"render")," Argument Object API:"),(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},"Key"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("inlineCode",{parentName:"td"},"items")),(0,a.mdx)("td",{parentName:"tr",align:null},"An Array of components that were provided to the Aggregator as ",(0,a.mdx)("inlineCode",{parentName:"td"},"items"),", now containing an ",(0,a.mdx)("inlineCode",{parentName:"td"},"aggregatorDelegate")," prop. The order of this array matches that of the ",(0,a.mdx)("inlineCode",{parentName:"td"},"items")," prop value of the Aggregator.")))),(0,a.mdx)("h4",{id:"rendering-example-using-grid"},"Rendering Example (using Grid)"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"}," }, { key: '2', component: }]}\n render={renderData => (\n \n \n \n {renderData.items[0]} // This component is equivalent to: \n \n \n {renderData.items[1]} // This component is equivalent to: \n \n \n \n )}\n/>\n")),(0,a.mdx)("h3",{id:"example"},"Example"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Aggregator from 'terra-aggregator';\n")),(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#responsive-support"},"Responsive 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)("h2",{id:"examples"},"Examples"),(0,a.mdx)(f,{title:"Standalone Aggregator",mdxType:"StandaloneAggregatorExample"}),(0,a.mdx)(b,{title:"Custom Render Aggregator",mdxType:"CustomRenderAggregatorExample"}),(0,a.mdx)(P,{title:"Combined Discloure Aggregator",mdxType:"CombinedDisclosureExample"}),(0,a.mdx)(L,{title:"Disclosure Bypass Aggregator",mdxType:"DisclosureBypassExample"}),(0,a.mdx)(T,{title:"Aggregator In Modal",mdxType:"AggregatorInModalExample"}),(0,a.mdx)("h2",{id:"aggregator-props-table"},"Aggregator Props table"),(0,a.mdx)(Y,{mdxType:"AggregatorPropsTable"}))}ee.isMDXComponent=!0},3570:function(e,t,n){n.d(t,{C:function(){return o}});var r=n(67294),a=n(22863),o=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-aggregator",name:"terra-aggregator",version:"4.75.0",url:t})}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},52964:function(e,t,n){n.r(t),t.default={"readonly-modal-content":"AggregatorItem-module__readonly-modal-content___90fCW","header-arrange":"AggregatorItem-module__header-arrange___uCJ-m","header-arrange-content":"AggregatorItem-module__header-arrange-content___k1GfD"}},61285:function(e,t,n){n.r(t),t.default={"example-wrapper":"example-styles-module__example-wrapper___BDtGd","content-wrapper":"example-styles-module__content-wrapper___aVyh0"}},65430:function(e,t,n){n.r(t),t.default={}},68586:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},49959:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Grid-module__clinical-lowlight-theme___iBVVg","orion-fusion-theme":"Grid-module__orion-fusion-theme___hxBQz",grid:"Grid-module__grid___Os-i8",column:"Grid-module__column___zXP7v","column-tiny-1":"Grid-module__column-tiny-1___+1wfL","column-tiny-2":"Grid-module__column-tiny-2___PrgO4","column-tiny-3":"Grid-module__column-tiny-3___9YJit","column-tiny-4":"Grid-module__column-tiny-4___jIRz+","column-tiny-5":"Grid-module__column-tiny-5___IOG0q","column-tiny-6":"Grid-module__column-tiny-6___htaH4","column-tiny-7":"Grid-module__column-tiny-7___a33iE","column-tiny-8":"Grid-module__column-tiny-8___-yY3y","column-tiny-9":"Grid-module__column-tiny-9___zy187","column-tiny-10":"Grid-module__column-tiny-10___xGjO7","column-tiny-11":"Grid-module__column-tiny-11___jmS1E","column-tiny-12":"Grid-module__column-tiny-12___-6WVA","column-small-1":"Grid-module__column-small-1___xxAEw","column-small-2":"Grid-module__column-small-2___h46ZG","column-small-3":"Grid-module__column-small-3___cGpOb","column-small-4":"Grid-module__column-small-4___sD5fv","column-small-5":"Grid-module__column-small-5___GIPIh","column-small-6":"Grid-module__column-small-6___v9PQi","column-small-7":"Grid-module__column-small-7___3tEtM","column-small-8":"Grid-module__column-small-8___v5Aqd","column-small-9":"Grid-module__column-small-9___EQWCI","column-small-10":"Grid-module__column-small-10___m0tGE","column-small-11":"Grid-module__column-small-11___2pWbr","column-small-12":"Grid-module__column-small-12___5JnEA","column-medium-1":"Grid-module__column-medium-1___Yz235","column-medium-2":"Grid-module__column-medium-2___9jJQg","column-medium-3":"Grid-module__column-medium-3___li0pW","column-medium-4":"Grid-module__column-medium-4___J+DGa","column-medium-5":"Grid-module__column-medium-5___NpRnE","column-medium-6":"Grid-module__column-medium-6___i5TZS","column-medium-7":"Grid-module__column-medium-7___FPmRH","column-medium-8":"Grid-module__column-medium-8___pVJuv","column-medium-9":"Grid-module__column-medium-9___9R-eZ","column-medium-10":"Grid-module__column-medium-10___IdHZl","column-medium-11":"Grid-module__column-medium-11___R53Lk","column-medium-12":"Grid-module__column-medium-12___nisE+","column-large-1":"Grid-module__column-large-1___iu56a","column-large-2":"Grid-module__column-large-2___xmnS6","column-large-3":"Grid-module__column-large-3___lcwn6","column-large-4":"Grid-module__column-large-4___DAqhR","column-large-5":"Grid-module__column-large-5___FY8vE","column-large-6":"Grid-module__column-large-6___htHJ+","column-large-7":"Grid-module__column-large-7___V01cK","column-large-8":"Grid-module__column-large-8___yv14+","column-large-9":"Grid-module__column-large-9___IZJLb","column-large-10":"Grid-module__column-large-10___Yq3R8","column-large-11":"Grid-module__column-large-11___fz98K","column-large-12":"Grid-module__column-large-12___qedSp","column-huge-1":"Grid-module__column-huge-1___Y7ydw","column-huge-2":"Grid-module__column-huge-2___RekuK","column-huge-3":"Grid-module__column-huge-3___sO6jv","column-huge-4":"Grid-module__column-huge-4___C3Zti","column-huge-5":"Grid-module__column-huge-5___YOTc5","column-huge-6":"Grid-module__column-huge-6___0je45","column-huge-7":"Grid-module__column-huge-7___iHY-G","column-huge-8":"Grid-module__column-huge-8___hwq18","column-huge-9":"Grid-module__column-huge-9___XkrI1","column-huge-10":"Grid-module__column-huge-10___kk+IW","column-huge-11":"Grid-module__column-huge-11___izwwH","column-huge-12":"Grid-module__column-huge-12___VTALE","column-enormous-1":"Grid-module__column-enormous-1___7jaM7","column-enormous-2":"Grid-module__column-enormous-2___XJH79","column-enormous-3":"Grid-module__column-enormous-3___bcPxR","column-enormous-4":"Grid-module__column-enormous-4___fAqEp","column-enormous-5":"Grid-module__column-enormous-5___0QWBj","column-enormous-6":"Grid-module__column-enormous-6___4WMSd","column-enormous-7":"Grid-module__column-enormous-7___Bvt0l","column-enormous-8":"Grid-module__column-enormous-8___1rQyt","column-enormous-9":"Grid-module__column-enormous-9___2n6pM","column-enormous-10":"Grid-module__column-enormous-10___HcDD6","column-enormous-11":"Grid-module__column-enormous-11___CvLx0","column-enormous-12":"Grid-module__column-enormous-12___ifU5q"}},88895:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(38416)),o=r(n(70215)),l=r(n(56690)),u=r(n(89728)),i=r(n(66115)),c=r(n(61655)),d=r(n(94993)),m=r(n(73808)),s=r(n(67294)),f=r(n(45697)),p=["afterDismiss","dismissDisclosure"];function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,m.default)(e);if(t){var a=(0,m.default)(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return(0,d.default)(this,n)}}var y={items:f.default.arrayOf(f.default.shape({key:f.default.string.isRequired,component:f.default.element.isRequired})),render:f.default.func,disclose:f.default.func},h=function(e){(0,c.default)(n,e);var t=_(n);function n(e){var r;return(0,l.default)(this,n),(r=t.call(this,e)).requestFocus=r.requestFocus.bind((0,i.default)(r)),r.releaseFocus=r.releaseFocus.bind((0,i.default)(r)),r.setFocusState=r.setFocusState.bind((0,i.default)(r)),r.resetFocusState=r.resetFocusState.bind((0,i.default)(r)),r.renderItems=r.renderItems.bind((0,i.default)(r)),r.state={focusedItemId:void 0,focusedItemState:void 0},r}return(0,u.default)(n,[{key:"componentDidUpdate",value:function(e){var t,n=this.props.items,r=this.state.focusedItemId;this.props.items!==e.items&&(n.forEach((function(e){e.key===r&&(t=!0)})),t||this.releaseFocus(void 0,!0))}},{key:"setFocusState",value:function(e,t){this.setState({focusedItemId:e,focusedItemState:t})}},{key:"resetFocusState",value:function(){this.setFocusState()}},{key:"requestFocus",value:function(e,t){var n=this,r=this.props.disclose,l=this.state.focusedItemId;return new Promise((function(u,i){n.releaseFocus(l).then((function(){n.setFocusState(e,Object.freeze(t||{}));var l={};r&&(l.disclose=function(t){return n.state.focusedItemId!==e?Promise.reject():r(t).then((function(e){var t=e.afterDismiss,r=e.dismissDisclosure,l=(0,o.default)(e,p);return n.forceDismissInstance=r,t.then((function(){n.forceDismissInstance=void 0,n.state.focusedItemId&&n.resetFocusState()})),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}function _(e,t){for(var n=0;n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var g=u.default.bind(c.default),_=function(e,t){if(e[t]){var n=e[t];return n>=1&&n<=12?null:new Error("".concat(t," must be in range 1 to 12 inclusively"))}return null},y={children:o.default.node,className:o.default.string,tiny:_,enormous:_,huge:_,large:_,medium:_,small:_},h=function(e){var t,n=e.className,r=e.children,o=e.tiny,u=e.small,c=e.medium,m=e.large,_=e.huge,y=e.enormous,h=p(e,d),v=a.default.useContext(i.default),b=(0,l.default)(g(["column",(t={},f(t,"column-tiny-".concat(o),o),f(t,"column-small-".concat(u),u),f(t,"column-medium-".concat(c),c),f(t,"column-large-".concat(m),m),f(t,"column-huge-".concat(_),_),f(t,"column-enormous-".concat(y),y),t),v.className]),n);return a.default.createElement("div",s({},h,{className:b}),r)};h.propTypes=y;t.default=h},3546:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(67294)),a=d(n(45697)),o=d(n(93967)),l=d(n(19845)),u=d(n(50026)),i=d(n(49959)),c=["className","children"];function d(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var f=l.default.bind(i.default),p={children:a.default.node.isRequired,className:a.default.string},g=function(e){var t=e.className,n=e.children,a=s(e,c),l=r.default.useContext(u.default);return r.default.createElement("div",m({},a,{className:(0,o.default)(f("grid",l.className),t)}),n)};g.propTypes=p;t.default=g},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),a=o(n(99139));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;tsvg{height:1rem;height:var(--terra-tag-icon-height, 1rem);width:1rem;width:var(--terra-tag-icon-width, 1rem)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.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/20749-f7e04221660779257cac.js b/20749-f7e04221660779257cac.js new file mode 100644 index 000000000..953bf2897 --- /dev/null +++ b/20749-f7e04221660779257cac.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[20749,45627,85565,37344,3353,33667,96890,79482,5161,45865,85355,80858,14041,3193,16835,4845,46647,85161,27444,17657,38681,16873,15318,40411,66097,90941,18101,38443,79057,11264,34319,62979,33315,20116,33609,12026,78996,39915,33442],{22863:function(e,t,r){var n=r(64836);t.Z=void 0;var a=n(r(67294)),l=n(r(45697)),o=n(r(19845)),u=n(r(17422)),i=o.default.bind(u.default),c={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},f=function(e){var t=e.src,r=e.name,n=e.url,l=e.version,o=a.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(l)},a.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),a.default.createElement("span",{className:i("badge-version")},"v".concat(l))),u=t?a.default.createElement("a",{className:i("badge"),href:t},a.default.createElement("span",{className:i("badge-name")},"github"),a.default.createElement("span",{className:i("badge-version")},"source")):void 0;return a.default.createElement("div",{className:i("badge-container")},o,u)};f.propTypes=c;var s=f;t.Z=s},49271:function(e,t,r){var n=r(64836),a=r(18698);t.Z=void 0;var l=n(r(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var r=m(t);if(r&&r.has(e))return r.get(e);var n={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=l?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}n.default=e,r&&r.set(e,n);return n}(r(67294)),u=n(r(45697)),i=n(r(19845)),c=r(21538),f=n(r(33864)),s=n(r(23399)),d=r(51051),p=n(r(53560));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(m=function(e){return e?r:t})(e)}var b=i.default.bind(p.default),y={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,r=e.exampleSrc,n=e.exampleCssSrc,a=e.title,u=e.description,i=e.isExpanded,p=(0,o.useState)(i),m=(0,l.default)(p,2),y=m[0],v=m[1],h=(0,o.useState)(!1),E=(0,l.default)(h,2),O=E[0],w=E[1],T=o.default.useContext(c.ThemeContext),C=void 0!==n,S=function(){w(!O),y&&v(!y)},j=function(){v(!y),O&&w(!O)},x=function(e,t){e.nativeEvent.keyCode!==d.KEY_SPACE&&e.nativeEvent.keyCode!==d.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:b("template",T.className)},o.default.createElement("div",{className:b("header")},a&&o.default.createElement("h2",{className:b("title")},a)),o.default.createElement("div",{className:b("content")},u&&o.default.createElement("div",{className:b("description")},u),t),o.default.createElement("div",{className:b("footer")},r?o.default.createElement("div",{className:b("button-container")},C&&o.default.createElement("button",{type:"button",className:b("css-toggle","item",{"is-selected":O}),onClick:S,onKeyDown:function(e){return x(e,S)},onBlur:_,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(f.default,{className:b("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:b("chevron")})),o.default.createElement("button",{type:"button",className:b("code-toggle","item",{"is-selected":y}),onClick:j,onKeyDown:function(e){return x(e,j)},onBlur:_,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(f.default,{className:b("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:b("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:b("css")},n),y&&o.default.createElement("div",{className:b("code")},r))))};v.propTypes=y,v.defaultProps={isExpanded:!1};var h=v;t.Z=h},74285:function(e,t,r){r.d(t,{C:function(){return l}});var n=r(67294),a=r(22863),l=function(e){var t=e.url;return n.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-tag",name:"terra-tag",version:"2.65.0",url:t})}},17422:function(e,t,r){r.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,r){r.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"}},7337:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"RollupTag-module__clinical-lowlight-theme___1uFTI","orion-fusion-theme":"RollupTag-module__orion-fusion-theme___YaSWi","rollup-tag":"RollupTag-module__rollup-tag___GGRZq","is-active":"RollupTag-module__is-active___JtOLP","tags-group":"RollupTag-module__tags-group___XZbus"}},79572:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Tag-module__clinical-lowlight-theme___iQ1rm","orion-fusion-theme":"Tag-module__orion-fusion-theme___Q346+",tag:"Tag-module__tag___z94Y9","is-interactive":"Tag-module__is-interactive___huWZF","has-underline":"Tag-module__has-underline___LZvUJ",icon:"Tag-module__icon___YVFGv"}},54201:function(e,t,r){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(t,"__esModule",{value:!0}),t.default=void 0;var a=s(r(67294)),l=s(r(45697)),o=s(r(93967)),u=s(r(19845)),i=s(r(50026)),c=s(r(79572)),f=["icon","text","href","onClick","onBlur","onFocus","onKeyUp"];function s(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function m(e,t){for(var r=0;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var S=i.default.bind(y.default),j={ariaLabel:c.default.string.isRequired,ariaLabelledBy:c.default.string,ariaDescribedBy:c.default.string,children:c.default.node,isCollapsible:c.default.bool,intl:c.default.shape({formatMessage:c.default.func}).isRequired},x=function(e){var t=e.ariaLabel,r=e.ariaLabelledBy,n=e.ariaDescribedBy,o=e.children,i=e.intl,c=e.isCollapsible,y=C(e,_),g=a.default.useContext(p.default),v=O((0,a.useState)("-1"),2),w=v[0],T=v[1],j=O((0,a.useState)(a.default.Children.count(o)),2),x=j[0],k=j[1],P=O((0,a.useState)(a.default.Children.count(o)),2),N=P[0],M=P[1],R=O((0,a.useState)(c),2),A=R[0],B=R[1],D=(0,a.useRef)(),K=(0,a.useRef)(),I=(0,a.useRef)(0),U=(0,a.useRef)(!1),q=(0,a.useRef)(t),L=(0,a.useCallback)((function(){var e=m.default.getRollUpIndex(K);A?(k(e),M(a.default.Children.count(o)-e)):e===a.default.Children.count(o)&&M(0)}),[o,A]),W=function(e){D.current&&D.current.setAttribute("tabIndex",e)},Y=function(){D.current&&D.current.focus()},F=(0,a.useCallback)((function(){var e=E(K.current.querySelectorAll("[data-terra-tag]")),t=K.current.querySelector("[data-terra-rollup-tag]");t&&m.default.setRollUpTagTabIndex(t,"-1"),e.length>0&&I.current0&&e.length===a.default.Children.count(o)&&(W("-1"),D.current=e[I.current],W("0"),U.current&&(Y(),U.current=!1))}),[o,A,c]),Z=(0,a.useCallback)((function(e){Array.isArray(e)&&(k(a.default.Children.count(o)),M(a.default.Children.count(o)),c&&L(),F(),V())}),[o,c,F,V,L]);(0,a.useLayoutEffect)((function(){var e=new f.default((function(e){Z(e)}));return e.observe(K.current.parentNode),function(){e.disconnect(),e=null}}),[o,Z]);var G=function(e){var t=E(K.current.querySelectorAll("[data-terra-tag]"));W("-1"),I.current=t.findIndex((function(t){return t.id===e.currentTarget.id})),D.current=t.find((function(t){return t.id===e.currentTarget.id})),W("0"),Y()},H={};H.onKeyDown=function(e){var t=E(K.current.querySelectorAll("[data-terra-tag]")),r=K.current.querySelector("[data-terra-rollup-tag]");switch(e.keyCode){case l.KEY_RIGHT:e.preventDefault(),function(e,t){I.current+1<=e.length&&(W("-1"),t&&I.current+1===e.length?D.current=t:I.current+1=1)&&(W("-1"),t&&D.current===t?(I.current=e.length-1,D.current=e[I.current]):(I.current-=1,D.current=e[I.current]),W("0"),Y())}(t,r);break;case l.KEY_HOME:e.preventDefault(),W("-1"),I.current=0,D.current=t[I.current],W("0"),Y();break;case l.KEY_END:e.preventDefault(),W("-1"),I.current=t.length-1,D.current=t[I.current],W("0"),Y()}},H.onBlur=function(){return T("-1")};var J=(0,u.default)(S(["tags-group",g.className]),y.className),Q="terra-tags-group-interaction-hint-".concat((0,s.v4)()),z=n?"".concat(n," ").concat(Q):Q,X=i.formatMessage({id:"Terra.tags.hint.tagList"},{numberOfTags:a.default.Children.count(o)}),$=i.formatMessage({id:"Terra.tags.tagList.navigation.hint"});X="".concat(X," ").concat($),c&&N>0&&A&&(X+=", ".concat(i.formatMessage({id:"Terra.tags.hint.rollupNotVisible"},{tagsNotVisibleCount:N})));var ee;return a.default.createElement("div",h({},y,H,{"aria-label":r?void 0:"".concat(q.current),"aria-labelledby":r,"aria-describedby":z,className:J,ref:K,role:"group",tabIndex:w}),a.default.createElement(d.default,{id:Q,text:X,"aria-hidden":"true"}),o?(ee=o,a.default.Children.map(ee,(function(e){if(a.default.isValidElement(e))return a.default.cloneElement(e,{onSelect:G})})).splice(0,x)):[],c&&N>0&&a.default.createElement(b.default,{isCollapsed:A,onSelectRollUp:function(e){var t=E(K.current.querySelectorAll("[data-terra-tag]"));c&&A&&("keydown"===e.type||"click"===e.type?(U.current=!0,I.current=t.length):(W("-1"),I.current=t.length)),B(!A)},rollupCount:N}))};x.defaultProps={isCollapsible:!1},x.propTypes=j;t.default=(0,o.injectIntl)(x)},44798:function(e,t,r){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(t,"__esModule",{value:!0}),t.default=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=m(t);if(r&&r.has(e))return r.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=l?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}return a.default=e,r&&r.set(e,a),a}(r(67294)),l=r(25387),o=r(51051),u=r(55877),i=p(r(19845)),c=p(r(45697)),f=p(r(55281)),s=p(r(50026)),d=p(r(7337));function p(e){return e&&e.__esModule?e:{default:e}}function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(m=function(e){return e?r:t})(e)}var b=i.default.bind(d.default),y={isCollapsed:c.default.bool,onSelectRollUp:c.default.func,rollupCount:c.default.number,intl:c.default.shape({formatMessage:c.default.func}).isRequired},_=function(e){var t=e.isCollapsed,r=e.onSelectRollUp,n=e.intl,l=e.rollupCount,i=(0,a.useRef)(),c=a.default.useContext(s.default),d=t&&l>0?n.formatMessage({id:"Terra.tags.label.rollupTag"},{tagsNotVisibleCount:l}):n.formatMessage({id:"Terra.tags.label.showLess"}),p=t?n.formatMessage({id:"Terra.tags.hint.rollupTag"},{tagsNotVisibleCount:l}):n.formatMessage({id:"Terra.tags.hint.showLess"}),m="terra-rollup-tag-".concat((0,u.v4)());return a.default.createElement(f.default,{id:m,className:b(["rollup-tag",c.className]),onClick:function(e){i.current.setAttribute("data-terra-rollup-tag-show-focus-styles","true"),e.preventDefault(),r&&r(e)},onKeyDown:function(e){i.current.setAttribute("data-terra-rollup-tag-show-focus-styles","true"),e.keyCode!==o.KEY_RETURN&&e.keyCode!==o.KEY_SPACE||(e.preventDefault(),r&&r(e))},onMouseDown:function(){i.current.setAttribute("data-terra-rollup-tag-show-focus-styles","false")},text:d,onBlur:function(){i.current.setAttribute("data-terra-rollup-tag-show-focus-styles","true")},refCallback:function(e){i.current=e},isCompact:!0,"aria-label":p,"aria-atomic":"true","data-terra-rollup-tag-show-focus-styles":!0,"data-terra-rollup-tag":!0})};_.propTypes=y;t.default=(0,l.injectIntl)(_)},47934:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r={getRollUpIndex:function(e){var t,r=e.current.querySelector("[data-terra-rollup-tag]"),n=e.current.querySelectorAll("[data-terra-tag]"),a=e.current.offsetWidth,l=0,o=0,u=0;r&&(u=function(e){return e.offsetWidth+parseFloat(window.getComputedStyle(e,null).getPropertyValue("margin-right"),10)}(r));for(var i=0;i=a);i+=1){var c=(t=n[i]).offsetWidth+parseFloat(window.getComputedStyle(t,null).getPropertyValue("margin-right"),10);c+l+u=0||(r[n]=e[n]);return r}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={},u="wrapper";function i(e){var a=e.components,n=c(e,o);return(0,t.mdx)(u,s({},d,n,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(r.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-content-container-upgrade-guide"},"Terra Content Container Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},73161:function(e,a,n){n.d(a,{C:function(){return o}});var t=n(67294),r=n(22863),o=function(e){var a=e.url;return t.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-content-container",name:"terra-content-container",version:"3.40.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/20966-d9357575ee9d833c39de.js b/20966-d9357575ee9d833c39de.js new file mode 100644 index 000000000..854707198 --- /dev/null +++ b/20966-d9357575ee9d833c39de.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[20966],{16921:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(54520)),o=n(22678),i={key:"uid_1",label:{display:"Data Label 1"},shape:r.default.helpers.SHAPES.DARK.CIRCLE,onClick:o.loadPopup,values:[{x:new Date(2016,0,1,1,5).toISOString(),y:5},{x:new Date(2016,0,1,2,15).toISOString(),y:11},{x:new Date(2016,0,1,3,15).toISOString(),y:12},{x:new Date(2016,0,1,4,15).toISOString(),y:16},{x:new Date(2016,0,1,5,15).toISOString(),y:17},{x:new Date(2016,0,1,6,15).toISOString(),y:9},{x:new Date(2016,0,1,7,0).toISOString(),y:11},{x:new Date(2016,0,1,8,15).toISOString(),y:12},{x:new Date(2016,0,1,9,45).toISOString(),y:16},{x:new Date(2016,0,1,12,15).toISOString(),y:17},{x:new Date(2016,0,1,13,15).toISOString(),y:28},{x:new Date(2016,0,1,14,15).toISOString(),y:12},{x:new Date(2016,0,1,19,45).toISOString(),y:13},{x:new Date(2016,0,1,21,15).toISOString(),y:14}],yAxis:"y"};t.default=i},14600:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(54520)),o=n(22678);t.default=function(e){return{bindTo:e,axis:{x:{type:r.default.helpers.AXIS_TYPE.TIME_SERIES,label:"Datetime",lowerLimit:new Date(2016,0,1,1,0).toISOString(),upperLimit:new Date(2016,0,1,23,59).toISOString()},y:{label:"Line Set A",lowerLimit:10,upperLimit:30},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0,dateline:[{showDatelineIndicator:!0,label:{display:"Current Date"},color:"#C97318",shape:r.default.helpers.SHAPES.DARK.SQUARE,onClick:o.loadDatelinePopup,value:new Date(2016,0,1,6).toISOString()}]}}},22678:function(e,t,n){"use strict";var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.loadY2AxisLabelPopup=t.loadXAndYAxisLabelPopup=t.loadTrackPopup=t.loadTimelinePopup=t.loadTextLabelPopup=t.loadTaskPopup=t.loadPopup=t.loadPiePopup=t.loadDatelinePopup=t.loadBubblePopup=t.loadBarPopup=void 0;var o=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(79590)),l=a(n(88703)),p=a(n(53334));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)}var c=function(e){return new Date(e).toLocaleString()},d=function(e){return e?u(e)?c(e):e:null},u=function(e){return e instanceof Date},m=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t),a.append("g").classed("popup-text",!0).text(n)},f=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t);for(var r=a.append("g").classed("section",!0),i=function(){var e=p[l],t=r.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var n=(0,o.default)(e,2),a=n[0],r=n[1],i=t.append("g").classed("popup-item",!0);i.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),i.append("g").classed("popup-text",!0).text(r)}))},l=0,p=Object.values(n);l0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),f(a,"Tasks",p)}if(o&&o.length>0){var s=[];o.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),f(a,"Activities",s)}if(i&&i.length>0){var c=[];i.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),f(a,"Events",c)}if(l&&l.length>0){var d=[];l.forEach((function(e){d.push({name:e.key,values:e.values.join(", ")})})),f(a,"Actions",d)}},t.loadTaskPopup=function(e,t,n,a){y();var r=g(e).append("g"),o=a.label,i=a.display,l=a.y,p=a.startDate,s=a.endDate,d=a.percentage;o&&m(r,"Task Name",i),m(r,"Track",l),m(r,"Start Date",c(p)),m(r,"End Date",c(s)),d&&m(r,"Percentage",d)},t.loadDatelinePopup=function(e,t){y();var n=g(e).append("g"),a=t.label,r=t.value;a&&m(n,"Milestone",a.display),m(n,"Date",c(r))},t.loadTimelinePopup=function(e,t,n,a){y();var r=g(e).append("g"),o=a.x,i=(a.y,a.label),l=a.content;m(r,"X axis","".concat(u(o)?c(o):o)),m(r,"".concat(i.display),l)},t.loadPiePopup=function(e,t,n,a){y();var r=g(e).append("g"),o=a.label,i=a.value;m(r,o.display,i)}},93065:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),o=a(n(45697));n(80244);var i={id:o.default.string.isRequired},l=function(e){return r.default.createElement(r.default.Fragment,null,r.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),r.default.createElement("div",{id:e.id,className:"example-graph-container"}))};l.propTypes=i;t.default=l},83315:function(e,t,n){"use strict";var a=n(64836);t.Z=void 0;var r=a(n(67294)),o=a(n(54520)),i=a(n(53334));n(56867),n(39003);var l=a(n(93065)),p=a(n(14600)),s=a(n(16921)),c=i.default.deepClone((0,p.default)("#timeseriesDateLine")),d=i.default.deepClone(s.default);t.Z=function(){return r.default.useEffect((function(){o.default.api.graph(c).loadContent(o.default.api.line(d))}),[]),r.default.createElement(l.default,{id:"timeseriesDateLine"})}},20966:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return O}});var a=n(67294),r=n(81254),o=n(83315),i=["components"];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}var s={};function c(e){var t=e.components,n=p(e,i);return(0,r.mdx)("wrapper",l({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Line/LineGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getLineTimeseriesDatelineConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Line/lineTimeseriesDateline';\nimport exampleData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/datasetTimeseries1';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getLineTimeseriesDatelineConfig('#timeseriesDateLine'));\nconst dataset = utils.deepClone(exampleData);\n\nconst TimeseriesDatelineLineExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.graph(graphConfig);\n graph.loadContent(Carbon.api.line(dataset));\n }, []);\n\n return (\n \n );\n};\n\nexport default TimeseriesDatelineLineExample;\n\n\n")))}c.isMDXComponent=!0;var d=n(49271),u=n(25005),m=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(d.Z,{title:t||"Timeseries Dateline",description:n,example:a.createElement(o.Z,null),exampleCssSrc:a.createElement(u.Z,null),exampleSrc:a.createElement(c,null),isExpanded:r})},f=n(11598),g=n(35862),y=["components"];function b(){return b=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(51320);var h={},x="wrapper";function O(e){var t=e.components,n=v(e,y);return(0,r.mdx)(x,b({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"timeseries-graph-with-dateline"},"Timeseries graph with dateline"),(0,r.mdx)("p",null,"This is a timeseries line graph with a dateline."),(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 i @cerner/carbon-graphs --save-dev"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,r.mdx)("h2",{id:"example"},"Example"),(0,r.mdx)(m,{mdxType:"LineGraph"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Data")),(0,r.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,r.mdx)(f.Z,{mdxType:"GraphConfig"}),(0,r.mdx)("h3",{id:"data-object"},"Data object"),(0,r.mdx)(g.Z,{mdxType:"DataObject"})))}O.isMDXComponent=!0},35862:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var l={},p="wrapper";function s(e){var t=e.components,n=i(e,r);return(0,a.mdx)(p,o({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst data = {\n key: 'uid_1',\n label: {\n display: 'Data Label 1',\n },\n shape: Carbon.helpers.SHAPES.DARK.CIRCLE,\n onClick: loadPopup,\n values: [\n {\n x: new Date(2016, 0, 1, 1, 5).toISOString(),\n y: 5,\n },\n {\n x: new Date(2016, 0, 1, 2, 15).toISOString(),\n y: 11,\n },\n {\n x: new Date(2016, 0, 1, 3, 15).toISOString(),\n y: 12,\n },\n {\n x: new Date(2016, 0, 1, 4, 15).toISOString(),\n y: 16,\n },\n {\n x: new Date(2016, 0, 1, 5, 15).toISOString(),\n y: 17,\n },\n {\n x: new Date(2016, 0, 1, 6, 15).toISOString(),\n y: 9,\n },\n {\n x: new Date(2016, 0, 1, 7, 0).toISOString(),\n y: 11,\n },\n {\n x: new Date(2016, 0, 1, 8, 15).toISOString(),\n y: 12,\n },\n {\n x: new Date(2016, 0, 1, 9, 45).toISOString(),\n y: 16,\n },\n {\n x: new Date(2016, 0, 1, 12, 15).toISOString(),\n y: 17,\n },\n {\n x: new Date(2016, 0, 1, 13, 15).toISOString(),\n y: 28,\n },\n {\n x: new Date(2016, 0, 1, 14, 15).toISOString(),\n y: 12,\n },\n {\n x: new Date(2016, 0, 1, 19, 45).toISOString(),\n y: 13,\n },\n {\n x: new Date(2016, 0, 1, 21, 15).toISOString(),\n y: 14,\n },\n ],\n yAxis: 'y',\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0},11598:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var l={},p="wrapper";function s(e){var t=e.components,n=i(e,r);return(0,a.mdx)(p,o({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\n\nconst getLineTimeseriesConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n type: Carbon.helpers.AXIS_TYPE.TIME_SERIES,\n label: 'Datetime',\n lowerLimit: new Date(2016, 0, 1, 1, 0).toISOString(),\n upperLimit: new Date(2016, 0, 1, 23, 59).toISOString(),\n },\n y: {\n label: 'Line Set A',\n lowerLimit: 10,\n upperLimit: 30,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getLineTimeseriesConfig;\n\n")))}s.isMDXComponent=!0},51320:function(e,t,n){var a,r;void 0===(r="function"==typeof(a=function(){var e="details",t="summary";function n(e){if("summary"===e.target.nodeName.toLowerCase()){var t=e.target.parentNode;if(!t)return;t.getAttribute("open")?(t.open=!1,t.removeAttribute("open")):(t.open=!0,t.setAttribute("open","open"))}}function a(){var n=document.createElement(e);if(!("open"in n))return!1;n.innerHTML="<"+t+">ab",document.body.appendChild(n);var a=n.offsetHeight;n.open=!0;var r=a!=n.offsetHeight;return document.body.removeChild(n),r}function r(e,t){if(!document.getElementById(e)){var n=document.createElement("style");n.id=e,n.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(n)}}a()||(document.documentElement.className+=" no-details",window.addEventListener("click",n),r("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+t+") { display: none; }\nhtml.no-details "+e+" > "+t+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+t+':before { content: "▼"; }'))})?a.call(t,n,t,e):a)||(e.exports=r)},39003:function(e,t,n){"use strict";n.r(t),t.default={}}}]); \ No newline at end of file diff --git a/21038-76452ef639e06642652c.js b/21038-76452ef639e06642652c.js new file mode 100644 index 000000000..de669bee9 --- /dev/null +++ b/21038-76452ef639e06642652c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[21038],{22863:function(e,a,l){var m=l(64836);a.Z=void 0;var d=m(l(67294)),n=m(l(45697)),r=m(l(19845)),i=m(l(17422)),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;var x=p;a.Z=x},21038:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(67294);var m=l(81254),d=l(80848),n=["components"];function r(){return r=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}var u={},t="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,m.mdx)(t,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"4710---january-9-2024"},"4.71.0 - (January 9, 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:"4700---december-11-2023"},"4.70.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:"4690---november-13-2023"},"4.69.0 - (November 13, 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:"4680---november-2-2023"},"4.68.0 - (November 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4670---october-23-2023"},"4.67.0 - (October 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:"4660---october-16-2023"},"4.66.0 - (October 16, 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:"4650---october-3-2023"},"4.65.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:"4640---september-21-2023"},"4.64.0 - (September 21, 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:"4630---september-19-2023"},"4.63.0 - (September 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4620---august-25-2023"},"4.62.0 - (August 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:"4610---august-23-2023"},"4.61.0 - (August 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:"4600---august-11-2023"},"4.60.0 - (August 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:"4590---august-11-2023"},"4.59.0 - (August 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:"4580---august-8-2023"},"4.58.0 - (August 8, 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:"4570---august-1-2023"},"4.57.0 - (August 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:"4560---july-13-2023"},"4.56.0 - (July 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Updated",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Changed orion-fusion-theme status view bottom and top padding to reduce white space.")))),(0,m.mdx)("h2",{id:"4550---april-27-2023"},"4.55.0 - (April 27, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added dynamic example for terra-status-view.")))),(0,m.mdx)("h2",{id:"4540---march-1-2023"},"4.54.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"},"Updated jest snapshots for button changes.")))),(0,m.mdx)("h2",{id:"4530---february-16-2023"},"4.53.0 - (February 16, 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:"4520---february-15-2023"},"4.52.0 - (February 15, 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 jest snapshots for icon button changes.")))),(0,m.mdx)("h2",{id:"4510---february-7-2023"},"4.51.0 - (February 7, 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:"4501---january-31-2023"},"4.50.1 - (January 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Jest snapshots updated due to decorative / informative icon changes in terra-icon.")))),(0,m.mdx)("h2",{id:"4500---january-9-2023"},"4.50.0 - (January 9, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump of terra-icon")))),(0,m.mdx)("h2",{id:"4490---december-7-2022"},"4.49.0 - (December 7, 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"},"Update jest test snapshot")))),(0,m.mdx)("h2",{id:"4486---july-5-2022"},"4.48.6 - (July 5, 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:"4485---may-3-2022"},"4.48.5 - (May 3, 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:"4484---april-29-2022"},"4.48.4 - (April 29, 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:"4483---february-15-2022"},"4.48.3 - (February 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:"4482---january-4-2022"},"4.48.2 - (January 4, 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"},"Migrate docs to terra-core-docs.")))),(0,m.mdx)("h2",{id:"4481---december-14-2021"},"4.48.1 - (December 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:"4480---november-2-2021"},"4.48.0 - (November 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:"4470---september-21-2021"},"4.47.0 - (September 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"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"4460---august-25-2021"},"4.46.0 - (August 25, 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:"4450---june-22-2021"},"4.45.0 - (June 22, 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:"4440---june-8-2021"},"4.44.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:"4430---april-13-2021"},"4.43.0 - (April 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:"4420---april-6-2021"},"4.42.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fix glyph scrollbar appearing when there is enough room to display."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Upgrade to terra-functional-testing"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command"),(0,m.mdx)("li",{parentName:"ul"},"Updated screenshots with elements that are out of bound")))),(0,m.mdx)("h2",{id:"4410---february-2-2021"},"4.41.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:"4400---january-5-2021"},"4.40.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,m.mdx)("h2",{id:"4390---december-8-2020"},"4.39.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"},"Update wdio tests to remove deprecated Terra.it helpers"),(0,m.mdx)("li",{parentName:"ul"},"Updated to be compatible with ",(0,m.mdx)("inlineCode",{parentName:"li"},"react-intl")," v2-v5")))),(0,m.mdx)("h2",{id:"4380---november-17-2020"},"4.38.0 - (November 17, 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:"4370---november-10-2020"},"4.37.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:"4360---october-27-2020"},"4.36.0 - (October 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4350---september-22-2020"},"4.35.0 - (September 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed focus from glyphs in IE10 .")))),(0,m.mdx)("h2",{id:"4340---august-18-2020"},"4.34.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:"4330---august-6-2020"},"4.33.0 - (August 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:"4320---august-4-2020"},"4.32.0 - (August 4, 2020)"),(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 references of the removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"size")," attribute of terra-button that would be passed via ",(0,m.mdx)("inlineCode",{parentName:"li"},"buttonAttrs"),".")))),(0,m.mdx)("h2",{id:"4310---july-29-2020"},"4.31.0 - (July 29, 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 changelog formatting")))),(0,m.mdx)("h2",{id:"4300---july-7-2020"},"4.30.0 - (July 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:"4290---june-23-2020"},"4.29.0 - (June 23, 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:"4280---june-11-2020"},"4.28.0 - (June 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"},"Updated wrong import in ",(0,m.mdx)("inlineCode",{parentName:"li"},"StatusView.module.scss"))))),(0,m.mdx)("h2",{id:"4270---june-9-2020"},"4.27.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"},"Apply themes by context and directly include packaged themes."),(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"4260---june-2-2020"},"4.26.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:"4250---may-19-2020"},"4.25.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:"4240---may-5-2020"},"4.24.0 - (May 5, 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:"4230---april-28-2020"},"4.23.0 - (April 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"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"4220---april-22-2020"},"4.22.0 - (April 22, 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:"4210---april-22-2020"},"4.21.0 - (April 22, 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 documentation link in README")))),(0,m.mdx)("h2",{id:"4200---march-31-2020"},"4.20.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:"4190---march-10-2020"},"4.19.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:"4180---february-18-2020"},"4.18.0 - (February 18, 2020)"),(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 clinical-lowlight-theme theming files")))),(0,m.mdx)("h2",{id:"4170---february-13-2020"},"4.17.0 - (February 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:"4160---february-4-2020"},"4.16.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:"4150---january-28-2020"},"4.15.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4140---january-7-2020"},"4.14.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(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 yarn reference in docs"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Replaced css grid with flex-box")))),(0,m.mdx)("h2",{id:"4130---december-10-2019"},"4.13.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"},"Update jest test snapshot"),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("inlineCode",{parentName:"li"},"
")," tag replaced with ",(0,m.mdx)("inlineCode",{parentName:"li"},"

")," in message and title section to suffice accessibility.")))),(0,m.mdx)("h2",{id:"4120---december-3-2019"},"4.12.0 - (December 3, 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 orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"4110---october-30-2019"},"4.11.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"},(0,m.mdx)("inlineCode",{parentName:"li"},"aria-label")," added in example.")))),(0,m.mdx)("h2",{id:"4100---october-3-2019"},"4.10.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 version bump")))),(0,m.mdx)("h2",{id:"490---september-19-2019"},"4.9.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(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 en-CA translations.")))),(0,m.mdx)("h2",{id:"480---september-6-2019"},"4.8.0 - (September 6, 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"},"Props table markdown file import added to doc site page")))),(0,m.mdx)("h2",{id:"470---september-3-2019"},"4.7.0 - (September 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 version bump")))),(0,m.mdx)("h2",{id:"460---august-21-2019"},"4.6.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"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"450---august-14-2019"},"4.5.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"},"Update jest test snapshot"),(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,m.mdx)("h2",{id:"440---july-30-2019"},"4.4.0 - (July 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"430---july-24-2019"},"4.3.0 - (July 24, 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:"420---july-16-2019"},"4.2.0 - (July 16, 2019)"),(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 documentation on required peerDependencies"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,m.mdx)("h2",{id:"410----july-11-2019"},"4.1.0 - (July 11, 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 Docs around the requirement of terra-base and aggregate-translations.")))),(0,m.mdx)("h2",{id:"400---june-28-2019"},"4.0.0 - (June 28, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed children prop. Replaced with buttonAttrs prop"),(0,m.mdx)("li",{parentName:"ul"},"Removed the default of rendering an error view"),(0,m.mdx)("li",{parentName:"ul"},"Removed the custom variant"),(0,m.mdx)("li",{parentName:"ul"},"Removed hide glyph logic based on available container space"),(0,m.mdx)("li",{parentName:"ul"},"Removed onComponentMount logic to calculate padding"),(0,m.mdx)("li",{parentName:"ul"},"Removed StatusView.Opts object and export"),(0,m.mdx)("li",{parentName:"ul"},"Use CSS grid to center component"),(0,m.mdx)("li",{parentName:"ul"},"Render divider if title and message/buttons exist"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,m.mdx)("li",{parentName:"ul"},"Remove incorrect entry in upgrade guide that specifies new margin-bottom theme variable.")))),(0,m.mdx)("h2",{id:"3160---june-18-2019"},"3.16.0 - (June 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"},"Minor dependency bump")))),(0,m.mdx)("h2",{id:"3151---june-12-2019"},"3.15.1 - (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"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"3150---june-11-2019"},"3.15.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(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 node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"3140---may-1-2019"},"3.14.0 - (May 1, 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:"3130---april-18-2019"},"3.13.0 - (April 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Deprecated"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"StatusView.Opts object and export"))),(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 named StatusViewVariants export")))),(0,m.mdx)("h2",{id:"3110---april-16-2019"},"3.11.0 - (April 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:"3100---april-9-2019"},"3.10.0 - (April 9, 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:"390---april-2-2019"},"3.9.0 - (April 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"380---march-26-2019"},"3.8.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(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 peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"370---march-21-2019"},"3.7.0 - (March 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove --terra-view-message-text-align theme variable to fix alignment within Edge browser.")))),(0,m.mdx)("h2",{id:"370---march-5-2019"},"3.7.0 - (March 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update SVG style to ",(0,m.mdx)("inlineCode",{parentName:"li"},"display: block")," to fix SVG size and stop text from shifting downards.")))),(0,m.mdx)("h2",{id:"360---february-26-2019"},"3.6.0 - (February 26, 2019)"),(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 en-AU translations"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Update Thin Constraint test screenshot to be limited to the test size 75px to remove wdio screen resizing. Screen resizing to 75px is not possible with firefox driver."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Status View glyph does not always displays when it should")))),(0,m.mdx)("h2",{id:"350---february-12-2019"},"3.5.0 - (February 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"340---february-5-2019"},"3.4.0 - (February 5, 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:"330---january-26-2019"},"3.3.0 - (January 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 version bump")))),(0,m.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 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:"310---january-22-2019"},"3.1.0 - (January 22, 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:"300---january-8-2019"},"3.0.0 - (January 8, 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 theme variables")))),(0,m.mdx)("h2",{id:"2360---january-2-2019"},"2.36.0 - (January 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"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Removed use of componentWillMount from examples"),(0,m.mdx)("li",{parentName:"ul"},"Added code sample display to the doc site examples"),(0,m.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,m.mdx)("h2",{id:"2351---november-20-2018"},"2.35.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2350---november-19-2018"},"2.35.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2340---november-13-2018"},"2.34.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2330---november-9-2018"},"2.33.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2320---october-30-2018"},"2.32.0 - (October 30, 2018)"),(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 mixin import to be more explicit")))),(0,m.mdx)("h2",{id:"2310---october-24-2018"},"2.31.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2300---october-16-2018"},"2.30.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2290---october-8-2018"},"2.29.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2280---october-2-2018"},"2.28.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---september-25-2018"},"2.27.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2261---september-6-2018"},"2.26.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2260---september-5-2018"},"2.26.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2250---september-4-2018"},"2.25.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2240---august-29-2018"},"2.24.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2230---august-21-2018"},"2.23.0 - (August 21, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2220---august-8-2018"},"2.22.0 - (August 8, 2018)"),(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 component internationalization error message")))),(0,m.mdx)("h2",{id:"2210---august-1-2018"},"2.21.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2200---july-25-2018"},"2.20.0 - (July 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,m.mdx)("h2",{id:"2190---july-19-2018"},"2.19.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2180---july-17-2018"},"2.18.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,m.mdx)("h2",{id:"2170---july-10-2018"},"2.17.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed words being unnecessarily broken"),(0,m.mdx)("li",{parentName:"ul"},"Removed usage of CSS ",(0,m.mdx)("inlineCode",{parentName:"li"},"initial")," value because Internet Explorer does not support it")))),(0,m.mdx)("h2",{id:"2160---june-28-2018"},"2.16.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(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 change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2150---june-22-2018"},"2.15.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency"),(0,m.mdx)("li",{parentName:"ul"},"Refactored classnames that contain 'status-view'")))),(0,m.mdx)("h2",{id:"2140---june-12-2018"},"2.14.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,m.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed text and glyphs being able to overflow out of the Status View")))),(0,m.mdx)("h2",{id:"2130---may-30-2018"},"2.13.0 - (May 30, 2018)"),(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 structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2120---may-25-2018"},"2.12.0 - (May 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(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 props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(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 peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(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 to use React 16"),(0,m.mdx)("li",{parentName:"ul"},"Uplifted component to use terra-button v2")))),(0,m.mdx)("h2",{id:"110---february-1-2018"},"1.1.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{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---january-18-2018"},"1.0.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=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}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,m.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},80848:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-status-view",name:"terra-status-view",version:"4.71.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/21254-4ab875c00b250d8fded7.css b/21254-4ab875c00b250d8fded7.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/21254-4ab875c00b250d8fded7.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/21254-4ab875c00b250d8fded7.js b/21254-4ab875c00b250d8fded7.js new file mode 100644 index 000000000..42c814ebd --- /dev/null +++ b/21254-4ab875c00b250d8fded7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[21254,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,r){var t=r(64836);a.Z=void 0;var n=t(r(67294)),s=t(r(45697)),o=t(r(19845)),u=t(r(17422)),d=o.default.bind(u.default),c={name:s.default.string.isRequired,src:s.default.string,url:s.default.string,version:s.default.string.isRequired},i=function(e){var a=e.src,r=e.name,t=e.url,s=e.version,o=n.default.createElement("a",{className:d("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(s)},n.default.createElement("span",{className:d("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:d("badge-version")},"v".concat(s))),u=a?n.default.createElement("a",{className:d("badge"),href:a},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")},o,u)};i.propTypes=c;var l=i;a.Z=l},21254:function(e,a,r){r.r(a),r.d(a,{default:function(){return i}});r(67294);var t=r(81254),n=r(34703),s=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var d={},c="wrapper";function i(e){var a=e.components,r=u(e,s);return(0,t.mdx)(c,o({},d,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-spacer-upgrade-guide"},"Terra Spacer Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependencies had breaking changes. See their upgrade guides for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-button"),(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},34703:function(e,a,r){r.d(a,{C:function(){return s}});var t=r(67294),n=r(22863),s=function(e){var a=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-spacer",name:"terra-spacer",version:"3.62.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/21317-55f80d7ae97b513d7043.js b/21317-55f80d7ae97b513d7043.js new file mode 100644 index 000000000..48d8165bd --- /dev/null +++ b/21317-55f80d7ae97b513d7043.js @@ -0,0 +1,2 @@ +/*! For license information please see 21317-55f80d7ae97b513d7043.js.LICENSE.txt */ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[21317],{68586:function(M,z,b){"use strict";b.r(z),z.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},80008:function(M,z,b){(M.exports=b(85177)).tz.load(b(91128))},85177:function(M,z,b){var p,O,A;!function(c,q){"use strict";M.exports?M.exports=q(b(30381)):(O=[b(30381)],void 0===(A="function"==typeof(p=q)?p.apply(z,O):p)||(M.exports=A))}(0,(function(M){"use strict";void 0===M.version&&M.default&&(M=M.default);var z,b={},p={},O={},A={},c={};M&&"string"==typeof M.version||C("Moment Timezone requires Moment.js. See https://momentjs.com/timezone/docs/#/use-it/browser/");var q=M.version.split("."),o=+q[0],W=+q[1];function d(M){return M>96?M-87:M>64?M-29:M-48}function R(M){var z=0,b=M.split("."),p=b[0],O=b[1]||"",A=1,c=0,q=1;for(45===M.charCodeAt(0)&&(z=1,q=-1);z3){var z=A[l(M)];if(z)return z;C("Moment Timezone found "+M+" from the Intl api, but did not have that data loaded.")}}catch(M){}var b,p,O,c=function(){var M,z,b,p,O=(new Date).getFullYear()-2,A=new N(new Date(O,0,1)),c=A.offset,q=[A];for(p=1;p<48;p++)(b=new Date(O,p,1).getTimezoneOffset())!==c&&(M=X(A,z=new N(new Date(O,p,1))),q.push(M),q.push(new N(new Date(M.at+6e4))),A=z,c=b);for(p=0;p<4;p++)q.push(new N(new Date(O+p,0,1))),q.push(new N(new Date(O+p,6,1)));return q}(),q=c.length,o=r(c),W=[];for(p=0;p0?W[0].zone.name:void 0}function l(M){return(M||"").toLowerCase().replace(/\//g,"_")}function T(M){var z,p,O,c;for("string"==typeof M&&(M=[M]),z=0;z= 2.6.0. You are using Moment.js "+M.version+". See momentjs.com"),f.prototype={_set:function(M){this.name=M.name,this.abbrs=M.abbrs,this.untils=M.untils,this.offsets=M.offsets,this.population=M.population},_index:function(M){var z;if((z=function(M,z){var b,p=z.length;if(M1&&z[p-1]===1/0&&M>=z[p-2])return p-1;if(M>=z[p-1])return-1;for(var O=0,A=p-1;A-O>1;)z[b=Math.floor((O+A)/2)]<=M?O=b:A=b;return A}(+M,this.untils))>=0)return z},countries:function(){var M=this.name;return Object.keys(O).filter((function(z){return-1!==O[z].zones.indexOf(M)}))},parse:function(M){var z,b,p,O,A=+M,c=this.offsets,q=this.untils,o=q.length-1;for(O=0;Op&&S.moveInvalidForward&&(z=p),A0&&(this._z=null),g.apply(this,arguments)}),M.tz.setDefault=function(z){return(o<2||2===o&&W<9)&&C("Moment Timezone setDefault() requires Moment.js >= 2.9.0. You are using Moment.js "+M.version+"."),M.defaultZone=z?s(z):null,M};var k=M.momentProperties;return"[object Array]"===Object.prototype.toString.call(k)?(k.push("_z"),k.push("_a")):k&&(k._z=null),M}))},55142:function(M,z,b){"use strict";function p(M){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(M){return typeof M}:function(M){return M&&"function"==typeof Symbol&&M.constructor===Symbol&&M!==Symbol.prototype?"symbol":typeof M},p(M)}Object.defineProperty(z,"__esModule",{value:!0}),z.default=void 0;var O=R(b(67294)),A=R(b(45697)),c=R(b(93967)),q=R(b(19845)),o=R(b(50026)),W=R(b(68586)),d=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function R(M){return M&&M.__esModule?M:{default:M}}function a(){return a=Object.assign?Object.assign.bind():function(M){for(var z=1;z=0||(O[b]=M[b]);return O}(M,z);if(Object.getOwnPropertySymbols){var A=Object.getOwnPropertySymbols(M);for(p=0;p=0||Object.prototype.propertyIsEnumerable.call(M,b)&&(O[b]=M[b])}return O}function B(M,z){for(var b=0;b=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var l={},s="wrapper";function m(e){var t=e.components,n=i(e,o);return(0,a.mdx)(s,d({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-date-picker-upgrade-guide"},"Terra Date Picker Upgrade Guide"),(0,a.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,a.mdx)("h3",{id:"removed-props"},"Removed props"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"releaseFocus")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"requestFocus"))),(0,a.mdx)("h3",{id:"new-props"},"New props"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"onBlur")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"onFocus"))),(0,a.mdx)("h3",{id:"changes-to-onblur-and-onfocus"},"Changes to onBlur and onFocus"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," props previously could be passed down as custom props. These props have now become first-class props. The ",(0,a.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,a.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,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback now would not be triggered because the focus is still within the date picker container. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback now behaves similar to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback where ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," would not be triggered when focus is transfered from the date input to the calendar button. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback would be triggered only when focus is lost from the entire date picker component."),(0,a.mdx)("h3",{id:"changes-to-filterdate"},"Changes to filterDate"),(0,a.mdx)("p",null,"The parameter in the ",(0,a.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,a.mdx)("pre",null,(0,a.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,a.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"added"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-input-focus-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-border"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-border-bottom-right-radius"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-border-top-right-radius"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-focus-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-focus-box-shadow")))}m.isMDXComponent=!0},72509:function(e,t,n){n.d(t,{C:function(){return o}});var a=n(67294),r=n(22863),o=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.95.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/21479-0993660b975c8d5685a1.css b/21479-0993660b975c8d5685a1.css new file mode 100644 index 000000000..57598c94d --- /dev/null +++ b/21479-0993660b975c8d5685a1.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.SlideGroupDemo-module__container___Pnqg8{height:250px;overflow:hidden;position:relative;width:400px}.SlideGroupDemo-module__slide___Qucq1{height:100%}[dir] .SlideGroupDemo-module__slide___Qucq1{background-color:#add8e6;padding:5px}.SlideGroupDemo-module__content-wrapper___44T4l{height:200px;overflow:hidden;position:relative;width:400px}[dir] .SlideGroupDemo-module__button___Ew-As{background-color:#d3d3d3}.SlideGroupDemo-module__custom-slide___RiVaZ{height:200px !important} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/21479-0993660b975c8d5685a1.js b/21479-0993660b975c8d5685a1.js new file mode 100644 index 000000000..13b3e2f18 --- /dev/null +++ b/21479-0993660b975c8d5685a1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[21479,45627,85565,37344,3353,33667,96890,79482,5161,45865,85355,80858,14041,3193,16835,4845,46647,85161,27444,17657,38681,16873,15318,40411,66097,90941,18101,38443,79057,11264,34319,62979,33315,20116,33609,12026,78996,39915,33442],{22863:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),l=r(n(45697)),o=r(n(19845)),i=r(n(17422)),d=o.default.bind(i.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},s=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,o=a.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:d("badge-version")},"v".concat(l))),i=t?a.default.createElement("a",{className:d("badge"),href:t},a.default.createElement("span",{className:d("badge-name")},"github"),a.default.createElement("span",{className:d("badge-version")},"source")):void 0;return a.default.createElement("div",{className:d("badge-container")},o,i)};s.propTypes=u;var c=s;t.Z=c},49271:function(e,t,n){var r=n(64836),a=n(18698);t.Z=void 0;var l=r(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}r.default=e,n&&n.set(e,r);return r}(n(67294)),i=r(n(45697)),d=r(n(19845)),u=n(21538),s=r(n(33864)),c=r(n(23399)),m=n(51051),p=r(n(53560));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 b=d.default.bind(p.default),h={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,i=e.description,d=e.isExpanded,p=(0,o.useState)(d),f=(0,l.default)(p,2),h=f[0],y=f[1],_=(0,o.useState)(!1),g=(0,l.default)(_,2),E=g[0],S=g[1],O=o.default.useContext(u.ThemeContext),N=void 0!==r,T=function(){S(!E),h&&y(!h)},w=function(){y(!h),E&&S(!E)},j=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:b("template",O.className)},o.default.createElement("div",{className:b("header")},a&&o.default.createElement("h2",{className:b("title")},a)),o.default.createElement("div",{className:b("content")},i&&o.default.createElement("div",{className:b("description")},i),t),o.default.createElement("div",{className:b("footer")},n?o.default.createElement("div",{className:b("button-container")},N&&o.default.createElement("button",{type:"button",className:b("css-toggle","item",{"is-selected":E}),onClick:T,onKeyDown:function(e){return j(e,T)},onBlur:x,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:b("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:b("chevron")})),o.default.createElement("button",{type:"button",className:b("code-toggle","item",{"is-selected":h}),onClick:w,onKeyDown:function(e){return j(e,w)},onBlur:x,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:b("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:b("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:b("css")},r),h&&o.default.createElement("div",{className:b("code")},n))))};y.propTypes=h,y.defaultProps={isExpanded:!1};var _=y;t.Z=_},47003:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(56690)),l=r(n(89728)),o=r(n(94993)),i=r(n(73808)),d=r(n(66115)),u=r(n(61655)),s=r(n(67294)),c=r(n(45697)),m=r(n(19845)),p=r(n(8714)),f=r(n(51346));function b(e,t,n){return t=(0,i.default)(t),(0,o.default)(e,h()?Reflect.construct(t,n||[],(0,i.default)(e).constructor):t.apply(e,n))}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(h=function(){return!!e})()}var x=m.default.bind(f.default),v=function(e){function t(e){var n;return(0,a.default)(this,t),(n=b(this,t,[e])).increment=n.increment.bind((0,d.default)(n)),n.decrement=n.decrement.bind((0,d.default)(n)),n.state={counter:1},n}return(0,u.default)(t,e),(0,l.default)(t,[{key:"increment",value:function(){this.setState((function(e){return{counter:e.counter+1}}))}},{key:"decrement",value:function(){this.setState((function(e){return{counter:e.counter-1}}))}},{key:"render",value:function(){for(var e=[],t=0;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={},c="wrapper";function m(e){var t=e.components,n=u(e,i);return(0,a.mdx)(c,d({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.ZP,{mdxType:"PropsTable"},(0,a.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"items"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"array\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The array of components for the group. Only the last component is visible. The others are hidden but still mounted."))),(0,a.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"isAnimated"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"When true, the transition between slides is animated.")))))}m.isMDXComponent=!0;var p=n(47003),f=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var x={};function v(e){var t=e.components,n=h(e,f);return(0,a.mdx)("wrapper",b({},x,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport SlideGroup from 'terra-slide-group';\nimport styles from './SlideGroupDemo.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass SlideGroupDemo extends React.Component {\n constructor(props) {\n super(props);\n\n this.increment = this.increment.bind(this);\n this.decrement = this.decrement.bind(this);\n\n this.state = {\n counter: 1,\n };\n }\n\n increment() {\n this.setState(prevState => ({\n counter: prevState.counter + 1,\n }));\n }\n\n decrement() {\n this.setState(prevState => ({\n counter: prevState.counter - 1,\n }));\n }\n\n render() {\n const slides = [];\n for (let i = 0; i < this.state.counter; i += 1) {\n slides.push((\n \n

\n Slide\n {i}\n

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

\n Slide\n {i}\n

\n
\n \n {i !== 0 ? : null}\n \n ));\n }\n\n return (\n
\n \n
\n );\n }\n}\n\nSlideGroupDemo.propTypes = {\n isAnimated: PropTypes.bool,\n};\n\nconst AnimatedSlideGroup = () => (\n \n);\nexport default AnimatedSlideGroup;\n\n")))}D.isMDXComponent=!0;var P=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(y.Z,{title:t||"Slide Group Demo Animated",description:n,example:r.createElement(T.Z,null),exampleCssSrc:r.createElement(O,null),exampleSrc:r.createElement(D,null),isExpanded:a})},G=["components"];function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var M={},B="wrapper";function Z(e){var t=e.components,n=R(e,G);return(0,a.mdx)(B,A({},M,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-slide-group"},"Terra Slide Group"),(0,a.mdx)("p",null,"The SlideGroup is a utility component that utilizes the ",(0,a.mdx)("inlineCode",{parentName:"p"},"react-transition-group")," library to present a stack of components in an\nanimated fashion."),(0,a.mdx)("p",null,"The last component in the group is visible, and all others are hidden. While the hidden components are not visible and\nmarked with the ",(0,a.mdx)("inlineCode",{parentName:"p"},"aria-hidden")," attribute, they are not actually unmounted."),(0,a.mdx)("p",null,"When a slide is disclosed, non-visible focus is assigned to the outermost slide container. Any component utilizing the SlideGroup will need to handle the keyboard accessibility of the content on each slide."),(0,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-slide-group"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SlideGroup from 'terra-slide-group';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(N,{title:"Non-Animated SlideGroup",mdxType:"SlideGroupDemo"}),(0,a.mdx)(P,{title:"Animated SlideGroup",mdxType:"SlideGroupDemoAnimated"}),(0,a.mdx)("h2",{id:"slide-group-props-table"},"Slide Group Props Table"),(0,a.mdx)(m,{mdxType:"SlideGroupPropsTable"}))}Z.isMDXComponent=!0},16351:function(e,t,n){n.d(t,{C:function(){return l}});var r=n(67294),a=n(22863),l=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-group",name:"terra-slide-group",version:"4.34.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},51346:function(e,t,n){n.r(t),t.default={container:"SlideGroupDemo-module__container___Pnqg8",slide:"SlideGroupDemo-module__slide___Qucq1","content-wrapper":"SlideGroupDemo-module__content-wrapper___44T4l",button:"SlideGroupDemo-module__button___Ew-As","custom-slide":"SlideGroupDemo-module__custom-slide___RiVaZ"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t*{min-height:1em;min-width:1em}.ItemDisplay-module__icon-center___yNnaA{-ms-flex-align:center;align-items:center}.ItemDisplay-module__icon-top___le\+7t{-ms-flex-align:start;align-items:flex-start}.ItemDisplay-module__icon-inline___7-6dl{display:inline}.ItemDisplay-module__icon-inline___7-6dl .ItemDisplay-module__text___8kzzL{display:inline}.ItemDisplay-module__icon-inline___7-6dl .ItemDisplay-module__icon___QFsen{display:inline}.ItemDisplay-module__is-truncated___5xS0r{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal}.ItemDisplay-module__is-disabled___LmVej{opacity:0.2;opacity:var(--terra-clinical-item-display-disabled-opacity, 0.2)}.ItemDisplay-module__is-disabled___LmVej .ItemDisplay-module__icon___QFsen{color:rgb(117, 118, 125);color:var(--terra-clinical-item-display-disabled-icon-color, rgb(117, 118, 125))}.ItemDisplay-module__secondary___ObdZe{color:rgba(28, 31, 33, 0.65);color:var(--terra-clinical-item-display-secondary-color, rgba(28, 31, 33, 0.65))}.ItemDisplay-module__attention___W1BMa{color:#c00;color:var(--terra-clinical-item-display-attention-color, #c00);font-weight:700;font-weight:var(--terra-clinical-item-display-attention-font-weight, 700)}.ItemDisplay-module__strong___OPiqQ{color:#1c1f21;color:var(--terra-clinical-item-display-strong-color, #1c1f21);font-weight:700;font-weight:var(--terra-clinical-item-display-strong-font-weight, 700)}.ItemDisplay-module__strike-through___yJ7fk{color:#1c1f21;color:var(--terra-clinical-item-display-strike-through-color, #1c1f21);text-decoration:line-through} +.ItemComment-module__clinical-lowlight-theme___lM\+Lt{--terra-clinical-item-display-item-comment-color: rgba(221, 224, 225, 0.41);--terra-clinical-item-display-item-comment-inline-icon-color: rgba(221, 224, 225, 0.41)}.ItemComment-module__orion-fusion-theme___dtZma{--terra-clinical-item-display-item-comment-color: rgba(28, 35, 40, 0.73);--terra-clinical-item-display-item-comment-inline-icon-color: rgba(28, 35, 40, 0.73)}.ItemComment-module__item-comment___ESQjD{font-size:1rem;line-height:1.4285714286;color:rgba(28, 31, 33, 0.65);color:var(--terra-clinical-item-display-item-comment-color, rgba(28, 31, 33, 0.65))}.ItemComment-module__item-comment___ESQjD .ItemComment-module__inline-icon___znks3{color:rgba(117, 118, 125, 0.3);color:var(--terra-clinical-item-display-item-comment-inline-icon-color, rgba(117, 118, 125, 0.3))} +.ItemView-module__clinical-lowlight-theme___y3JHh{--terra-clinical-item-view-content-color: rgba(221, 224, 225, 0.41);--terra-clinical-item-view-content-primary-color: #b2b5b6;--terra-clinical-item-view-content-secondary-color: rgba(221, 224, 225, 0.41)}.ItemView-module__orion-fusion-theme___hJD0X{--terra-clinical-item-view-content-color: rgba(28, 35, 40, 0.73);--terra-clinical-item-view-content-primary-color: #1c1f21;--terra-clinical-item-view-content-secondary-color: rgba(28, 35, 40, 0.73)}.ItemView-module__item-view___df01D{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start;width:100%;word-break:break-word;word-wrap:break-word}.ItemView-module__accessory___dkq4r{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;min-width:0;overflow:hidden}[dir] .ItemView-module__accessory___dkq4r{margin:5px}.ItemView-module__start-accessory___4CJYM{-ms-flex-pack:start;justify-content:flex-start;width:2.8571rem}.ItemView-module__start-accessory___4CJYM>*{max-width:2.8571rem}.ItemView-module__end-accessory___WY4-w{-ms-flex-pack:end;justify-content:flex-end;max-width:20%}.ItemView-module__accessory-align-top___ksPW3{-ms-flex-item-align:start;align-self:flex-start}.ItemView-module__accessory-align-center___aoVwW{-ms-flex-item-align:center;align-self:center}.ItemView-module__body___sG16o{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;overflow:hidden}[dir] .ItemView-module__body___sG16o{margin:5px}.ItemView-module__content___MHhcY{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;overflow:hidden}.ItemView-module__single-result-column-container___Z5SAo{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.ItemView-module__column-list-container___yccQT{display:-ms-flexbox;display:flex;list-style-type:none}[dir] .ItemView-module__column-list-container___yccQT{margin-bottom:0;margin-top:0}[dir=ltr] .ItemView-module__column-list-container___yccQT{padding-left:0}[dir=rtl] .ItemView-module__column-list-container___yccQT{padding-right:0}.ItemView-module__column-list___HUuWK{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;list-style-type:none}[dir] .ItemView-module__column-list___HUuWK{margin-bottom:0;margin-top:0}[dir=ltr] .ItemView-module__column-list___HUuWK{padding-left:0}[dir=rtl] .ItemView-module__column-list___HUuWK{padding-right:0}.ItemView-module__row-list-container___65hon{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;list-style-type:none}[dir] .ItemView-module__row-list-container___65hon{margin-bottom:0;margin-top:0}[dir=ltr] .ItemView-module__row-list-container___65hon{padding-left:0}[dir=rtl] .ItemView-module__row-list-container___65hon{padding-right:0}.ItemView-module__row___jDHgv{display:-ms-flexbox;display:flex;width:100%}.ItemView-module__row-list___8Gu4V{display:-ms-flexbox;display:flex;list-style-type:none;width:100%}[dir] .ItemView-module__row-list___8Gu4V{margin-bottom:0;margin-top:0}[dir=ltr] .ItemView-module__row-list___8Gu4V{padding-left:0}[dir=rtl] .ItemView-module__row-list___8Gu4V{padding-right:0}.ItemView-module__secondary-column___7P7K3{-ms-flex:1 0 auto;flex:1 0 auto;max-width:60%}[dir=ltr] .ItemView-module__secondary-column___7P7K3{float:right}[dir=rtl] .ItemView-module__secondary-column___7P7K3{float:left}.ItemView-module__secondary-column___7P7K3 .ItemView-module__content___MHhcY{-ms-flex-pack:end;justify-content:flex-end}[dir=ltr] .ItemView-module__secondary-column___7P7K3 .ItemView-module__content___MHhcY{text-align:right;padding-left:5px}[dir=rtl] .ItemView-module__secondary-column___7P7K3 .ItemView-module__content___MHhcY{text-align:left;padding-right:5px}.ItemView-module__is-truncated___tEARE,.ItemView-module__is-truncated___tEARE [data-terra-clinical-item-display-text]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal}.ItemView-module__one-column___YwGCZ .ItemView-module__column-list-container___yccQT{-ms-flex-flow:column nowrap;flex-flow:column nowrap}.ItemView-module__two-columns___WezN9 .ItemView-module__column-list-container___yccQT{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.ItemView-module__two-columns___WezN9 .ItemView-module__column-list-container___yccQT .ItemView-module__primary-column___pMOzm{-ms-flex:1 1 auto;flex:1 1 auto}[dir=ltr] .ItemView-module__two-columns___WezN9 .ItemView-module__column-list-container___yccQT .ItemView-module__primary-column___pMOzm{float:left}[dir=rtl] .ItemView-module__two-columns___WezN9 .ItemView-module__column-list-container___yccQT .ItemView-module__primary-column___pMOzm{float:right}.ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(odd){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:start;justify-content:flex-start}[dir=ltr] .ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(odd){float:left}[dir=rtl] .ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(odd){float:right}.ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(even){-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-pack:end;justify-content:flex-end;max-width:60%}[dir=ltr] .ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(even){text-align:right;float:right;padding-left:5px}[dir=rtl] .ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(even){text-align:left;float:left;padding-right:5px}.ItemView-module__truncated-two-columns___9UuM6 .ItemView-module__primary-column___pMOzm{-ms-flex:1 1 auto;flex:1 1 auto;max-width:40%}[dir=ltr] .ItemView-module__truncated-two-columns___9UuM6 .ItemView-module__primary-column___pMOzm{float:left}[dir=rtl] .ItemView-module__truncated-two-columns___9UuM6 .ItemView-module__primary-column___pMOzm{float:right}.ItemView-module__content-primary-color___pOHcF{color:#1c1f21;color:var(--terra-clinical-item-view-content-primary-color, #1c1f21)}.ItemView-module__content-primary-size___goRTN{font-size:1.1428571429rem;line-height:1.4285714286}.ItemView-module__content-secondary-color___CzH\+h{color:rgba(28, 31, 33, 0.65);color:var(--terra-clinical-item-view-content-secondary-color, rgba(28, 31, 33, 0.65))}.ItemView-module__content-secondary-size___s8KFR{font-size:1.1428571429rem;line-height:1.4285714286}@media screen and (min-width: 760px){.ItemView-module__content-secondary-size___s8KFR{font-size:1rem}} +.CustomHeaderCellLayout__custom-header-cell___GLtLO{height:100%;width:100%}[dir] .CustomHeaderCellLayout__custom-header-cell___GLtLO{padding:7px}.CustomHeaderCellLayout__custom-header-cell___GLtLO .CustomHeaderCellLayout__primary___eEnhr,.CustomHeaderCellLayout__custom-header-cell___GLtLO .CustomHeaderCellLayout__secondary___dvRwS{overflow:hidden;text-overflow:ellipsis;vertical-align:center;white-space:nowrap;word-break:normal;word-wrap:normal}.CustomHeaderCellLayout__custom-header-cell___GLtLO .CustomHeaderCellLayout__primary___eEnhr{font-weight:bold}.CustomHeaderCellLayout__custom-header-cell___GLtLO .CustomHeaderCellLayout__secondary___dvRwS{color:green} +.Datagrid-module__data-grid-basic___HxAKd{height:800px}.Datagrid-module__data-grid-small___WpwC9{height:400px}.Datagrid-module__data-grid-row-style___oGa6Y{height:100%;width:100%}.Datagrid-module__data-grid-paging___cjRSA{height:800px;position:relative}.Datagrid-module__loading-overlay___O3A7H{top:0}[dir=ltr] .Datagrid-module__spacer-right-medium___7mFBr{margin-right:0.7142857143rem}[dir=rtl] .Datagrid-module__spacer-right-medium___7mFBr{margin-left:0.7142857143rem} diff --git a/2150-dadb698c097fe09a9270.js b/2150-dadb698c097fe09a9270.js new file mode 100644 index 000000000..bfaf753f1 --- /dev/null +++ b/2150-dadb698c097fe09a9270.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[2150],{42231:function(e,t,n){n.r(t),n.d(t,{default:function(){return v}});var r=n(67294),o=n(81254),a=n(81244),l=["components"];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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var u={};function s(e){var t=e.components,n=c(e,l);return(0,o.mdx)("wrapper",i({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport DataGrid from 'terra-clinical-data-grid';\nimport ItemView from 'terra-clinical-item-view';\nimport classNames from 'classnames/bind';\nimport CustomHeaderCellLayout from './CustomHeaderCellLayout';\nimport styles from './Datagrid.module.scss';\nimport gridDataJSON from './Datagrid.json';\n\nconst cx = classNames.bind(styles);\nconst numColumnsDisplayed = 10;\nconst pinnedColumnsCount = 3;\nconst numRowsPerSection = 15;\n\nclass DatagridWithCustomContent extends React.Component {\n static buildRows(sectionData, numOfColumns, numberOfRowsToDisplay) {\n const rows = (new Array(numberOfRowsToDisplay)).fill().map((rowVal, rowIndex) => ({\n id: `${sectionData.section.id}-Row${rowIndex}`,\n cells: (new Array(numOfColumns).fill(0)).map((cellVal, cellIndex) => ({\n columnId: sectionData.sectionRows[rowIndex].cells[cellIndex].columnId,\n component: (\n ,\n ,\n ,\n ]}\n className={cx('data-grid-row-style')}\n />\n ),\n })),\n }));\n return rows;\n }\n\n static buildSection(sectionData, numberOfRows) {\n return {\n id: sectionData.section.id,\n rows: DatagridWithCustomContent.buildRows(sectionData, numColumnsDisplayed, numberOfRows),\n };\n }\n\n static buildColumns(data, start, end) {\n const col = (new Array(end - start));\n for (let columnIndex = start, currentElementIndex = 0; columnIndex <= end; columnIndex += 1, currentElementIndex += 1) {\n const columnHeaderInfo = data.allColumnIds[columnIndex];\n col[currentElementIndex] = {\n id: columnHeaderInfo.id,\n width: 200,\n component: (),\n };\n }\n return col;\n }\n\n render() {\n return (\n
\n \n
\n );\n }\n}\n\nexport default DatagridWithCustomContent;\n\n")))}s.isMDXComponent=!0;var d=n(49271),m=n(97956),f=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(d.Z,{title:t||"Datagrid With Custom Content",description:n,example:r.createElement(a.Z,null),exampleCssSrc:r.createElement(m.Z,null),exampleSrc:r.createElement(s,null),isExpanded:o})},p=["components"];function y(){return y=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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var g={},w="wrapper";function v(e){var t=e.components,n=b(e,p);return(0,o.mdx)(w,y({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(f,{description:"This example features custom header cell implementations and more complex content cells.",mdxType:"DatagridWithCustomContent"}))}v.isMDXComponent=!0},97956:function(e,t,n){n.d(t,{Z:function(){return u}});n(67294);var r=n(81254),o=["components"];function a(){return a=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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i={},c="wrapper";function u(e){var t=e.components,n=l(e,o);return(0,r.mdx)(c,a({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .data-grid-basic {\n height: 800px;\n }\n\n .data-grid-small {\n height: 400px;\n }\n\n .data-grid-row-style {\n height: 100%;\n width: 100%;\n }\n\n .data-grid-paging {\n height: 800px;\n position: relative;\n }\n \n .loading-overlay {\n top: 0;\n }\n\n .spacer-right-medium {\n margin-right: 0.7142857143rem;\n }\n}\n\n\n")))}u.isMDXComponent=!0},94314:function(e,t,n){n.r(t),t.default={"custom-header-cell":"CustomHeaderCellLayout__custom-header-cell___GLtLO",primary:"CustomHeaderCellLayout__primary___eEnhr",secondary:"CustomHeaderCellLayout__secondary___dvRwS"}},87535:function(e,t,n){n.r(t),t.default={"data-grid-basic":"Datagrid-module__data-grid-basic___HxAKd","data-grid-small":"Datagrid-module__data-grid-small___WpwC9","data-grid-row-style":"Datagrid-module__data-grid-row-style___oGa6Y","data-grid-paging":"Datagrid-module__data-grid-paging___cjRSA","loading-overlay":"Datagrid-module__loading-overlay___O3A7H","spacer-right-medium":"Datagrid-module__spacer-right-medium___7mFBr"}},94100:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(67294)),o=i(n(45697)),a=i(n(19845)),l=i(n(94314));function i(e){return e&&e.__esModule?e:{default:e}}var c=a.default.bind(l.default),u={primaryText:o.default.string,secondaryText:o.default.string},s=function(e){var t=e.primaryText,n=e.secondaryText;return r.default.createElement("div",{className:c("custom-header-cell")},r.default.createElement("div",{className:c("primary")},t),r.default.createElement("div",{className:c("secondary")},n))};s.propTypes=u;t.default=s},81244:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.Z=void 0;var o=d(n(67294)),a=d(n(81059)),l=d(n(63884)),i=d(n(19845)),c=d(n(94100)),u=d(n(87535)),s=d(n(40168));function d(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),f(a,"Tasks",p)}if(o&&o.length>0){var s=[];o.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),f(a,"Activities",s)}if(i&&i.length>0){var c=[];i.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),f(a,"Events",c)}if(l&&l.length>0){var d=[];l.forEach((function(e){d.push({name:e.key,values:e.values.join(", ")})})),f(a,"Actions",d)}},t.loadTaskPopup=function(e,t,n,a){y();var r=g(e).append("g"),o=a.label,i=a.display,l=a.y,p=a.startDate,s=a.endDate,d=a.percentage;o&&m(r,"Task Name",i),m(r,"Track",l),m(r,"Start Date",c(p)),m(r,"End Date",c(s)),d&&m(r,"Percentage",d)},t.loadDatelinePopup=function(e,t){y();var n=g(e).append("g"),a=t.label,r=t.value;a&&m(n,"Milestone",a.display),m(n,"Date",c(r))},t.loadTimelinePopup=function(e,t,n,a){y();var r=g(e).append("g"),o=a.x,i=(a.y,a.label),l=a.content;m(r,"X axis","".concat(u(o)?c(o):o)),m(r,"".concat(i.display),l)},t.loadPiePopup=function(e,t,n,a){y();var r=g(e).append("g"),o=a.label,i=a.value;m(r,o.display,i)}},93065:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),o=a(n(45697));n(80244);var i={id:o.default.string.isRequired},l=function(e){return r.default.createElement(r.default.Fragment,null,r.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),r.default.createElement("div",{id:e.id,className:"example-graph-container"}))};l.propTypes=i;t.default=l},21212:function(e,t,n){"use strict";var a=n(64836);t.Z=void 0;var r=a(n(67294)),o=a(n(54520)),i=a(n(53334));n(56867),n(39003);var l=a(n(93065)),p=a(n(34869)),s=a(n(16921)),c=i.default.deepClone((0,p.default)("#timeseriesEventLine")),d=i.default.deepClone(s.default);t.Z=function(){return r.default.useEffect((function(){o.default.api.graph(c).loadContent(o.default.api.line(d))}),[]),r.default.createElement(l.default,{id:"timeseriesEventLine"})}},21796:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return L}});var a=n(67294),r=n(81254),o=n(21212),i=["components"];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}var s={};function c(e){var t=e.components,n=p(e,i);return(0,r.mdx)("wrapper",l({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Line/LineGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getLineTimeseriesDatelineConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Line/lineTimeseriesEventline';\nimport exampleData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/datasetTimeseries1';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getLineTimeseriesDatelineConfig('#timeseriesEventLine'));\nconst dataset = utils.deepClone(exampleData);\n\nconst TimeseriesEventlineExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.graph(graphConfig);\n graph.loadContent(Carbon.api.line(dataset));\n }, []);\n\n return (\n \n );\n};\n\nexport default TimeseriesEventlineExample;\n\n\n")))}c.isMDXComponent=!0;var d=n(49271),u=n(25005),m=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(d.Z,{title:t||"Timeseries Eventline",description:n,example:a.createElement(o.Z,null),exampleCssSrc:a.createElement(u.Z,null),exampleSrc:a.createElement(c,null),isExpanded:r})},f=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var v={},b="wrapper";function h(e){var t=e.components,n=y(e,f);return(0,r.mdx)(b,g({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\n\nconst getLineTimeseriesEventlineConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n type: Carbon.helpers.AXIS_TYPE.TIME_SERIES,\n label: 'Datetime',\n lowerLimit: new Date(2016, 0, 1, 1, 0).toISOString(),\n upperLimit: new Date(2016, 0, 1, 23, 59).toISOString(),\n },\n y: {\n label: 'Line Set A',\n lowerLimit: 10,\n upperLimit: 30,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n eventline: [\n {\n color: Carbon.helpers.COLORS.GREY,\n style: {\n strokeDashArray: '4,4',\n },\n value: new Date(2016, 0, 1, 8).toISOString(),\n },\n {\n color: Carbon.helpers.COLORS.BLACK,\n style: {\n strokeDashArray: '2,2',\n },\n value: new Date(2016, 0, 1, 12).toISOString(),\n },\n ],\n});\n\nexport default getLineTimeseriesEventlineConfig;\n\n")))}h.isMDXComponent=!0;var x=n(35862),O=["components"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n(51320);var D={},E="wrapper";function L(e){var t=e.components,n=w(e,O);return(0,r.mdx)(E,S({},D,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"timeseries-graph-with-eventline"},"Timeseries graph with eventline"),(0,r.mdx)("p",null,"This is a timeseries line graph with eventlines."),(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 i @cerner/carbon-graphs --save-dev"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,r.mdx)("h2",{id:"example"},"Example"),(0,r.mdx)(m,{mdxType:"LineGraph"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Data")),(0,r.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,r.mdx)(h,{mdxType:"GraphConfig"}),(0,r.mdx)("h3",{id:"data-object"},"Data object"),(0,r.mdx)(x.Z,{mdxType:"DataObject"})))}L.isMDXComponent=!0},35862:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var l={},p="wrapper";function s(e){var t=e.components,n=i(e,r);return(0,a.mdx)(p,o({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst data = {\n key: 'uid_1',\n label: {\n display: 'Data Label 1',\n },\n shape: Carbon.helpers.SHAPES.DARK.CIRCLE,\n onClick: loadPopup,\n values: [\n {\n x: new Date(2016, 0, 1, 1, 5).toISOString(),\n y: 5,\n },\n {\n x: new Date(2016, 0, 1, 2, 15).toISOString(),\n y: 11,\n },\n {\n x: new Date(2016, 0, 1, 3, 15).toISOString(),\n y: 12,\n },\n {\n x: new Date(2016, 0, 1, 4, 15).toISOString(),\n y: 16,\n },\n {\n x: new Date(2016, 0, 1, 5, 15).toISOString(),\n y: 17,\n },\n {\n x: new Date(2016, 0, 1, 6, 15).toISOString(),\n y: 9,\n },\n {\n x: new Date(2016, 0, 1, 7, 0).toISOString(),\n y: 11,\n },\n {\n x: new Date(2016, 0, 1, 8, 15).toISOString(),\n y: 12,\n },\n {\n x: new Date(2016, 0, 1, 9, 45).toISOString(),\n y: 16,\n },\n {\n x: new Date(2016, 0, 1, 12, 15).toISOString(),\n y: 17,\n },\n {\n x: new Date(2016, 0, 1, 13, 15).toISOString(),\n y: 28,\n },\n {\n x: new Date(2016, 0, 1, 14, 15).toISOString(),\n y: 12,\n },\n {\n x: new Date(2016, 0, 1, 19, 45).toISOString(),\n y: 13,\n },\n {\n x: new Date(2016, 0, 1, 21, 15).toISOString(),\n y: 14,\n },\n ],\n yAxis: 'y',\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0},51320:function(e,t,n){var a,r;void 0===(r="function"==typeof(a=function(){var e="details",t="summary";function n(e){if("summary"===e.target.nodeName.toLowerCase()){var t=e.target.parentNode;if(!t)return;t.getAttribute("open")?(t.open=!1,t.removeAttribute("open")):(t.open=!0,t.setAttribute("open","open"))}}function a(){var n=document.createElement(e);if(!("open"in n))return!1;n.innerHTML="<"+t+">ab",document.body.appendChild(n);var a=n.offsetHeight;n.open=!0;var r=a!=n.offsetHeight;return document.body.removeChild(n),r}function r(e,t){if(!document.getElementById(e)){var n=document.createElement("style");n.id=e,n.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(n)}}a()||(document.documentElement.className+=" no-details",window.addEventListener("click",n),r("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+t+") { display: none; }\nhtml.no-details "+e+" > "+t+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+t+':before { content: "▼"; }'))})?a.call(t,n,t,e):a)||(e.exports=r)},39003:function(e,t,n){"use strict";n.r(t),t.default={}}}]); \ No newline at end of file diff --git a/21835-c91c7fc5c6093c06f33a.js b/21835-c91c7fc5c6093c06f33a.js new file mode 100644 index 000000000..10adad00c --- /dev/null +++ b/21835-c91c7fc5c6093c06f33a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[21835],{86739:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(22678),r=[{key:"task1",onClick:a.loadTaskPopup,label:{display:"Story Apex"},startDate:new Date(2018,2,1).toISOString(),endDate:new Date(2018,3,10).toISOString()},{key:"task2",onClick:a.loadTaskPopup,label:{display:"Story Broccoli"},startDate:new Date(2018,8,1).toISOString(),endDate:new Date(2018,9,10).toISOString()}];t.default=r},43015:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=[{key:"task3",onClick:n(22678).loadTaskPopup,label:{display:"Story Apex"},startDate:new Date(2018,3,1).toISOString(),endDate:new Date(2018,7,10).toISOString()}];t.default=a},4216:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(22678),r=[{key:"task4",onClick:a.loadTaskPopup,label:{display:"Story Charming"},startDate:new Date(2018,6,1).toISOString(),endDate:new Date(2018,7,10).toISOString()},{key:"task5",onClick:a.loadTaskPopup,label:{display:"Story Broccoli"},startDate:new Date(2018,10,1).toISOString(),endDate:new Date(2018,10,1).toISOString()}];t.default=r},42765:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=[{key:"task6",onClick:n(22678).loadTaskPopup,label:{display:"Story Apex"},startDate:new Date(2018,6,1).toISOString(),endDate:new Date(2018,9,10).toISOString()}];t.default=a},46667:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(54520)),l=n(22678);t.default=function(e){return{bindTo:e,axis:{x:{show:!0,lowerLimit:new Date(2018,1,1,12).toISOString(),upperLimit:new Date(2019,1,1,12).toISOString(),rangeRounding:!0}},clickPassThrough:{task:!1,activity:!1,event:!1,action:!1,dateline:!1},dateline:[{showDatelineIndicator:!0,label:{display:"DST Start"},color:"#405978",shape:r.default.helpers.SHAPES.DARK.DIAMOND,onClick:l.loadDatelinePopup,value:new Date(2018,2,10).toISOString()},{showDatelineIndicator:!0,label:{display:"Current Date"},color:"#C97318",shape:r.default.helpers.SHAPES.DARK.SQUARE,onClick:l.loadDatelinePopup,value:new Date(2018,8,5).toISOString()},{showDatelineIndicator:!0,label:{display:"DST End"},color:"#405978",shape:r.default.helpers.SHAPES.DARK.DIAMOND,onClick:l.loadDatelinePopup,value:new Date(2018,10,3).toISOString()}]}}},14897:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(54520)),d=a(n(53334));n(56867),n(77449);var m=a(n(93065)),i=a(n(46667)),o=a(n(42777)),p=a(n(86739)),u=a(n(43015)),s=a(n(4216)),x=a(n(42765)),N=d.default.deepClone((0,i.default)("#simpleGantt")),g=[d.default.deepClone(p.default),d.default.deepClone(u.default),d.default.deepClone(s.default),d.default.deepClone(x.default)],c=(0,o.default)(g,[],[],[],4);t.Z=function(){return r.default.useEffect((function(){var e=l.default.api.gantt(N);c.forEach((function(t){e.loadContent(t)}))}),[]),r.default.createElement(m.default,{id:"simpleGantt"})}},21835:function(e,t,n){n.r(t),n.d(t,{default:function(){return P}});var a=n(67294),r=n(81254),l=n(14897),d=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var o={};function p(e){var t=e.components,n=i(e,d);return(0,r.mdx)("wrapper",m({},o,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Gantt/GanttChart.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGanttSimpleConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Gantt/ganttSimpleConfig';\nimport loadTracks from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/loadTracks';\nimport taskDataset1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset1';\nimport taskDataset2 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset2';\nimport taskDataset3 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset3';\nimport taskDataset4 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset4';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGanttSimpleConfig('#simpleGantt'));\nconst tasksData = [utils.deepClone(taskDataset1), utils.deepClone(taskDataset2), utils.deepClone(taskDataset3), utils.deepClone(taskDataset4)];\nconst dataset = loadTracks(tasksData, [], [], [], 4);\n\nconst SimpleGanttExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.gantt(graphConfig);\n dataset.forEach((data) => {\n graph.loadContent(data);\n });\n }, []);\n\n return (\n \n );\n};\n\nexport default SimpleGanttExample;\n\n")))}p.isMDXComponent=!0;var u=n(49271),s=n(25005),x=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Simple Gantt",description:n,example:a.createElement(l.Z,null),exampleCssSrc:a.createElement(s.Z,null),exampleSrc:a.createElement(p,null),isExpanded:r})},N=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var b={},h="wrapper";function f(e){var t=e.components,n=c(e,N);return(0,r.mdx)(h,g({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport {\n loadDatelinePopup,\n} from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst getGanttSimpleConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n show: true,\n lowerLimit: new Date(2018, 1, 1, 12).toISOString(),\n upperLimit: new Date(2019, 1, 1, 12).toISOString(),\n rangeRounding: true, // If set to false, we don't extend the domain\n },\n },\n clickPassThrough: {\n task: false,\n activity: false,\n event: false,\n action: false,\n dateline: false,\n },\n dateline: [\n {\n showDatelineIndicator: true,\n label: {\n display: 'DST Start',\n },\n color: '#405978',\n shape: Carbon.helpers.SHAPES.DARK.DIAMOND,\n onClick: loadDatelinePopup,\n value: new Date(2018, 2, 10).toISOString(),\n },\n {\n showDatelineIndicator: true,\n label: {\n display: 'Current Date',\n },\n color: '#C97318',\n shape: Carbon.helpers.SHAPES.DARK.SQUARE,\n onClick: loadDatelinePopup,\n value: new Date(2018, 8, 5).toISOString(),\n },\n {\n showDatelineIndicator: true,\n label: {\n display: 'DST End',\n },\n color: '#405978',\n shape: Carbon.helpers.SHAPES.DARK.DIAMOND,\n onClick: loadDatelinePopup,\n value: new Date(2018, 10, 3).toISOString(),\n },\n ],\n});\n\nexport default getGanttSimpleConfig;\n\n\n")))}f.isMDXComponent=!0;var y=n(65092),C=n(47530),k=n(29890),D=n(67517),v=n(12437),S=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n(51320);var j={},T="wrapper";function P(e){var t=e.components,n=w(e,S);return(0,r.mdx)(T,O({},j,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"gantt-chart"},"Gantt Chart"),(0,r.mdx)("p",null,"A native Gantt Chart using D3 based on standard design patterns."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#getting-started"},"Getting Started")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#usage"},"Usage")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#configuration-structure"},"Config Structure")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#configuration-properties"},"Config properties"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#axis"},"axis")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#actionlegend"},"actionLegend")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#clickpassthrough"},"clickPassThrough")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#legendpadding"},"legendPadding")))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#dataset-structure"},"Dataset Structure")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#dataset-properties"},"Dataset Properties"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#actions"},"actions")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#activities"},"activities")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#dimension"},"dimension")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#events"},"events")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#tasks"},"tasks")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#tracklabel"},"trackLabel")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#layering"},"Layering")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#constraints"},"Constraints")))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"#example"},"Example"))),(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 i @cerner/carbon-graphs --save-dev"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n\nvar ganttInstance = Carbon.api.gantt(/* config object*/);\nganttInstance.loadContent(/* data */);\n")),(0,r.mdx)("h2",{id:"configuration-structure"},"Configuration Structure"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"const ganttConfig = {\n axis: {\n x: {\n lowerLimit: or ,\n upperLimit: or ,\n rangeRounding: ,\n show: ,\n ticks: \n }\n y: {\n lowerLimit: ,\n upperLimit: ,\n show: \n }\n },\n bindTo: ,\n actionLegend: {\n key: ,\n color: ,\n label: {\n display: \n },\n shape: \n },\n bindLegendTo: ,\n clickPassThrough:{\n actions: ,\n activities: ,\n events: ,\n datelines: ,\n tasks: \n }\n dateline: [],\n legendPadding: {\n top: ,\n bottom: ,\n left: ,\n right: \n },\n locale: ,\n padding: {\n top: ,\n bottom: ,\n left: ,\n right: \n },\n pan: {\n enabled: \n },\n removeContainerPadding: ,\n showActionLegend: \n}\n")),(0,r.mdx)("h2",{id:"configuration-properties"},"Configuration Properties"),(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},"Property 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"),(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},"axis"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"#axis"},"axis"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"bindTo"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"DOM ID to bind the graph container to.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"actionLegend"),(0,r.mdx)("td",{parentName:"tr",align:null},"array"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"[ ]")),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"#actionlegend"},"actionLegend"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"bindLegendTo"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"null")),(0,r.mdx)("td",{parentName:"tr",align:null},"ID of custom container to bind legend to (Example: ",(0,r.mdx)("inlineCode",{parentName:"td"},'"#legendContainer"'),").")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"clickPassThrough"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"null")),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"#clickpassthrough"},"clickpassthrough")," .")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"dateline"),(0,r.mdx)("td",{parentName:"tr",align:null},"array"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"[ ]")),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"../core-configuration/documentation/Dateline"},"Dateline"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"legendPadding"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"{ top: 4, bottom: 4, left: 8, right: 8 }")),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"#legendpadding"},"legendPadding"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"locale"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"LOCALE.en_US")),(0,r.mdx)("td",{parentName:"tr",align:null},"Locale object for X-Axis tick values. See ",(0,r.mdx)("a",{parentName:"td",href:"../core-configuration/documentation/Locale"},"Locale"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"padding"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"{ top: 10, bottom: 10, left: 30, right: 50 }")),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"../core-configuration/documentation/Padding"},"Padding"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"pan"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"{enabled: false}")),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"../core-configuration/documentation/Panning"},"Panning"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"removeContainerPadding"),(0,r.mdx)("td",{parentName:"tr",align:null},"boolean"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},"false"),(0,r.mdx)("td",{parentName:"tr",align:null},"Toggle to remove top and bottom padding of the container for the graph.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"showActionLegend"),(0,r.mdx)("td",{parentName:"tr",align:null},"boolean"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},"true"),(0,r.mdx)("td",{parentName:"tr",align:null},"Toggle to show graph legend .")))),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("h3",{parentName:"li",id:"axis"},(0,r.mdx)("inlineCode",{parentName:"h3"},"axis")),(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"type:")," object"),(0,r.mdx)("p",{parentName:"li"}," The ",(0,r.mdx)("inlineCode",{parentName:"p"},"axis")," property contains two objects in the following structure:"),(0,r.mdx)("pre",{parentName:"li"},(0,r.mdx)("code",{parentName:"pre",className:"language-json"},"axis: {\n x: {\n lowerLimit: or ,\n upperLimit: or ,\n rangeRounding: ,\n show: ,\n ticks: \n }\n y: {\n lowerLimit: ,\n upperLimit: ,\n show: \n }\n}\n")),(0,r.mdx)("table",{parentName:"li"},(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Property 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},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"lowerLimit"),(0,r.mdx)("td",{parentName:"tr",align:null},"number"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"Lower bound for the axis (",(0,r.mdx)("inlineCode",{parentName:"td"},"x")," or ",(0,r.mdx)("inlineCode",{parentName:"td"},"y"),") This is inclusive.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"upperLimit"),(0,r.mdx)("td",{parentName:"tr",align:null},"number"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"Upper bound for the axis (",(0,r.mdx)("inlineCode",{parentName:"td"},"x")," or ",(0,r.mdx)("inlineCode",{parentName:"td"},"y"),") This is inclusive.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"rangeRounding"),(0,r.mdx)("td",{parentName:"tr",align:null},"bool"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},"Toggle for range rounding (x-axis only).")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"show"),(0,r.mdx)("td",{parentName:"tr",align:null},"bool"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},"Toggle for showing the axis.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"ticks"),(0,r.mdx)("td",{parentName:"tr",align:null},"objects"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"../core-configuration/documentation/Ticks"},"Ticks")," (x-axis only).")))))),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("h3",{parentName:"li",id:"actionlegend"},(0,r.mdx)("inlineCode",{parentName:"h3"},"actionLegend")),(0,r.mdx)("p",{parentName:"li"},"Loads the legend for ",(0,r.mdx)("inlineCode",{parentName:"p"},"actions"),". See ",(0,r.mdx)("a",{parentName:"p",href:"#actions"},"actions")," for more information."),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Hovering over the legend item will blur other actions within the graph."),(0,r.mdx)("li",{parentName:"ul"},"Clicking on the legend item will remove the action from the graph.")),(0,r.mdx)("pre",{parentName:"li"},(0,r.mdx)("code",{parentName:"pre",className:"language-json"}," actionLegend: {\n key: \n color: ,\n label: {\n display: \n }\n shape: \n }\n")),(0,r.mdx)("table",{parentName:"li"},(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Property 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"),(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},"key"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"Unique id which represents the actions within the tracks.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"color"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"COLORS.BLACK")),(0,r.mdx)("td",{parentName:"tr",align:null},"Color for the data point ",(0,r.mdx)("inlineCode",{parentName:"td"},"action"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"label"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"{ }")),(0,r.mdx)("td",{parentName:"tr",align:null},"Structure: ",(0,r.mdx)("inlineCode",{parentName:"td"},"{ display: }"),". String to display as the label for the ",(0,r.mdx)("inlineCode",{parentName:"td"},"action")," dataset.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"shape"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"SHAPES.DARK.CIRCLE")),(0,r.mdx)("td",{parentName:"tr",align:null},"Shape for representing the data points.")))))),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("h3",{parentName:"li",id:"clickpassthrough"},(0,r.mdx)("inlineCode",{parentName:"h3"},"clickPassThrough")),(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"type:")," object"),(0,r.mdx)("p",{parentName:"li"}," Toggle for various parts of the Gantt chart for allowing click events to elements below. It has the following structure. The default value for each item in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"clickPassThrough")," object is ",(0,r.mdx)("inlineCode",{parentName:"p"},"false"),"."),(0,r.mdx)("pre",{parentName:"li"},(0,r.mdx)("code",{parentName:"pre",className:"language-json"}," clickPassThrough: {\n actions: ,\n activities: ,\n events: ,\n datelines: \n tasks: ,\n }\n")),(0,r.mdx)("p",{parentName:"li"}," The following is a table of how ",(0,r.mdx)("inlineCode",{parentName:"p"},"clickPassThrough")," works with the ",(0,r.mdx)("inlineCode",{parentName:"p"},"onClick")," property."),(0,r.mdx)("table",{parentName:"li"},(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"},"clickPassThrough")," item Value"),(0,r.mdx)("th",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"th"},"onClick")," function"),(0,r.mdx)("th",{parentName:"tr",align:null},"Result"))),(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"},"true")),(0,r.mdx)("td",{parentName:"tr",align:null},"defined"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"onClick")," function is executed and cursor pointer is visible top of the element.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"true")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"undefined")),(0,r.mdx)("td",{parentName:"tr",align:null},"The element beneath it is clickable. If the bottom element is selectable, then the cursor pointer is also visible.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"false")),(0,r.mdx)("td",{parentName:"tr",align:null},"defined"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"onClick")," function is executed and cursor pointer is visible top of the element.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"false")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"undefined")),(0,r.mdx)("td",{parentName:"tr",align:null},"No interaction upon mouse events.")))))),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("h3",{parentName:"li",id:"legendpadding"},(0,r.mdx)("inlineCode",{parentName:"h3"},"legendPadding")),(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"type:")," object"),(0,r.mdx)("p",{parentName:"li"}," Sets the legend padding and removes the carbon default margin of ",(0,r.mdx)("inlineCode",{parentName:"p"},"8px")," around legend."),(0,r.mdx)("pre",{parentName:"li"},(0,r.mdx)("code",{parentName:"pre",className:"language-json"}," legendPadding: {\n top: ,\n bottom: ,\n left: ,\n right: \n }\n")),(0,r.mdx)("table",{parentName:"li"},(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Property 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"),(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},"top"),(0,r.mdx)("td",{parentName:"tr",align:null},"number"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"4")),(0,r.mdx)("td",{parentName:"tr",align:null},"Top padding of legend container.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"bottom"),(0,r.mdx)("td",{parentName:"tr",align:null},"number"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"4")),(0,r.mdx)("td",{parentName:"tr",align:null},"Bottom padding of legend container.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"left"),(0,r.mdx)("td",{parentName:"tr",align:null},"number"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"8")),(0,r.mdx)("td",{parentName:"tr",align:null},"Left padding of legend container.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"right"),(0,r.mdx)("td",{parentName:"tr",align:null},"number"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"8")),(0,r.mdx)("td",{parentName:"tr",align:null},"Right padding of legend container.")))))),(0,r.mdx)("h2",{id:"dataset-structure"},"Dataset Structure"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"const track = {\n key: ,\n trackLabel: {\n display: ,\n onClick: \n },\n action: {\n key: ,\n values: [],\n onClick: \n }\n activities: {\n key: ,\n startDate: ,\n endDate: ,\n color: ,\n duration: ,\n label: {\n display: \n },\n style: {\n isHashed: \n },\n },\n dimension: {\n trackHeight: \n },\n events: [\n {\n key: ,\n values: [],\n shape: ,\n color: ,\n duration: ,\n label: {\n display: \n },\n onClick: ,\n }\n ],\n tasks: [\n {\n key: ,\n startDate: ,\n endDate: ,\n color: ,\n duration: ,\n label: {\n display: \n },\n onClick: ,\n percentage: ,\n style: {\n isDotted: ,\n isHollow: ,\n isHashed: \n },\n }\n ]\n}\n")),(0,r.mdx)("h2",{id:"dataset-properties"},"Dataset Properties"),(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},"Property 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"),(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},"key"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"A unique ",(0,r.mdx)("inlineCode",{parentName:"td"},"id")," to identify the track.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"trackLabel"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"#trackLabel"},"trackLabel"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"actions"),(0,r.mdx)("td",{parentName:"tr",align:null},"array"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"[ ]")),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"#actions"},"actions"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"activities"),(0,r.mdx)("td",{parentName:"tr",align:null},"array"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"[ ]")),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"#activities"},"activities"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"dimension"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"{ }")),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"#dimension"},"dimension"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"events"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"{ }")),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"#events"},"events"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"onClick"),(0,r.mdx)("td",{parentName:"tr",align:null},"function"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"undefined")),(0,r.mdx)("td",{parentName:"tr",align:null},"Function to execute upon clicking a datapoint, such as, to display a popup.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"loadAtIndex"),(0,r.mdx)("td",{parentName:"tr",align:null},"number"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"null")),(0,r.mdx)("td",{parentName:"tr",align:null},"Index where the track needs to be loaded.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"tasks"),(0,r.mdx)("td",{parentName:"tr",align:null},"array"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"[ ]")),(0,r.mdx)("td",{parentName:"tr",align:null},"See ",(0,r.mdx)("a",{parentName:"td",href:"#tasks"},"tasks"),".")))),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("h3",{parentName:"li",id:"actions"},(0,r.mdx)("inlineCode",{parentName:"h3"},"actions")),(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"type:")," array"),(0,r.mdx)("pre",{parentName:"li"},(0,r.mdx)("code",{parentName:"pre",className:"language-json"},"action: {\n key: ,\n values: [],\n onClick: \n}\n")),(0,r.mdx)("table",{parentName:"li"},(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Property 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"),(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},"key"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"Unique id which needs to be same as ",(0,r.mdx)("inlineCode",{parentName:"td"},"key")," in ",(0,r.mdx)("inlineCode",{parentName:"td"},"actionLegend"))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"values"),(0,r.mdx)("td",{parentName:"tr",align:null},"array"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"List of string (ISO8601) where a data point ",(0,r.mdx)("inlineCode",{parentName:"td"},"action")," needs to be placed")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"onClick"),(0,r.mdx)("td",{parentName:"tr",align:null},"function"),(0,r.mdx)("td",{parentName:"tr",align:null},"conditionally required"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"undefined")),(0,r.mdx)("td",{parentName:"tr",align:null},"Function to execute upon clicking a datapoint, such as, to display a popup.")))),(0,r.mdx)("p",{parentName:"li"},"If ",(0,r.mdx)("inlineCode",{parentName:"p"},"clickPassThrough.actions")," is ",(0,r.mdx)("inlineCode",{parentName:"p"},"true"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"onClick")," parameter would be required for any non-pass through operations."))),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("h3",{parentName:"li",id:"activities"},(0,r.mdx)("inlineCode",{parentName:"h3"},"activities")),(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"type:")," object"),(0,r.mdx)("p",{parentName:"li"},"An activity is a ",(0,r.mdx)("inlineCode",{parentName:"p"},"background-bar")," along the track. This represents the overall background process which may encapsulate one or more tasks."),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"An ",(0,r.mdx)("inlineCode",{parentName:"li"},"activity")," needs a start and end date."),(0,r.mdx)("li",{parentName:"ul"},"An ",(0,r.mdx)("inlineCode",{parentName:"li"},"activity")," will not be selectable."),(0,r.mdx)("li",{parentName:"ul"},"If start date is not provided, a ",(0,r.mdx)("inlineCode",{parentName:"li"},"duration")," needs to be provided."),(0,r.mdx)("li",{parentName:"ul"},"If end date is not provided, a ",(0,r.mdx)("inlineCode",{parentName:"li"},"duration")," needs to be provided."),(0,r.mdx)("li",{parentName:"ul"},"If start and end date are same then a fixed width ",(0,r.mdx)("inlineCode",{parentName:"li"},"chunk")," is created."),(0,r.mdx)("li",{parentName:"ul"},"Start and End date does not encapsulate the underlying tasks.")),(0,r.mdx)("p",{parentName:"li"},"An activity can be styled as follows:"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"A ",(0,r.mdx)("inlineCode",{parentName:"li"},"bar")," can be ",(0,r.mdx)("inlineCode",{parentName:"li"},"Hashed"),".")),(0,r.mdx)("p",{parentName:"li"},"The structure of an activity object is as follows:"),(0,r.mdx)("pre",{parentName:"li"},(0,r.mdx)("code",{parentName:"pre",className:"language-json"}," activities: [\n {\n key: ,\n startDate: ,\n endDate: ,\n color: ,\n duration: ,\n label: {\n display: \n },\n style: {\n isHashed: \n },\n }\n ]\n")),(0,r.mdx)("table",{parentName:"li"},(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Property 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"),(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},"key"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"Unique id which represents the activity.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"startDate"),(0,r.mdx)("td",{parentName:"tr",align:null},"Date"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"Task start date or ",(0,r.mdx)("inlineCode",{parentName:"td"},"duration"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"endDate"),(0,r.mdx)("td",{parentName:"tr",align:null},"Date"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"Task end date or ",(0,r.mdx)("inlineCode",{parentName:"td"},"duration"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"color"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"COLORS.BLUE")),(0,r.mdx)("td",{parentName:"tr",align:null},"Color for the bar.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"duration"),(0,r.mdx)("td",{parentName:"tr",align:null},"function"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"undefined")),(0,r.mdx)("td",{parentName:"tr",align:null},"Function that returns a number that is relative to start or end date.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"label"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"{ }")),(0,r.mdx)("td",{parentName:"tr",align:null},"Structure: ",(0,r.mdx)("inlineCode",{parentName:"td"},"{ display: }"),". String to display as the label for the ",(0,r.mdx)("inlineCode",{parentName:"td"},"action")," dataset.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"style"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"{isHashed: true}")),(0,r.mdx)("td",{parentName:"tr",align:null},"Styling for the bar. Has a ",(0,r.mdx)("inlineCode",{parentName:"td"},"isHashed")," property that can be set to true or false.")))))),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("h3",{parentName:"li",id:"dimension"},(0,r.mdx)("inlineCode",{parentName:"h3"},"dimension")),(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"type:")," object"),(0,r.mdx)("pre",{parentName:"li"},(0,r.mdx)("code",{parentName:"pre",className:"language-json"}," dimension: {\n trackHeight: \n }\n")),(0,r.mdx)("table",{parentName:"li"},(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Property 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"),(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},"trackHeight"),(0,r.mdx)("td",{parentName:"tr",align:null},"number"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"41")," (px)"),(0,r.mdx)("td",{parentName:"tr",align:null},"Sets the height for the gantt track content.")))))),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("h3",{parentName:"li",id:"events"},(0,r.mdx)("inlineCode",{parentName:"h3"},"events")),(0,r.mdx)("pre",{parentName:"li"},(0,r.mdx)("code",{parentName:"pre",className:"language-json"},"events: [\n {\n key: ,\n values: [],\n shape: ,\n color: ,\n duration: ,\n label: {\n display: \n },\n onClick: ,\n }\n ]\n")),(0,r.mdx)("table",{parentName:"li"},(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Property 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"),(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},"key"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"Unique id which represents the event.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"values"),(0,r.mdx)("td",{parentName:"tr",align:null},"array"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"Array of string(ISO8601) where a data point ",(0,r.mdx)("inlineCode",{parentName:"td"},"event")," needs to be placed.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"shape"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"svg represented as json, which got transpiled from ",(0,r.mdx)("inlineCode",{parentName:"td"},"@cerner/svg-to-carbon"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"color"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"COLORS.BLUE")),(0,r.mdx)("td",{parentName:"tr",align:null},"color of the data point.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"label"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"{ }")),(0,r.mdx)("td",{parentName:"tr",align:null},"To address a group of events.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"onClick"),(0,r.mdx)("td",{parentName:"tr",align:null},"Function"),(0,r.mdx)("td",{parentName:"tr",align:null},"conditionally required"),(0,r.mdx)("td",{parentName:"tr",align:null},"undefined"),(0,r.mdx)("td",{parentName:"tr",align:null},"Any event that can be performed when clicking on the data point")))),(0,r.mdx)("p",{parentName:"li"},"If ",(0,r.mdx)("inlineCode",{parentName:"p"},"clickPassThrough.events")," is provided, ",(0,r.mdx)("inlineCode",{parentName:"p"},"onClick")," parameter would be required for any non-pass through operations."))),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("h3",{parentName:"li",id:"tasks"},(0,r.mdx)("inlineCode",{parentName:"h3"},"tasks")),(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"type:")," object"),(0,r.mdx)("p",{parentName:"li"},"A Task is a ",(0,r.mdx)("inlineCode",{parentName:"p"},"foreground-bar")," along the track. This represents a unit of work."),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"A ",(0,r.mdx)("inlineCode",{parentName:"li"},"task")," needs a start and end date."),(0,r.mdx)("li",{parentName:"ul"},"If start date is not provided, a ",(0,r.mdx)("inlineCode",{parentName:"li"},"duration")," needs to be provided."),(0,r.mdx)("li",{parentName:"ul"},"If end date is not provided, a ",(0,r.mdx)("inlineCode",{parentName:"li"},"duration")," needs to be provided."),(0,r.mdx)("li",{parentName:"ul"},"Providing a ",(0,r.mdx)("inlineCode",{parentName:"li"},"percentage")," transforms a ",(0,r.mdx)("inlineCode",{parentName:"li"},"bar")," into a Percentage Bar."),(0,r.mdx)("li",{parentName:"ul"},"If start and end date are same then a fixed width ",(0,r.mdx)("inlineCode",{parentName:"li"},"chunk")," is created.")),(0,r.mdx)("p",{parentName:"li"},"A task can be styled as follows:"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"A ",(0,r.mdx)("inlineCode",{parentName:"li"},"bar")," can be ",(0,r.mdx)("inlineCode",{parentName:"li"},"Hollow"),"."),(0,r.mdx)("li",{parentName:"ul"},"A ",(0,r.mdx)("inlineCode",{parentName:"li"},"bar")," can be ",(0,r.mdx)("inlineCode",{parentName:"li"},"Dotted"),"."),(0,r.mdx)("li",{parentName:"ul"},"A ",(0,r.mdx)("inlineCode",{parentName:"li"},"bar")," can be ",(0,r.mdx)("inlineCode",{parentName:"li"},"Hashed"),".")),(0,r.mdx)("p",{parentName:"li"},"The structure of a task object is as follows:"),(0,r.mdx)("pre",{parentName:"li"},(0,r.mdx)("code",{parentName:"pre",className:"language-json"}," tasks: [\n {\n key: ,\n startDate: ,\n endDate: ,\n color: ,\n duration: ,\n label: {\n display: \n },\n onClick: ,\n percentage: ,\n style: {\n isDotted: ,\n isHollow: ,\n isHashed: \n },\n }\n ]\n")),(0,r.mdx)("table",{parentName:"li"},(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Property 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"),(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},"key"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"Unique id which represents the task.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"startDate"),(0,r.mdx)("td",{parentName:"tr",align:null},"Date"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"Task start date or ",(0,r.mdx)("inlineCode",{parentName:"td"},"duration"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"endDate"),(0,r.mdx)("td",{parentName:"tr",align:null},"Date"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"Task end date or ",(0,r.mdx)("inlineCode",{parentName:"td"},"duration"),".")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"color"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"COLORS.BLUE")),(0,r.mdx)("td",{parentName:"tr",align:null},"Color for the bar.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"duration"),(0,r.mdx)("td",{parentName:"tr",align:null},"function"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"undefined")),(0,r.mdx)("td",{parentName:"tr",align:null},"Function that returns a number that is relative to start or end date.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"label"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"{ }")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"display")," property needs to be provided for label.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"onClick"),(0,r.mdx)("td",{parentName:"tr",align:null},"function"),(0,r.mdx)("td",{parentName:"tr",align:null},"conditionally required"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"undefined")),(0,r.mdx)("td",{parentName:"tr",align:null},"Any action that can be performed when clicking on the task")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"percentage"),(0,r.mdx)("td",{parentName:"tr",align:null},"number"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"null")),(0,r.mdx)("td",{parentName:"tr",align:null},"Transforms ",(0,r.mdx)("inlineCode",{parentName:"td"},"bar")," into Percentage bar and fill the bar with color opted for in ",(0,r.mdx)("inlineCode",{parentName:"td"},"color")," property.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"style"),(0,r.mdx)("td",{parentName:"tr",align:null},"object"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"{isDotted: true, isHollow: true, isHashed: true}")),(0,r.mdx)("td",{parentName:"tr",align:null},"Styling for ",(0,r.mdx)("inlineCode",{parentName:"td"},"bar"),". Has 3 bool props: ",(0,r.mdx)("inlineCode",{parentName:"td"},"isDotted"),", ",(0,r.mdx)("inlineCode",{parentName:"td"},"isHollow"),", ",(0,r.mdx)("inlineCode",{parentName:"td"},"isHashed"),".")))),(0,r.mdx)("p",{parentName:"li"},"If ",(0,r.mdx)("inlineCode",{parentName:"p"},"clickPassThrough.tasks")," is ",(0,r.mdx)("inlineCode",{parentName:"p"},"true"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"onClick")," parameter would be required for any non-pass through operations."))),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("h3",{parentName:"li",id:"tracklabel"},(0,r.mdx)("inlineCode",{parentName:"h3"},"trackLabel")),(0,r.mdx)("strong",{parentName:"li"},"type:")," object")),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-json"}," trackLabel: {\n display: ,\n onClick: \n }\n")),(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},"Property 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"),(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},"display"),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"yes"),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"Track Label which forms the Gantt chart content.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"onClick"),(0,r.mdx)("td",{parentName:"tr",align:null},"function"),(0,r.mdx)("td",{parentName:"tr",align:null},"no"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"undefined")),(0,r.mdx)("td",{parentName:"tr",align:null},"Function to execute upon clicking the track label, such as to display a popup.")))),(0,r.mdx)("h3",{id:"layering"},"Layering"),(0,r.mdx)("p",null,"From top to bottom, this is how the layers of a Gantt Chart will be ordered:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Actions")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Events")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Tasks")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Activities"))),(0,r.mdx)("h3",{id:"constraints"},"Constraints"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"If ganttContent's ",(0,r.mdx)("inlineCode",{parentName:"li"},"loadAtIndex")," is below ",(0,r.mdx)("inlineCode",{parentName:"li"},"0"),", an error is thrown"),(0,r.mdx)("li",{parentName:"ul"},"If ganttContent's ",(0,r.mdx)("inlineCode",{parentName:"li"},"loadAtIndex")," is equal to ",(0,r.mdx)("inlineCode",{parentName:"li"},"trackLength")," or exceeds ",(0,r.mdx)("inlineCode",{parentName:"li"},"trackLength")," it is inserted at the end."),(0,r.mdx)("li",{parentName:"ul"},"If ganttContent's ",(0,r.mdx)("inlineCode",{parentName:"li"},"loadAtIndex")," is in between ",(0,r.mdx)("inlineCode",{parentName:"li"},"0")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"trackLength"),", it is inserted in the middle.")),(0,r.mdx)("h2",{id:"example"},"Example"),(0,r.mdx)(x,{mdxType:"GanttChart"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Data")),(0,r.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,r.mdx)(f,{mdxType:"GraphConfig"}),(0,r.mdx)("h3",{id:"data-object"},"Data object"),(0,r.mdx)("h4",{id:"task-dataset-1"},"Task Dataset 1"),(0,r.mdx)(y.Z,{mdxType:"DataObject1"}),(0,r.mdx)("h4",{id:"task-dataset-2"},"Task Dataset 2"),(0,r.mdx)(C.Z,{mdxType:"DataObject2"}),(0,r.mdx)("h4",{id:"task-dataset-3"},"Task Dataset 3"),(0,r.mdx)(k.Z,{mdxType:"DataObject3"}),(0,r.mdx)("h4",{id:"task-dataset-4"},"Task Dataset 4"),(0,r.mdx)(D.Z,{mdxType:"DataObject4"}),(0,r.mdx)("h3",{id:"load-track"},"Load Track"),(0,r.mdx)(v.Z,{mdxType:"LoadTracks"})))}P.isMDXComponent=!0},65092:function(e,t,n){n.d(t,{Z:function(){return o}});n(67294);var a=n(81254),r=["components"];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 l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m={},i="wrapper";function o(e){var t=e.components,n=d(e,r);return(0,a.mdx)(i,l({},m,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset1 = [\n {\n key: 'task1',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Apex',\n },\n startDate: new Date(2018, 2, 1).toISOString(),\n endDate: new Date(2018, 3, 10).toISOString(),\n },\n {\n key: 'task2',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Broccoli',\n },\n startDate: new Date(2018, 8, 1).toISOString(),\n endDate: new Date(2018, 9, 10).toISOString(),\n },\n];\n\nexport default taskDataset1;\n\n")))}o.isMDXComponent=!0},47530:function(e,t,n){n.d(t,{Z:function(){return o}});n(67294);var a=n(81254),r=["components"];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 l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m={},i="wrapper";function o(e){var t=e.components,n=d(e,r);return(0,a.mdx)(i,l({},m,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset2 = [\n {\n key: 'task3',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Apex',\n },\n startDate: new Date(2018, 3, 1).toISOString(),\n endDate: new Date(2018, 7, 10).toISOString(),\n },\n];\n\nexport default taskDataset2;\n\n")))}o.isMDXComponent=!0},29890:function(e,t,n){n.d(t,{Z:function(){return o}});n(67294);var a=n(81254),r=["components"];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 l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m={},i="wrapper";function o(e){var t=e.components,n=d(e,r);return(0,a.mdx)(i,l({},m,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset3 = [\n {\n key: 'task4',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Charming',\n },\n startDate: new Date(2018, 6, 1).toISOString(),\n endDate: new Date(2018, 7, 10).toISOString(),\n },\n {\n key: 'task5',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Broccoli',\n },\n startDate: new Date(2018, 10, 1).toISOString(),\n endDate: new Date(2018, 10, 1).toISOString(),\n },\n];\n\nexport default taskDataset3;\n\n")))}o.isMDXComponent=!0},67517:function(e,t,n){n.d(t,{Z:function(){return o}});n(67294);var a=n(81254),r=["components"];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 l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m={},i="wrapper";function o(e){var t=e.components,n=d(e,r);return(0,a.mdx)(i,l({},m,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset4 = [\n {\n key: 'task6',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Apex',\n },\n startDate: new Date(2018, 6, 1).toISOString(),\n endDate: new Date(2018, 9, 10).toISOString(),\n },\n];\n\nexport default taskDataset4;\n\n")))}o.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/2207-24f5b94724118efde971.css b/2207-24f5b94724118efde971.css new file mode 100644 index 000000000..a2eb72b84 --- /dev/null +++ b/2207-24f5b94724118efde971.css @@ -0,0 +1,3 @@ +.NavigationLayoutContent-module__content___WUXRL{height:100%;overflow:hidden} +.HeaderExample-module__content-wrapper1___OzuTh{display:-ms-flexbox;display:flex;height:60px;position:relative;width:calc(100% - 10px)}[dir] .HeaderExample-module__content-wrapper1___OzuTh{border:4px dashed #d3d3d3;margin:5px}.HeaderExample-module__content-wrapper2___W276L{color:gray;position:absolute;top:50%}[dir=ltr] .HeaderExample-module__content-wrapper2___W276L{left:50%;transform:translate3d(-50%, -50%, 0)}[dir=rtl] .HeaderExample-module__content-wrapper2___W276L{right:50%;transform:translate3d(50%, -50%, 0)}.HeaderExample-module__content-wrapper2___W276L h2{color:gray;display:inline;position:absolute;top:50%}[dir=ltr] .HeaderExample-module__content-wrapper2___W276L h2{left:50%;transform:translate3d(-50%, -50%, 0)}[dir=rtl] .HeaderExample-module__content-wrapper2___W276L h2{right:50%;transform:translate3d(50%, -50%, 0)}[dir] .HeaderExample-module__link___Rwadj{padding:5px}.HeaderExample-module__button___jOgHF{display:inline-block;height:25px}[dir] .HeaderExample-module__button___jOgHF{border:1px dashed #d3d3d3}[dir=ltr] .HeaderExample-module__button___jOgHF{margin-left:5px}[dir=rtl] .HeaderExample-module__button___jOgHF{margin-right:5px} +.NavigationLayoutDocCommon-module__content-wrapper1___QhTGN{height:calc(100% - 10px);position:relative;width:calc(100% - 10px)}[dir] .NavigationLayoutDocCommon-module__content-wrapper1___QhTGN{border:4px dashed #d3d3d3;margin:5px}.NavigationLayoutDocCommon-module__content-wrapper2___MR93e{color:gray;position:absolute;top:50%}[dir=ltr] .NavigationLayoutDocCommon-module__content-wrapper2___MR93e{left:50%;transform:translate3d(-50%, -50%, 0)}[dir=rtl] .NavigationLayoutDocCommon-module__content-wrapper2___MR93e{right:50%;transform:translate3d(50%, -50%, 0)}.NavigationLayoutDocCommon-module__button___jiaAf{display:inline-block;height:25px}[dir] .NavigationLayoutDocCommon-module__button___jiaAf{border:1px dashed #d3d3d3}[dir=ltr] .NavigationLayoutDocCommon-module__button___jiaAf{margin-left:5px}[dir=rtl] .NavigationLayoutDocCommon-module__button___jiaAf{margin-right:5px}[dir] .NavigationLayoutDocCommon-module__content-wrapper___QtI4q h2{margin:0}.NavigationLayoutDocCommon-module__example-menu___7l9MD{height:400px;width:100%} diff --git a/22211-8997ba1051048074f16b.css b/22211-8997ba1051048074f16b.css new file mode 100644 index 000000000..dd8650e02 --- /dev/null +++ b/22211-8997ba1051048074f16b.css @@ -0,0 +1,4 @@ +.CompactInteractiveList-module__compact-interactive-list-container___\+TZeT{height:auto;overflow:auto}.CompactInteractiveList-module__compact-interactive-list-container___\+TZeT>*{box-sizing:border-box}.CompactInteractiveList-module__compact-interactive-list___phgKg{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.CompactInteractiveList-module__hidden___9C9Bi{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .CompactInteractiveList-module__hidden___9C9Bi{border:0;margin:-1px;padding:0} +.Row-module__orion-fusion-theme___\+iu-B{--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___Fdfmb{--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___yQAx\+{box-sizing:border-box;display:-ms-flexbox;display:flex;position:relative}[dir] .Row-module__row___yQAx\+:not(.Row-module__row-placeholder___wxsRN){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___yQAx\+:not(.Row-module__row-placeholder___wxsRN){border-right:1px solid #dedfe0;border-right:var(--terra-compact-interactive-list-row-border-right, 1px solid #dedfe0)}[dir=rtl] .Row-module__row___yQAx\+:not(.Row-module__row-placeholder___wxsRN){border-left:1px solid #dedfe0;border-left:var(--terra-compact-interactive-list-row-border-right, 1px solid #dedfe0)}[dir] .Row-module__row-topmost___pKNJf:not(.Row-module__row-placeholder___wxsRN){border-top:1px solid #dedfe0;border-top:var(--terra-compact-interactive-list-row-border-top, 1px solid #dedfe0)}[dir=ltr] .Row-module__row-leftmost___APDG3:not(.Row-module__row-placeholder___wxsRN){border-left:1px solid #dedfe0;border-left:var(--terra-compact-interactive-list-row-border-left, 1px solid #dedfe0)}[dir=rtl] .Row-module__row-leftmost___APDG3:not(.Row-module__row-placeholder___wxsRN){border-right:1px solid #dedfe0;border-right:var(--terra-compact-interactive-list-row-border-left, 1px solid #dedfe0)} +.Cell-module__orion-fusion-theme___NktNS{--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___KBf6s{--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___KBJ8D{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}[dir] .Cell-module__cell___KBJ8D{padding:7px;padding:var(--terra-compact-interactive-list-cell-content-padding, 7px)}.Cell-module__cell___KBJ8D: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___KBJ8D:focus{box-shadow:none;box-shadow:var(--terra-compact-interactive-list-cell-focus-box-shadow, none)}[dir] .Cell-module__selectable___uBKFA:hover{background-color:#e0f2fb;background-color:var(--terra-compact-interactive-list-hover-background-color, #e0f2fb);cursor:pointer}[dir] .Cell-module__selected___d5YnS{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:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/22211-8997ba1051048074f16b.js b/22211-8997ba1051048074f16b.js new file mode 100644 index 000000000..1320ecb92 --- /dev/null +++ b/22211-8997ba1051048074f16b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[22211],{94153:function(e,t,n){var r=n(64836),a=n(18698);t.Z=void 0;var o=r(n(27424)),i=m(n(67294)),l=m(n(88745)),c=n(34614),s=r(n(55281));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}function m(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}var d=function(){var e=(0,i.useState)(!1),t=(0,o.default)(e,2),n=t[0],r=t[1],a=function(){return r(!n)};return n?i.default.createElement(s.default,{variant:"utility",text:"Featured button",icon:i.default.createElement(c.IconFeatured,null),onClick:a}):i.default.createElement(s.default,{variant:"utility",text:"Featured off button",icon:i.default.createElement(c.IconFeaturedOff,null),onClick:a})},p=i.default.createElement(c.IconMultipleResultsNormal,{a11yLabel:"Results normal",height:"1.5em",width:"1.5em"}),f=i.default.createElement(c.IconMultipleResultsNotNormal,{a11yLabel:"Results not normal",height:"1.5em",width:"1.5em"}),h=i.default.createElement(c.IconMultipleResultsCritical,{a11yLabel:"Results critical",height:"1.5em",width:"1.5em"}),y=[{id:"row_1",cells:[{content:p},{content:"Discern Care Set (1)"},{content:i.default.createElement(d,null)}]},{id:"row_2",cells:[{content:p},{content:"Initial observation Care/Day High Severity 99220 (2)"},{content:i.default.createElement(d,null)}]},{id:"row_3",cells:[{content:f},{content:"Arterial Sheath Care (3)"},{content:i.default.createElement(d,null)}]},{id:"row_4",cells:[{content:" "},{content:"Sbsq Observation Care/Day High Severity 99226 (4)"},{content:i.default.createElement(d,null)}]},{id:"row_5",cells:[{content:h},{content:"Arterial Sheath Care (5)"},{content:i.default.createElement(d,null)}]}],b=[{id:"Column-0",displayName:"Icon",width:"5em",align:l.alignTypes.CENTER},{id:"Column-1",displayName:"Service name",width:"20em"},{id:"Column-2",displayName:"Featured",width:"5em",align:l.alignTypes.CENTER}];t.Z=function(){return i.default.createElement(l.default,{id:"interactive-compact-columns-width",ariaLabel:"Compact Interactive List",rows:y,columns:b,numberOfColumns:2,rowHeaderIndex:1})}},10380:function(e,t,n){n.r(t),n.d(t,{default:function(){return u}});n(67294);var r=n(81254),a=n(44763),o=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c={},s="wrapper";function u(e){var t=e.components,n=l(e,o);return(0,r.mdx)(s,i({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"fixed-width-columns"},"Fixed Width Columns"),(0,r.mdx)("h3",{id:"description"},"Description"),(0,r.mdx)("p",null,"This example demonstrates a ",(0,r.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Compact Interactive List")," component that renders a collection of interactive information in a list format that has a single tab stop. "),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"numberOfColumns")," property is set to ",(0,r.mdx)("strong",{parentName:"li"},"2")," to arrange the list in two visual columns."),(0,r.mdx)("li",{parentName:"ul"},"Each visual column has three semantic columns: an icon, a text description, and an interactive element column."),(0,r.mdx)("li",{parentName:"ul"},"All semantic columns have the ",(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"width")," property explicitly set, with the ",(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"flexGrow")," property omitted. The columns keep their width and do not expand or shrink."),(0,r.mdx)("li",{parentName:"ul"},"A horizontal scrollbar is displayed if the screen width is less than the width of the list."),(0,r.mdx)("li",{parentName:"ul"},"The list is one-tab stop. You can move focus between cells with the arrow keys or by clicking cells. Click ",(0,r.mdx)("strong",{parentName:"li"},"Featured")," (star) button or use the arrow keys and press the ",(0,r.mdx)("strong",{parentName:"li"},"SPACEBAR")," to change the state.")),(0,r.mdx)(a.Z,{mdxType:"FixedWidthColumns"}))}u.isMDXComponent=!0},44763:function(e,t,n){n.d(t,{Z:function(){return d}});var r=n(67294),a=n(94153),o=n(81254),i=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={};function u(e){var t=e.components,n=c(e,i);return(0,o.mdx)("wrapper",l({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.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\nexport default Example;\n\n')))}g.isMDXComponent=!0;var b=n(49271),h=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Default Date Input Field",description:n,example:a.createElement(c.Z,null),exampleSrc:a.createElement(g,null),isExpanded:r})},O=n(64807),D=["components"];function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var j={};function C(e){var t=e.components,n=T(e,D);return(0,r.mdx)("wrapper",I({},j,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\n\nimport DateInputField from \'terra-date-input/lib/DateInputField\';\n\nconst Example = () => {\n const [dateFieldValue1, setDateFieldValue1] = useState(\'\');\n const [dateFieldValue2, setDateFieldValue2] = useState(\'\');\n const [isInline, setIsInline] = useState(true);\n const [isInvalid, setIsInvalid] = useState(false);\n\n return (\n \n setDateFieldValue1(dateString)}\n isInline={isInline}\n isInvalid={isInvalid}\n error="Please select a valid appointment date"\n help="Help message"\n />\n setDateFieldValue2(dateString)}\n isInline={isInline}\n isInvalid={isInvalid}\n error="Please select a valid appointment date"\n help="Help message"\n />\n

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

\n

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

\n \n \n
\n );\n};\n\nexport default Example;\n\n')))}C.isMDXComponent=!0;var N=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Inline Date Input Field",description:n,example:a.createElement(O.Z,null),exampleSrc:a.createElement(C,null),isExpanded:r})},E=n(83671),w=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var R={};function S(e){var t=e.components,n=P(e,w);return(0,r.mdx)("wrapper",F({},R,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\n\nimport DateInputField from \'terra-date-input/lib/DateInputField\';\n\nconst Example = () => {\n const [value, setValue] = useState(\'\');\n const [isInvalid, setIsInvalid] = useState(false);\n\n return (\n \n setValue(dateString)}\n showOptional\n error="Please enter a valid patient\'s admission date"\n help="Help message"\n isInvalid={isInvalid}\n />\n

{`Admission Date: ${value}`}

\n \n
\n );\n};\n\nexport default Example;\n\n')))}S.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Optional Date Input Field",description:n,example:a.createElement(E.Z,null),exampleSrc:a.createElement(S,null),isExpanded:r})},k=n(64515),q=["components"];function W(){return W=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var V={};function A(e){var t=e.components,n=M(e,q);return(0,r.mdx)("wrapper",W({},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 DateInputField from \'terra-date-input/lib/DateInputField\';\n\nconst Example = () => {\n const [value, setValue] = useState(\'\');\n const [isInvalid, setIsInvalid] = useState(false);\n\n return (\n \n setValue(dateString)}\n required\n error="Please enter a valid due date."\n help="Help message"\n isInvalid={isInvalid}\n />\n

{`DateInputField Value: ${value}`}

\n \n
\n );\n};\n\nexport default Example;\n\n')))}A.isMDXComponent=!0;var X=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Required Date Input Field",description:n,example:a.createElement(k.Z,null),exampleSrc:a.createElement(A,null),isExpanded:r})},Z=n(94246),H=["components"];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 l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var Y={};function $(e){var t=e.components,n=B(e,H);return(0,r.mdx)("wrapper",L({},Y,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 DateInputField from \'terra-date-input/lib/DateInputField\';\n\nconst Example = () => {\n const [value, setValue] = useState(\'\');\n const [isInvalid, setIsInvalid] = useState(false);\n\n return (\n \n setValue(dateString)}\n required\n hideRequired\n error="Please enter a valid event date."\n help="Help message"\n isInvalid={isInvalid}\n />\n

{`DateInputField Value: ${value}`}

\n \n
\n );\n};\n\nexport default Example;\n\n')))}$.isMDXComponent=!0;var U=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Hide Required Date Input Field",description:n,example:a.createElement(Z.Z,null),exampleSrc:a.createElement($,null),isExpanded:r})},Q=n(3661),z=["components"];function G(){return G=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var K={};function ee(e){var t=e.components,n=J(e,z);return(0,r.mdx)("wrapper",G({},K,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\n\nimport DateInputField from \'terra-date-input/lib/DateInputField\';\n\nconst Example = () => {\n const [value, setValue] = useState(\'\');\n const [isInvalid, setIsInvalid] = useState(false);\n\n return (\n \n setValue(dateString)}\n displayFormat="day-month-year"\n error="Please select a valid event date."\n help="Help message"\n isInvalid={isInvalid}\n />\n

{`Event Date: ${value}`}

\n \n
\n );\n};\n\nexport default Example;\n\n')))}ee.isMDXComponent=!0;var te=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Day Month Year Date Input Field",description:n,example:a.createElement(Q.Z,null),exampleSrc:a.createElement(ee,null),isExpanded:r})},ne=n(37057),ae=["components"];function re(){return re=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var ie={};function de(e){var t=e.components,n=le(e,ae);return(0,r.mdx)("wrapper",re({},ie,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\n\nimport DateInputField from \'terra-date-input/lib/DateInputField\';\n\nconst Example = () => {\n const [value, setValue] = useState(\'\');\n const [isInvalid, setIsInvalid] = useState(false);\n\n return (\n \n setValue(dateString)}\n displayFormat="month-day-year"\n error="Please enter a valid event date."\n help="Help message"\n isInvalid={isInvalid}\n />\n

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

\n \n
\n );\n};\n\nexport default Example;\n\n')))}de.isMDXComponent=!0;var ue=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Month Day Year Date Input Field",description:n,example:a.createElement(ne.Z,null),exampleSrc:a.createElement(de,null),isExpanded:r})},oe=n(2147),pe=["components"];function me(){return me=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var ce={};function fe(e){var t=e.components,n=se(e,pe);return(0,r.mdx)("wrapper",me({},ce,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\n\nimport DateInputField from \'terra-date-input/lib/DateInputField\';\n\nconst Example = () => {\n const [value, setValue] = useState(\'\');\n const [isIncomplete, setIsIncomplete] = useState(false);\n\n return (\n \n setValue(dateString)}\n required\n error="Please enter a valid event date."\n help="Help message"\n isIncomplete={isIncomplete}\n />\n

{`Appointment Date: ${value}`}

\n \n
\n );\n};\n\nexport default Example;\n\n')))}fe.isMDXComponent=!0;var xe=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Incomplete Date Input Field",description:n,example:a.createElement(oe.Z,null),exampleSrc:a.createElement(fe,null),isExpanded:r})},ye=["components"];function ve(){return ve=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var be={},he="wrapper";function Oe(e){var t=e.components,n=ge(e,ye);return(0,r.mdx)(he,ve({},be,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-date-input-field"},"Terra Date Input Field"),(0,r.mdx)("p",null,"DateInputField is a component of terra-date-input that provides a container for rendering the related date inputs. DateInputField includes displays for help text, error text, required or optional indication, and invalid states."),(0,r.mdx)("p",null,"Additional functionality for quick date entry is available with specific ",(0,r.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/date-input/keyboard-shortcuts"},"keyboard shortcuts"),"."),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(h,{title:"Default DateInputField",mdxType:"DefaultDateInputField"}),(0,r.mdx)(X,{title:"Required DateInputField",mdxType:"RequiredDateInputField"}),(0,r.mdx)(U,{title:"Hide Required DateInputField",mdxType:"HideRequiredDateInputField"}),(0,r.mdx)(N,{title:"Inline DateInputField",mdxType:"InlineDateInputField"}),(0,r.mdx)(_,{title:"Optional DateInputField",mdxType:"OptionalDateInputField"}),(0,r.mdx)(ue,{title:"Month Day Year Display Format DateInputField",mdxType:"MonthDayYearDateInputField"}),(0,r.mdx)(te,{title:"Day Month Year Display Format DateInputField",mdxType:"DayMonthYearDateInputField"}),(0,r.mdx)(xe,{title:"Incomplete DateInputField",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteDateInputField"}),(0,r.mdx)("h2",{id:"date-input-field-props-table"},"Date input field props table"),(0,r.mdx)(s,{mdxType:"DateInputFieldPropsTable"}),(0,r.mdx)("h2",{id:"testing"},"Testing"),(0,r.mdx)("p",null,"Date Input Field 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")," is being used for the tests then the mock may not be required depending on the depth of the returned wrapper. 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")))}Oe.isMDXComponent=!0},37463:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"DateInputField-module__orion-fusion-theme___EX8cE","clinical-lowlight-theme":"DateInputField-module__clinical-lowlight-theme___YLWLL","date-input-field":"DateInputField-module__date-input-field___+PdjP","is-inline":"DateInputField-module__is-inline___ApQ+L","legend-group":"DateInputField-module__legend-group___9FyF1","legend-group-hidden":"DateInputField-module__legend-group-hidden___lllf3",legend:"DateInputField-module__legend___vQPT4","error-icon":"DateInputField-module__error-icon___uk69H","error-icon-hidden":"DateInputField-module__error-icon-hidden___I9gC1",required:"DateInputField-module__required___GKRXV","required-hidden":"DateInputField-module__required-hidden___8CWsa",optional:"DateInputField-module__optional___RhFvk","help-text":"DateInputField-module__help-text___QNa2k","error-text":"DateInputField-module__error-text___MQ9T4"}},6924:function(e,t,n){var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(38416)),i=a(n(10434)),d=a(n(70215)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=O(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var d=l?Object.getOwnPropertyDescriptor(e,i):null;d&&(d.get||d.set)?Object.defineProperty(a,i,d):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),o=a(n(45697)),p=n(25387),m=a(n(93967)),s=a(n(19845)),c=a(n(50026)),f=n(55877),x=a(n(51331)),y=a(n(29270)),v=a(n(24513)),g=a(n(6445)),b=a(n(37463)),h=["dayAttributes","disabled","displayFormat","error","help","hideRequired","isIncomplete","isInline","isInvalid","isLegendHidden","intl","legend","legendAttributes","monthAttributes","maxWidth","name","onBlur","onChange","onFocus","required","showOptional","value","yearAttributes"];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)}function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function I(e){for(var t=1;t=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var s={};function p(e){var n=e.components,t=c(e,l);return(0,r.mdx)("wrapper",i({},s,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Gantt/GanttChart.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGanttDefaultConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Gantt/ganttActionConfig';\nimport loadTracks from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/loadTracks';\nimport activityDataset1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/activityDataset1';\nimport taskDataset1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset1';\nimport eventDataset2 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/eventDataset2';\nimport actionDataset1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/actionDataset1';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGanttDefaultConfig('#ganttTrackSelection'));\nconst dataset = loadTracks(\n [taskDataset1],\n [activityDataset1],\n [eventDataset2],\n [actionDataset1],\n 1,\n true,\n);\n\nconst GanttTrackSelectionExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.gantt(graphConfig);\n dataset.forEach((data) => {\n graph.loadContent(data);\n });\n }, []);\n\n return (\n \n );\n};\n\nexport default GanttTrackSelectionExample;\n\n")))}p.isMDXComponent=!0;var d=t(49271),u=t(25005),f=function(e){var n=e.title,t=e.description,r=e.isExpanded;return a.createElement(d.Z,{title:n||"Track Selection",description:t,example:a.createElement(o.Z,null),exampleCssSrc:a.createElement(u.Z,null),exampleSrc:a.createElement(p,null),isExpanded:r})},m=t(24712),b=t(42026),g=t(65092),y=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var O={},D="wrapper";function S(e){var n=e.components,t=v(e,y);return(0,r.mdx)(D,h({},O,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\n\nconst dueSoon = {\n path: [\n {\n id: 'clock',\n d:\n 'M25.3 25.9l-5.2-5.2v-8.5c.1-.7-.4-1.3-1-1.4-.7-.1-1.3.4-1.4 1V21c0 .5.2.9.5 '\n + '1.2l5.3 5.3c.5.5 1.2.6 1.8.2.5-.4.6-1.1.3-1.6-.1 0-.2-.1-.3-.2zm7.2-15l1.7-1.7c.6-.6.6-1.7 '\n + '0-2.3l-1.1-1.1c-.6-.6-1.7-.6-2.3 0L29 7.6c-1.5-1.1-3.3-2-5.1-2.6-.9-.3-1.8-.5-2.7-.6V1.6c0-.9-.7-'\n + '1.6-1.6-1.6h-1.5c-.9 0-1.6.7-1.6 1.6v2.7C7.2 5.7.9 14.4 2.3 23.7 3.6 32 10.7 38.1 19 38.1c1 0 1.9-.1 2.9'\n + '-.3l-1.4-1.4c-.2-.2-.4-.5-.5-.8-.3 0-.7.1-1 .1-8.1 0-14.6-6.5-14.6-14.6S10.9 6.5 19 6.5c1.5 0 2.9.2 4.3.7 '\n + '5.9 1.8 9.9 7.1 10.2 13.2.7-.5 1.6-.6 2.4-.2-.2-3.4-1.4-6.6-3.4-9.3z',\n },\n {\n id: 'diamond',\n fill: '#E50000',\n d:\n 'M47.6 34.1s0-.1 0 0L35.7 22.2c-.2-.2-.5-.4-.8-.4s-.6.1-.8.3l-12 12c-.5.4-.5 1.2-.1 1.6 0 0 0 '\n + '.1.1.1L34 47.6c.5.4 1.1.4 1.6 0l11.9-11.9c.5-.4.5-1.2.1-1.6z',\n },\n {\n id: 'exclamation',\n fill: '#FFF',\n d: 'M34 39h2v2h-2v-2zm0-11h2v9h-2v-9z',\n },\n ],\n options: {\n x: -7,\n y: -7,\n scale: 0.35,\n },\n};\nconst alert = {\n path: [\n {\n id: 'triangle',\n fill: '#E50000',\n d:\n 'M1.2 45c-1.1 0-1.6-.8-1-1.7L23 3.7c.5-1 1.4-1 2 0l22.8 39.6c.5 1 .1 1.7-1 1.7H1.2z',\n },\n {\n id: 'exclamation',\n fill: '#FFF',\n d: 'M21.5 36.7h5V42h-5v-5.3zm0-22.7h5v17.3h-5V14z',\n },\n ],\n options: {\n x: -6.5,\n y: -7.5,\n scale: 0.35,\n },\n};\n\nconst eventDataset2 = [\n {\n key: 'uid_event_1',\n label: {\n display: 'Defect A',\n },\n shape: dueSoon,\n values: [new Date(2018, 4, 30).toISOString()],\n },\n {\n key: 'uid_event_2',\n label: {\n display: 'Defect B',\n },\n shape: alert,\n color: Carbon.helpers.COLORS.GREEN,\n values: [new Date(2018, 5, 4).toISOString()],\n },\n {\n key: 'uid_event_3',\n label: {\n display: 'Defect C',\n },\n shape: alert,\n color: Carbon.helpers.COLORS.GREEN,\n values: [new Date(2018, 9, 5).toISOString()],\n },\n];\n\nexport default eventDataset2;\n\n")))}S.isMDXComponent=!0;var x=t(48856),j=t(12437),k=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}t(51320);var E={},P="wrapper";function I(e){var n=e.components,t=C(e,k);return(0,r.mdx)(P,w({},E,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"simple-gantt"},"Simple Gantt"),(0,r.mdx)("p",null,"This is a simple Gantt chart with track selection."),(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 i @cerner/carbon-graphs --save-dev"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(f,{mdxType:"GanttChart"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Data")),(0,r.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,r.mdx)(m.Z,{mdxType:"GraphConfig"}),(0,r.mdx)("h3",{id:"data-object"},"Data object"),(0,r.mdx)("h4",{id:"activity-dataset"},"Activity Dataset"),(0,r.mdx)(b.Z,{mdxType:"ActivityDataObject"}),(0,r.mdx)("h4",{id:"task-dataset"},"Task Dataset"),(0,r.mdx)(g.Z,{mdxType:"TaskDataObject"}),(0,r.mdx)("h4",{id:"event-dataset"},"Event Dataset"),(0,r.mdx)(S,{mdxType:"EventDataObject"}),(0,r.mdx)("h4",{id:"action-dataset"},"Action Dataset"),(0,r.mdx)(x.Z,{mdxType:"ActionDataObject"}),(0,r.mdx)("h3",{id:"load-track"},"Load Track"),(0,r.mdx)(j.Z,{mdxType:"LoadTracks"})))}I.isMDXComponent=!0},48856:function(e,n,t){t.d(n,{Z:function(){return s}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var i={},c="wrapper";function s(e){var n=e.components,t=l(e,r);return(0,a.mdx)(c,o({},i,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst actionDataset1 = [\n {\n key: 'uid_action_1',\n onClick: loadPopup,\n values: [new Date(2018, 2, 1, 6, 15).toISOString()],\n },\n {\n key: 'uid_action_2',\n onClick: loadPopup,\n values: [new Date(2018, 7, 1, 6, 15).toISOString()],\n },\n];\n\nexport default actionDataset1;\n\n")))}s.isMDXComponent=!0},42026:function(e,n,t){t.d(n,{Z:function(){return s}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var i={},c="wrapper";function s(e){var n=e.components,t=l(e,r);return(0,a.mdx)(c,o({},i,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const activityDataset1 = [\n {\n key: 'activity1',\n label: {\n display: 'activity1',\n },\n onClick: () => {},\n color: '#FFDF00',\n startDate: new Date(2018, 1, 1).toISOString(),\n endDate: new Date(2018, 4, 10).toISOString(),\n style: {\n isDotted: false,\n isHollow: false,\n },\n },\n];\n\nexport default activityDataset1;\n\n")))}s.isMDXComponent=!0},65092:function(e,n,t){t.d(n,{Z:function(){return s}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var i={},c="wrapper";function s(e){var n=e.components,t=l(e,r);return(0,a.mdx)(c,o({},i,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset1 = [\n {\n key: 'task1',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Apex',\n },\n startDate: new Date(2018, 2, 1).toISOString(),\n endDate: new Date(2018, 3, 10).toISOString(),\n },\n {\n key: 'task2',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Broccoli',\n },\n startDate: new Date(2018, 8, 1).toISOString(),\n endDate: new Date(2018, 9, 10).toISOString(),\n },\n];\n\nexport default taskDataset1;\n\n")))}s.isMDXComponent=!0},24712:function(e,n,t){t.d(n,{Z:function(){return s}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var i={},c="wrapper";function s(e){var n=e.components,t=l(e,r);return(0,a.mdx)(c,o({},i,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport {\n loadDatelinePopup,\n} from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst getGanttActionDefaultConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n show: true,\n lowerLimit: new Date(2018, 1, 1, 12).toISOString(),\n upperLimit: new Date(2019, 1, 1, 12).toISOString(),\n rangeRounding: true, // If set to false, we don't extend the domain\n },\n },\n clickPassThrough: {\n task: false,\n activity: false,\n event: false,\n action: false,\n dateline: false,\n },\n actionLegend: [\n {\n key: 'uid_action_1',\n label: {\n display: 'Action A',\n },\n },\n {\n key: 'uid_action_2',\n label: {\n display: 'Action B',\n },\n shape: Carbon.helpers.SHAPES.DARK.TRIANGLE,\n color: Carbon.helpers.COLORS.GREEN,\n },\n ],\n dateline: [\n {\n showDatelineIndicator: true,\n label: {\n display: 'DST Start',\n },\n color: '#405978',\n shape: Carbon.helpers.SHAPES.DARK.DIAMOND,\n onClick: loadDatelinePopup,\n value: new Date(2018, 2, 10).toISOString(),\n },\n {\n showDatelineIndicator: true,\n label: {\n display: 'Current Date',\n },\n color: '#C97318',\n shape: Carbon.helpers.SHAPES.DARK.SQUARE,\n onClick: loadDatelinePopup,\n value: new Date(2018, 8, 5).toISOString(),\n },\n {\n showDatelineIndicator: true,\n label: {\n display: 'DST End',\n },\n color: '#405978',\n shape: Carbon.helpers.SHAPES.DARK.DIAMOND,\n onClick: loadDatelinePopup,\n value: new Date(2018, 10, 3).toISOString(),\n },\n ],\n});\n\nexport default getGanttActionDefaultConfig;\n\n\n")))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/22440-87110d3558dd2263eb7f.css b/22440-87110d3558dd2263eb7f.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/22440-87110d3558dd2263eb7f.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/22440-87110d3558dd2263eb7f.js b/22440-87110d3558dd2263eb7f.js new file mode 100644 index 000000000..62328b16c --- /dev/null +++ b/22440-87110d3558dd2263eb7f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[22440,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,n,a){var t=a(64836);n.Z=void 0;var r=t(a(67294)),i=t(a(45697)),s=t(a(19845)),l=t(a(17422)),o=s.default.bind(l.default),d={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},c=function(e){var n=e.src,a=e.name,t=e.url,i=e.version,s=r.default.createElement("a",{className:o("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(i)},r.default.createElement("span",{className:o("badge-name")},t?"package":"npm"),r.default.createElement("span",{className:o("badge-version")},"v".concat(i))),l=n?r.default.createElement("a",{className:o("badge"),href:n},r.default.createElement("span",{className:o("badge-name")},"github"),r.default.createElement("span",{className:o("badge-version")},"source")):void 0;return r.default.createElement("div",{className:o("badge-container")},s,l)};c.propTypes=d;var m=c;n.Z=m},22440:function(e,n,a){a.r(n),a.d(n,{default:function(){return c}});a(67294);var t=a(81254),r=a(46870),i=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[a]=e[a]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var o={},d="wrapper";function c(e){var n=e.components,a=l(e,i);return(0,t.mdx)(d,s({},o,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)(r.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"eslint-config-terra"},"Eslint Config Terra"),(0,t.mdx)("p",null,"This configuration reflects Terra's supported eslint policy for javascript."),(0,t.mdx)("p",null,"Features:"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"extends the ",(0,t.mdx)("a",{parentName:"li",href:"https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb"},"eslint-config-airbnb"),", which exports ESLint rules, including rules for ECMAScript 6+ and React."),(0,t.mdx)("li",{parentName:"ul"},"checks for proper ReactJS Hooks usage via the ",(0,t.mdx)("a",{parentName:"li",href:"https://reactjs.org/docs/hooks-rules.html"},"eslint-plugin-react-hooks"),"."),(0,t.mdx)("li",{parentName:"ul"},"checks syntax for targeted browsers support via the ",(0,t.mdx)("a",{parentName:"li",href:"https://github.com/amilajack/eslint-plugin-compat"},"eslint-plugin-compat"),". It is recommended to use Terra's targeted browsers which are specified by the ",(0,t.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-toolkit/tree/main/packages/browserslist-config-terra"},"browserslist-config-terra")," module."),(0,t.mdx)("li",{parentName:"ul"},"defines the browser and jest environment"),(0,t.mdx)("li",{parentName:"ul"},"defines enzyme globals for ",(0,t.mdx)("inlineCode",{parentName:"li"},"shallow"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"render")," and ",(0,t.mdx)("inlineCode",{parentName:"li"},"mount")," for jest testing")),(0,t.mdx)("h2",{id:"what-is-eslint"},"What is Eslint"),(0,t.mdx)("p",null,(0,t.mdx)("a",{parentName:"p",href:"https://eslint.org/"},"ESlint")," is a pluggable linting utility for JavaScript and JSX."),(0,t.mdx)("h2",{id:"installation"},"Installation"),(0,t.mdx)("p",null,"Install the module"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-shell"},"npm install eslint --save-dev\nnpm install @cerner/eslint-config-terra --save-dev\n")),(0,t.mdx)("h2",{id:"usage"},"Usage"),(0,t.mdx)("p",null,"Include the configuration defined by ",(0,t.mdx)("inlineCode",{parentName:"p"},"@cerner/eslint-config-terra")," via the ",(0,t.mdx)("a",{parentName:"p",href:"https://eslint.org/docs/user-guide/configuring#extending-configuration-files"},"extends")," property."),(0,t.mdx)("p",null,"To lint based on supported browsers, add browserlist config as specified in the ",(0,t.mdx)("a",{parentName:"p",href:"dev_tools/cerner/browserslist-config-terra/upgrade-guide"},"browserlist config upgrade guide"),"."),(0,t.mdx)("h3",{id:"packagejson"},"package.json"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-json"},'{\n "eslintConfig": {\n "extends": "@cerner/terra"\n },\n}\n')))}c.isMDXComponent=!0},46870:function(e,n,a){a.d(n,{C:function(){return i}});var t=a(67294),r=a(22863),i=function(e){var n=e.url;return t.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/eslint-config-terra",name:"@cerner/eslint-config-terra",version:"5.6.0",url:n})}},17422:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/22600-6a56e449bed677104778.css b/22600-6a56e449bed677104778.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/22600-6a56e449bed677104778.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/22600-6a56e449bed677104778.js b/22600-6a56e449bed677104778.js new file mode 100644 index 000000000..9f1660fc6 --- /dev/null +++ b/22600-6a56e449bed677104778.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[22600,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,t,r){var a=r(64836);t.Z=void 0;var n=a(r(67294)),i=a(r(45697)),m=a(r(19845)),d=a(r(17422)),l=m.default.bind(d.default),o={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var t=e.src,r=e.name,a=e.url,i=e.version,m=n.default.createElement("a",{className:l("badge"),href:a||"https://www.npmjs.org/package/".concat(r,"/v/").concat(i)},n.default.createElement("span",{className:l("badge-name")},a?"package":"npm"),n.default.createElement("span",{className:l("badge-version")},"v".concat(i))),d=t?n.default.createElement("a",{className:l("badge"),href:t},n.default.createElement("span",{className:l("badge-name")},"github"),n.default.createElement("span",{className:l("badge-version")},"source")):void 0;return n.default.createElement("div",{className:l("badge-container")},m,d)};u.propTypes=o;var p=u;t.Z=p},70092:function(e,t,r){r.r(t),r.d(t,{default:function(){return u}});r(67294);var a=r(81254),n=r(56354),i=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var l={},o="wrapper";function u(e){var t=e.components,r=d(e,i);return(0,a.mdx)(o,m({},l,r,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(n.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-time-input-upgrade-guide"},"Terra Time Input Upgrade Guide"),(0,a.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,a.mdx)("h3",{id:"new-props"},"New props"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"onFocus")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"refCallback"))),(0,a.mdx)("h3",{id:"changes-to-onblur-and-onfocus"},"Changes to onBlur and onFocus"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop previously could be passed down as a custom prop. This prop now becomes a first-class prop. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop used to be triggered when focus is moved from the hour input to the minute input or any other elements in the same time-input component. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop will still be triggered if the time-input component did not have focus and now just gained focus. However, if the focus is then moved from one time-input element to another time-input element, the ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback now would not be triggered because the focus is still within the time-input container. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback now behaves similar to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback where ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," would not be triggered when focus is transfered from one time-input element to another time-input element of the same time-input component. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback would be triggered only when focus is lost from the entire time-input component."),(0,a.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"renamed"},"Renamed"),(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},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"New"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-border-style"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-border-style")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-border-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-border-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-opacity"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-opacity")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-animation-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-start"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-animation-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-box-shadow-ltr"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-ltr-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-box-shadow-rtl"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-rtl-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-width-input"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-min-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-desktop-focused-input-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-desktop-focused-input-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-time-spacer-input-margin-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-time-spacer-margin-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-label-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-label-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-desktop-input-border-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-meridiem-display-left-margin"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-meridiem-display-margin-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-line-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-line-height")))),(0,a.mdx)("h4",{id:"added"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-line-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-hover-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-hover-border"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-hover-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-focus-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-focus-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-hour-margin-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-minute-margin-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-caret-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-time-mobile-spacer-margin-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-group-margin-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-desktop-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-selected-hover-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-selected-hover-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-selected-hover-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-font-size")),(0,a.mdx)("h4",{id:"removed"},"Removed"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-margin-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-margin-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-keyboard-border-style"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-keyboard-border-width")))}u.isMDXComponent=!0},56354:function(e,t,r){r.d(t,{C:function(){return i}});var a=r(67294),n=r(22863),i=function(e){var t=e.url;return a.createElement(n.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-time-input",name:"terra-time-input",version:"4.60.0",url:t})}},17422:function(e,t,r){r.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/2265-3d8fd72a6d2d32b39c07.js b/2265-3d8fd72a6d2d32b39c07.js new file mode 100644 index 000000000..214cf7844 --- /dev/null +++ b/2265-3d8fd72a6d2d32b39c07.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[2265],{2265:function(e,t,n){n.r(t),n.d(t,{default:function(){return h}});n(67294);var r=n(81254),o=["components"];function a(){return a=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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s={},c="wrapper";function l(e){var t=e.components,n=i(e,o);return(0,r.mdx)(c,a({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"contributor-covenant-code-of-conduct"},"Contributor Covenant Code of Conduct"),(0,r.mdx)("h2",{id:"our-pledge"},"Our Pledge"),(0,r.mdx)("p",null,"In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to make participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation."),(0,r.mdx)("h2",{id:"our-standards"},"Our Standards"),(0,r.mdx)("p",null,"Examples of behavior that contributes to creating a positive environment include:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Using welcoming and inclusive language"),(0,r.mdx)("li",{parentName:"ul"},"Being respectful of differing viewpoints and experiences"),(0,r.mdx)("li",{parentName:"ul"},"Gracefully accepting constructive criticism"),(0,r.mdx)("li",{parentName:"ul"},"Focusing on what is best for the community"),(0,r.mdx)("li",{parentName:"ul"},"Showing empathy towards other community members")),(0,r.mdx)("p",null,"Examples of unacceptable behavior by participants include:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The use of sexualized language or imagery and unwelcome sexual attention or advances"),(0,r.mdx)("li",{parentName:"ul"},"Trolling, insulting or derogatory comments, and personal or political attacks"),(0,r.mdx)("li",{parentName:"ul"},"Public or private harassment"),(0,r.mdx)("li",{parentName:"ul"},"Publishing others' private information, such as a physical or electronic address, without explicit permission"),(0,r.mdx)("li",{parentName:"ul"},"Other conduct which could reasonably be considered inappropriate in a professional setting")),(0,r.mdx)("h2",{id:"our-responsibilities"},"Our Responsibilities"),(0,r.mdx)("p",null,"Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior."),(0,r.mdx)("p",null,"Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct. We also have the right to temporarily or permanently ban any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful."),(0,r.mdx)("h2",{id:"scope"},"Scope"),(0,r.mdx)("p",null,"This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers."),(0,r.mdx)("h2",{id:"enforcement"},"Enforcement"),(0,r.mdx)("p",null,"Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at ",(0,r.mdx)("a",{parentName:"p",href:"mailto:DL_TERRA_CORE_TEAM@cerner.com."},"DL_TERRA_CORE_TEAM@cerner.com.")," The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately."),(0,r.mdx)("p",null,"Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership."),(0,r.mdx)("h2",{id:"attribution"},"Attribution"),(0,r.mdx)("p",null,"This Code of Conduct is adapted from the ",(0,r.mdx)("a",{parentName:"p",href:"http://contributor-covenant.org/"},"Contributor Covenant"),", version 1.4, available at ",(0,r.mdx)("a",{parentName:"p",href:"http://contributor-covenant.org/version/1/4/"},"http://contributor-covenant.org/version/1/4"),"."))}l.isMDXComponent=!0;var p=["components"];function d(){return d=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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var u={},f="wrapper";function h(e){var t=e.components,n=m(e,p);return(0,r.mdx)(f,d({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l,{mdxType:"CodeOfConduct"}))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/22854-fe41aa2a9fef68938416.js b/22854-fe41aa2a9fef68938416.js new file mode 100644 index 000000000..2c2560591 --- /dev/null +++ b/22854-fe41aa2a9fef68938416.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[22854],{48217:function(e,n,t){"use strict";var a=t(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r=a(t(54520)),o=t(22678),l=t(5485),i={key:"uid_3",label:{display:"Data Label 3"},shape:r.default.helpers.SHAPES.DARK.SQUARE,color:r.default.helpers.COLORS.ORANGE,onClick:o.loadPopup,values:(0,l.createGraphValuesWithCos)({length:20,initialX:85,xModifier:10,yModifier:Math.PI}),legendOptions:{showLine:!0,showShape:!0},regions:[{end:10}]};n.default=i},87950:function(e,n,t){"use strict";var a=t(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r=a(t(54520)),o=t(22678),l=t(5485),i={key:"uid_4",label:{display:"Data Label 4"},shape:r.default.helpers.SHAPES.DARK.SQUARE,color:r.default.helpers.COLORS.ORANGE,onClick:o.loadPopup,values:(0,l.createGraphValuesWithCos)({length:20,initialX:85,xModifier:10,yModifier:5*Math.PI}),legendOptions:{showLine:!0,showShape:!0},regions:[{start:2}]};n.default=i},5485:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.createGraphValuesWithSin=n.createGraphValuesWithCos=void 0;n.createGraphValuesWithSin=function(e){var n=e.length,t=e.initialX,a=e.xModifier,r=e.yModifier;return new Array(n).fill("").map((function(e,n){return{y:Math.sin(n)*r,x:t+n*a}}))},n.createGraphValuesWithCos=function(e){var n=e.length,t=e.initialX,a=e.xModifier,r=e.yModifier;return new Array(n).fill("").map((function(e,n){return{y:Math.cos(n)*r,x:t+n*a}}))}},87063:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;n.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,label:"Data",lowerLimit:80,upperLimit:280},y:{show:!0,label:"Line Set A",lowerLimit:-18,upperLimit:18},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0}}},22678:function(e,n,t){"use strict";var a=t(64836),r=t(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.loadY2AxisLabelPopup=n.loadXAndYAxisLabelPopup=n.loadTrackPopup=n.loadTimelinePopup=n.loadTextLabelPopup=n.loadTaskPopup=n.loadPopup=n.loadPiePopup=n.loadDatelinePopup=n.loadBubblePopup=n.loadBarPopup=void 0;var o=a(t(27424)),l=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var t=s(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}return a.default=e,t&&t.set(e,a),a}(t(79590)),i=a(t(88703)),p=a(t(53334));function s(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(s=function(e){return e?t:n})(e)}var c=function(e){return new Date(e).toLocaleString()},u=function(e){return e?d(e)?c(e):e:null},d=function(e){return e instanceof Date},f=function(e,n,t){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(n),a.append("g").classed("popup-text",!0).text(t)},m=function(e,n,t){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(n);for(var r=a.append("g").classed("section",!0),l=function(){var e=p[i],n=r.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var t=(0,o.default)(e,2),a=t[0],r=t[1],l=n.append("g").classed("popup-item",!0);l.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),l.append("g").classed("popup-text",!0).text(r)}))},i=0,p=Object.values(t);i0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Tasks",p)}if(o&&o.length>0){var s=[];o.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Activities",s)}if(l&&l.length>0){var c=[];l.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),m(a,"Events",c)}if(i&&i.length>0){var u=[];i.forEach((function(e){u.push({name:e.key,values:e.values.join(", ")})})),m(a,"Actions",u)}},n.loadTaskPopup=function(e,n,t,a){g();var r=h(e).append("g"),o=a.label,l=a.display,i=a.y,p=a.startDate,s=a.endDate,u=a.percentage;o&&f(r,"Task Name",l),f(r,"Track",i),f(r,"Start Date",c(p)),f(r,"End Date",c(s)),u&&f(r,"Percentage",u)},n.loadDatelinePopup=function(e,n){g();var t=h(e).append("g"),a=n.label,r=n.value;a&&f(t,"Milestone",a.display),f(t,"Date",c(r))},n.loadTimelinePopup=function(e,n,t,a){g();var r=h(e).append("g"),o=a.x,l=(a.y,a.label),i=a.content;f(r,"X axis","".concat(d(o)?c(o):o)),f(r,"".concat(l.display),i)},n.loadPiePopup=function(e,n,t,a){g();var r=h(e).append("g"),o=a.label,l=a.value;f(r,o.display,l)}},93065:function(e,n,t){"use strict";var a=t(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r=a(t(67294)),o=a(t(45697));t(80244);var l={id:o.default.string.isRequired},i=function(e){return r.default.createElement(r.default.Fragment,null,r.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),r.default.createElement("div",{id:e.id,className:"example-graph-container"}))};i.propTypes=l;n.default=i},27660:function(e,n,t){"use strict";var a=t(64836);n.Z=void 0;var r=a(t(67294)),o=a(t(54520)),l=a(t(53334));t(56867),t(39003);var i=a(t(93065)),p=a(t(87063)),s=a(t(48217)),c=l.default.deepClone((0,p.default)("#noLowerBound")),u=l.default.deepClone(s.default);n.Z=function(){return r.default.useEffect((function(){o.default.api.graph(c).loadContent(o.default.api.line(u))}),[]),r.default.createElement(i.default,{id:"noLowerBound"})}},40849:function(e,n,t){"use strict";var a=t(64836);n.Z=void 0;var r=a(t(67294)),o=a(t(54520)),l=a(t(53334));t(56867),t(39003);var i=a(t(93065)),p=a(t(87063)),s=a(t(87950)),c=l.default.deepClone((0,p.default)("#noUpperBound")),u=l.default.deepClone(s.default);n.Z=function(){return r.default.useEffect((function(){o.default.api.graph(c).loadContent(o.default.api.line(u))}),[]),r.default.createElement(i.default,{id:"noUpperBound"})}},22854:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return A}});var a=t(67294),r=t(81254),o=t(27660),l=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var s={};function c(e){var n=e.components,t=p(e,l);return(0,r.mdx)("wrapper",i({},s,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Line/LineGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getLineDefaultConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Line/lineDefault';\nimport exampleData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/datasetRegions3';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getLineDefaultConfig('#noLowerBound'));\nconst dataset = utils.deepClone(exampleData);\n\nconst NoLowerBoundLineExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.graph(graphConfig);\n graph.loadContent(Carbon.api.line(dataset));\n }, []);\n return (\n \n );\n};\n\nexport default NoLowerBoundLineExample;\n\n\n")))}c.isMDXComponent=!0;var u=t(49271),d=t(25005),f=function(e){var n=e.title,t=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:n||"No Lower Bound",description:t,example:a.createElement(o.Z,null),exampleCssSrc:a.createElement(d.Z,null),exampleSrc:a.createElement(c,null),isExpanded:r})},m=t(61775),h=t(85891),g=t(40849),b=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var x={};function O(e){var n=e.components,t=v(e,b);return(0,r.mdx)("wrapper",y({},x,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Line/LineGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getLineDefaultConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Line/lineDefault';\nimport exampleData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/datasetRegions4';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getLineDefaultConfig('#noUpperBound'));\nconst dataset = utils.deepClone(exampleData);\n\nconst NoUpperBoundLineExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.graph(graphConfig);\n graph.loadContent(Carbon.api.line(dataset));\n }, []);\n\n return (\n \n );\n};\n\nexport default NoUpperBoundLineExample;\n\n\n")))}O.isMDXComponent=!0;var w=function(e){var n=e.title,t=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:n||"No Upper Bound",description:t,example:a.createElement(g.Z,null),exampleCssSrc:a.createElement(d.Z,null),exampleSrc:a.createElement(O,null),isExpanded:r})},j=["components"];function L(){return L=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var E={},P="wrapper";function D(e){var n=e.components,t=C(e,j);return(0,r.mdx)(P,L({},E,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\nimport { createGraphValuesWithCos } from '../createGraphValues';\n\nconst data = {\n key: 'uid_4',\n label: {\n display: 'Data Label 4',\n },\n shape: Carbon.helpers.SHAPES.DARK.SQUARE,\n color: Carbon.helpers.COLORS.ORANGE,\n onClick: loadPopup,\n values: createGraphValuesWithCos({\n length: 20, initialX: 85, xModifier: 10, yModifier: Math.PI * 5,\n }),\n legendOptions: {\n showLine: true,\n showShape: true,\n },\n regions: [\n {\n start: 2,\n },\n ],\n};\n\nexport default data;\n\n")))}D.isMDXComponent=!0;var S=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}t(51320);var k={},G="wrapper";function A(e){var n=e.components,t=M(e,S);return(0,r.mdx)(G,N({},k,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"no-region-bound"},"No Region bound"),(0,r.mdx)("p",null,"No region bound consists of line graph examples with region having no lower bound and region with no upper bound."),(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 i @cerner/carbon-graphs --save-dev"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(f,{mdxType:"NoLowerRegionBoundLineGraph"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Data used for no lower bound")),(0,r.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,r.mdx)(m.Z,{mdxType:"NoLowerRegionBoundGraphConfig"}),(0,r.mdx)("h3",{id:"data-object"},"Data object"),(0,r.mdx)(h.Z,{mdxType:"NoLowerRegionBoundDataObject"})),(0,r.mdx)("br",null),(0,r.mdx)("br",null),(0,r.mdx)("br",null),(0,r.mdx)(w,{mdxType:"NoUpperRegionBoundLineGraph"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Data used for no upper bound")),(0,r.mdx)("h3",{id:"graph-config-object-1"},"Graph Config object"),(0,r.mdx)(m.Z,{mdxType:"NoUpperRegionBoundGraphConfig"}),(0,r.mdx)("h3",{id:"data-object-1"},"Data object"),(0,r.mdx)(D,{mdxType:"NoUpperRegionBoundDataObject"})))}A.isMDXComponent=!0},85891:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var i={},p="wrapper";function s(e){var n=e.components,t=l(e,r);return(0,a.mdx)(p,o({},i,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\nimport { createGraphValuesWithCos } from '../createGraphValues';\n\nconst data = {\n key: 'uid_3',\n label: {\n display: 'Data Label 3',\n },\n shape: Carbon.helpers.SHAPES.DARK.SQUARE,\n color: Carbon.helpers.COLORS.ORANGE,\n onClick: loadPopup,\n values: createGraphValuesWithCos({\n length: 20, initialX: 85, xModifier: 10, yModifier: Math.PI,\n }),\n legendOptions: {\n showLine: true,\n showShape: true,\n },\n regions: [\n {\n end: 10,\n },\n ],\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0},61775:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var i={},p="wrapper";function s(e){var n=e.components,t=l(e,r);return(0,a.mdx)(p,o({},i,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const getLineDefaultConfig = (id) => ({\n bindTo: id,\n bindLegendTo: null,\n axis: {\n x: {\n show: true,\n label: 'Data',\n lowerLimit: 80,\n upperLimit: 280,\n },\n y: {\n show: true,\n label: 'Line Set A',\n lowerLimit: -18,\n upperLimit: 18,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getLineDefaultConfig;\n\n\n")))}s.isMDXComponent=!0},51320:function(e,n,t){var a,r;void 0===(r="function"==typeof(a=function(){var e="details",n="summary";function t(e){if("summary"===e.target.nodeName.toLowerCase()){var n=e.target.parentNode;if(!n)return;n.getAttribute("open")?(n.open=!1,n.removeAttribute("open")):(n.open=!0,n.setAttribute("open","open"))}}function a(){var t=document.createElement(e);if(!("open"in t))return!1;t.innerHTML="<"+n+">ab",document.body.appendChild(t);var a=t.offsetHeight;t.open=!0;var r=a!=t.offsetHeight;return document.body.removeChild(t),r}function r(e,n){if(!document.getElementById(e)){var t=document.createElement("style");t.id=e,t.innerHTML=n,document.getElementsByTagName("head")[0].appendChild(t)}}a()||(document.documentElement.className+=" no-details",window.addEventListener("click",t),r("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+n+") { display: none; }\nhtml.no-details "+e+" > "+n+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+n+':before { content: "▼"; }'))})?a.call(n,t,n,e):a)||(e.exports=r)},39003:function(e,n,t){"use strict";t.r(n),n.default={}}}]); \ No newline at end of file diff --git a/22995-7b7b51043152b0520893.css b/22995-7b7b51043152b0520893.css new file mode 100644 index 000000000..7387e4b4e --- /dev/null +++ b/22995-7b7b51043152b0520893.css @@ -0,0 +1,8 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.InfiniteList-module__infinite-list___oi3yH{display:block;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:100%}.InfiniteList-module__infinite-hidden___YgQc6{display:block;height:0;overflow:hidden;position:absolute;top:100%;width:100%}[dir] .InfiniteList-module__infinite-hidden___YgQc6{border:0;margin:0;padding:0}.InfiniteList-module__full-loading___FMz-n{height:100%;overflow:hidden;position:relative;width:100%}.InfiniteList-module__loading___Dxbpd{display:block;position:relative;width:100%}.InfiniteList-module__spacer___FzOiF{display:block;position:relative;width:100%}[dir] .InfiniteList-module__spacer___FzOiF{margin:0;padding:0} +.MyInitialLoadingIndicator-module__indicator___uYEVR{display:block;height:100%;position:relative;width:100%}[dir] .MyInitialLoadingIndicator-module__indicator___uYEVR{background-color:#282828} +.InfiniteListDocExampleCommon-module__placeholder___F4qLk{height:50px}.InfiniteListDocExampleCommon-module__item-content___Q4mK8{height:50px;width:100%}.InfiniteListDocExampleCommon-module__main-content___ZKJiv{height:300px;position:relative;width:100%}[dir] .InfiniteListDocExampleCommon-module__main-content___ZKJiv{border:1px solid #000} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.MyProgressiveLoadingIndicator-module__indicator___JTGPM{display:block;height:80px;width:100%}[dir] .MyProgressiveLoadingIndicator-module__indicator___JTGPM{background-color:#282828} diff --git a/22995-7b7b51043152b0520893.js b/22995-7b7b51043152b0520893.js new file mode 100644 index 000000000..0b1217c76 --- /dev/null +++ b/22995-7b7b51043152b0520893.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[22995,45627,85565,37344,3353,33667,96890,79482,5161,45865,85355,80858,14041,3193,16835,4845,46647,85161,27444,17657,38681,16873,15318,40411,66097,90941,18101,38443,79057,11264,34319,62979,33315,20116,33609,12026,78996,39915,33442],{49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}a.default=e,n&&n.set(e,a);return a}(n(67294)),o=a(n(45697)),d=a(n(19845)),m=n(21538),p=a(n(33864)),s=a(n(23399)),c=n(51051),u=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=d.default.bind(u.default),y={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,o=e.description,d=e.isExpanded,u=(0,i.useState)(d),f=(0,l.default)(u,2),y=f[0],v=f[1],b=(0,i.useState)(!1),O=(0,l.default)(b,2),N=O[0],E=O[1],T=i.default.useContext(m.ThemeContext),_=void 0!==a,C=function(){E(!N),y&&v(!y)},w=function(){v(!y),N&&E(!N)},j=function(e,t){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),t())};return i.default.createElement("div",{className:x("template",T.className)},i.default.createElement("div",{className:x("header")},r&&i.default.createElement("h2",{className:x("title")},r)),i.default.createElement("div",{className:x("content")},o&&i.default.createElement("div",{className:x("description")},o),t),i.default.createElement("div",{className:x("footer")},n?i.default.createElement("div",{className:x("button-container")},_&&i.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":N}),onClick:C,onKeyDown:function(e){return j(e,C)},onBlur:g,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(p.default,{className:x("chevron")}),i.default.createElement("span",null,"CSS"),i.default.createElement(s.default,{className:x("chevron")})),i.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":y}),onClick:w,onKeyDown:function(e){return j(e,w)},onBlur:g,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(p.default,{className:x("chevron")}),i.default.createElement("span",null,"Code"),i.default.createElement(s.default,{className:x("chevron")}))):null,i.default.createElement("div",null,N&&i.default.createElement("div",{className:x("css")},a),y&&i.default.createElement("div",{className:x("code")},n))))};v.propTypes=y,v.defaultProps={isExpanded:!1};var b=v;t.Z=b},49738:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),l=a(n(19845)),i=n(34261),o=a(n(59137)),d=l.default.bind(o.default);t.default=function(){return r.default.createElement("div",{className:d("indicator")},r.default.createElement(i.Placeholder,{title:"I'm Loading"}))}},50635:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),l=a(n(19845)),i=n(34261),o=a(n(75445)),d=l.default.bind(o.default);t.default=function(){return r.default.createElement("div",{className:d("indicator")},r.default.createElement(i.Placeholder,{title:"I'm Loading More"}))}},91955:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(30869)),i=a(n(49738)),o=a(n(6805));t.Z=function(){return r.default.createElement(o.default,null,r.default.createElement(l.default,{dividerStyle:"standard",ariaLabel:"Initial Loading",initialLoadingIndicator:r.default.createElement(i.default,null)}))}},37712:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(67294)),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 a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(30869)),o=n(34261),d=a(n(19845)),m=a(n(50635)),p=a(n(6805)),s=a(n(43315));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)}var u=d.default.bind(s.default);t.Z=function(){return l.default.createElement(p.default,null,l.default.createElement(i.default,{dividerStyle:"standard",ariaLabel:"Progressive Loading",progressiveLoadingIndicator:l.default.createElement(m.default,null)},l.default.createElement(i.Item,{key:"item-1"},l.default.createElement(o.Placeholder,{title:"Item 1",className:u("placeholder")}))))}},74979:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(67294)),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 a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(30869)),o=n(34261),d=a(n(19845)),m=a(n(17224)),p=a(n(6805)),s=a(n(43315));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)}var u=d.default.bind(s.default),f=function(e){return e.map((function(e){return t=e,l.default.createElement(i.Item,{key:t.key},l.default.createElement(o.Placeholder,{title:t.title,className:u("placeholder")}));var t}))};t.Z=function(){return l.default.createElement(p.default,null,l.default.createElement(i.default,{dividerStyle:"standard",isFinishedLoading:!0,ariaLabel:"Virtualized"},f(m.default)))}},17224:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(){for(var e=[],t=0;t<100;t+=1)e.push({title:"Item ".concat(t),key:"unique-".concat(t)});return e}();t.default=n},50348:function(e,t,n){n.r(t),n.d(t,{default:function(){return G}});var a=n(67294),r=n(81254),l=n(76173),i=n(34261),o=n(78530),d=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s={},c="wrapper";function u(e){var t=e.components,n=p(e,d);return(0,r.mdx)(c,m({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.ZP,{mdxType:"PropsTable"},(0,r.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that labels the list for screen readers."))),(0,r.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The child list items, of type InfiniteList Item, to be placed within the infinite list.\nFor further documentation of InfiniteList Item see terra-list's ListItem."))),(0,r.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"dividerStyle"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'standard'\n 'bottom-only'\n],\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the list's child items should have a border color applied.\nOne of ",(0,r.mdx)("inlineCode",{parentName:"p"},"'none'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'standard'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'bottom-only'"),"."))),(0,r.mdx)(o.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"initialLoadingIndicator"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An indicator to be displayed when no children are yet present."))),(0,r.mdx)(o.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"isFinishedLoading"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Determines whether or not the loading indicator is visible and if callbacks are triggered."))),(0,r.mdx)(o.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"onRequestItems"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback trigger when new list items are requested."))),(0,r.mdx)(o.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"paddingStyle"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'standard'\n 'compact'\n],\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The padding styling to apply to the child list item content.\nOne of ",(0,r.mdx)("inlineCode",{parentName:"p"},"'none'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'standard'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'compact'"),"."))),(0,r.mdx)(o.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"progressiveLoadingIndicator"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An indicator to be displayed at the end of the current loaded children."))),(0,r.mdx)(o.X2,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"progressiveLoadingMessage"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A message to be provided to screen readers as new items are progressively loaded in"))),(0,r.mdx)(o.X2,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"role"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Accessibility role of the list, defaults to 'none'. If creating a list with selectable items, pass 'listbox'."))),(0,r.mdx)(o.X2,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"refCallback"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function callback for the ref of the List(ul).")))))}u.isMDXComponent=!0;var f=n(91955),x=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var h={};function v(e){var t=e.components,n=g(e,x);return(0,r.mdx)("wrapper",y({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport InfiniteList from 'terra-infinite-list';\n\nimport MyInitialLoadingIndicator from '../common/MyInitialLoadingIndicator';\nimport MyExampleContainer from '../common/MyExampleContainer';\n\nconst InitialLoadingExample = () => (\n \n }\n />\n \n);\n\nexport default InitialLoadingExample;\n\n")))}v.isMDXComponent=!0;var b=n(49271),O=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Initial Loading Example",description:n,example:a.createElement(f.Z,null),exampleSrc:a.createElement(v,null),isExpanded:r})},N=n(37712),E=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var C={};function w(e){var t=e.components,n=_(e,E);return(0,r.mdx)("wrapper",T({},C,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport InfiniteList, { Item } from 'terra-infinite-list';\nimport { Placeholder } from '@cerner/terra-docs';\nimport classNames from 'classnames/bind';\n\nimport MyProgressiveLoadingIndicator from '../common/MyProgressiveLoadingIndicator';\nimport MyExampleContainer from '../common/MyExampleContainer';\nimport styles from './InfiniteListDocExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ProgressiveLoadingExample = () => (\n \n }\n >\n \n \n \n \n \n);\n\nexport default ProgressiveLoadingExample;\n\n")))}w.isMDXComponent=!0;var j=["components"];function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var L={};function D(e){var t=e.components,n=P(e,j);return(0,r.mdx)("wrapper",I({},L,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .placeholder {\n height: 50px;\n }\n\n .item-content {\n height: 50px;\n width: 100%;\n }\n\n .main-content {\n border: 1px solid #000;\n height: 300px;\n position: relative;\n width: 100%;\n }\n}\n\n")))}D.isMDXComponent=!0;var k=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Progressive Loading Example",description:n,example:a.createElement(N.Z,null),exampleCssSrc:a.createElement(D,null),exampleSrc:a.createElement(w,null),isExpanded:r})},M=n(74979),S=["components"];function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var q={};function X(e){var t=e.components,n=W(e,S);return(0,r.mdx)("wrapper",R({},q,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport InfiniteList, { Item } from 'terra-infinite-list';\nimport { Placeholder } from '@cerner/terra-docs';\nimport classNames from 'classnames/bind';\n\nimport mockData from './mock-data/virtualizedData';\nimport MyExampleContainer from '../common/MyExampleContainer';\nimport styles from './InfiniteListDocExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst createListItem = itemData => (\n \n \n \n);\n\nconst createItems = data => data.map(item => createListItem(item));\n\nconst VirtualizedExample = () => (\n \n \n {createItems(mockData)}\n \n \n);\n\nexport default VirtualizedExample;\n\n")))}X.isMDXComponent=!0;var V=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Virtualized Example",description:n,example:a.createElement(M.Z,null),exampleCssSrc:a.createElement(D,null),exampleSrc:a.createElement(X,null),isExpanded:r})},Z=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var A={},B="wrapper";function G(e){var t=e.components,n=z(e,Z);return(0,r.mdx)(B,F({},A,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("p",null,(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-infinite-list#readme"},(0,r.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,r.mdx)("h1",{id:"terra-infinite-list"},"Terra Infinite List"),(0,r.mdx)(i.Notice,{variant:"deprecation",mdxType:"Notice"},(0,r.mdx)("p",null,"The terra-infinite-list component has been deprecated and is no longer recommended for use."),(0,r.mdx)("p",null,"From a usability perspective, infinite scrolling is a pattern designed and best used when users are casually looking for or discovering things, like shopping and social media. The infinite scrolling pattern should not be used for ",(0,r.mdx)("a",{parentName:"p",href:"https://www.nngroup.com/articles/infinite-scrolling/"},"goal-oriented tasks"),". Cerner products and our users most often fall into goal-oriented workflows. Users should have proper navigation methods (pagination) to navigate to predetermined points within the content easily."),(0,r.mdx)("p",null,"Infinite scrolling also poses significant accessibility challenges for multiple user groups:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Keyboard-only users have to navigate the entire infinite scroll to get to the content below or to the side of the endless loading content. This creates a very time-consuming and unnecessary burden for the keyboard-only user."),(0,r.mdx)("li",{parentName:"ul"},"Screen reader users would have the same problem even though they have more ways to navigate content on the page. When content is dynamically loaded and not within the DOM, screen reader users won't have access to any of that content which poses more significant challenges than just navigating."),(0,r.mdx)("li",{parentName:"ul"},"Focus can be lost when new content loads. Unless focus is managed, sighted keyboard-only users will have difficulties finding where they are on the page."),(0,r.mdx)("li",{parentName:"ul"},"For data with hierarchical relationships, infinite scrolling can make it difficult for screen readers to effectively communicate the required context if related content is split between loaded and unloaded content.")),(0,r.mdx)("p",null,"The ",(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/paginator/paginator"},"terra-paginator")," should be considered as an alternative approach to paging large amounts of data.")),(0,r.mdx)("p",null,"The infinite list component provides virtual dom management and data request callbacks to manage large data sets within a list.\nInfiniteList is a controlled HOC built upon the ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-list")," component in order to allow for list style and selection patterns."),(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-infinite-list"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#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:"list-item-selection"},"List Item Selection"),(0,r.mdx)("p",null,"Management of list selection is provided by the HOC implementing the InfiniteList. For an example of list item selection you can refer to List's documentation:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/#/components/terra-list/list/guides/single-select-list"},"Single Select List")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/#/components/terra-list/list/guides/multi-select-list"},"Multi Select List"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(O,{title:"Example Initial Loading Indicator",mdxType:"InitialLoadingExample"}),(0,r.mdx)(k,{title:"Example Progressive Loading Indicator",mdxType:"ProgressiveLoadingExample"}),(0,r.mdx)(V,{title:"Example Virtualized List",mdxType:"VirtualizedExample"}),(0,r.mdx)("h2",{id:"infinite-list-props-table"},"Infinite List Props Table"),(0,r.mdx)(u,{mdxType:"InfiniteListSrc"}))}G.isMDXComponent=!0},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},59137:function(e,t,n){n.r(t),t.default={indicator:"MyInitialLoadingIndicator-module__indicator___uYEVR"}},75445:function(e,t,n){n.r(t),t.default={indicator:"MyProgressiveLoadingIndicator-module__indicator___JTGPM"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t* .domain[stroke]{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-lower-step-grid line{stroke:#9b9b9b;stroke-width:1px}.carbon-midpoint-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10);stroke-width:1px}.carbon-upper-step-grid line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:3px}.carbon-no-data-text{fill:#1c1f21;fill:var(--terra-graphs-dark)}.carbon-legend{-ms-flex-line-pack:center;align-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;list-style-type:none}[dir] .carbon-legend{margin:0;padding:0}.carbon-legend .carbon-legend-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;outline:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-legend .carbon-legend-item{margin:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-btn{-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;font-size:inherit;height:1.875rem;width:2.1875rem}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{background-color:#dedfe0;background-color:var(--terra-graphs-grey15);border:0;border-radius:.25rem;padding:0}[dir=ltr] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-right:.5rem}[dir=rtl] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-left:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-text{word-wrap:break-word}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]{cursor:pointer}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]:hover{background-color:#ebf6fd;background-color:var(--terra-graphs-blue10)}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-btn, [dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-text{cursor:pointer}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn,.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{outline:none}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn{opacity:.35}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{color:#bcbfc0;color:var(--terra-graphs-grey30)}.carbon-legend .carbon-legend-item .carbon-legend-item-icon{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-icon-with-line{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-span{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:center;justify-content:center}.carbon-legend .carbon-legend-item .carbon-legend-item-line{height:5px;width:28px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{height:5px;width:18px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-white-line{stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:6px}[dir] .carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-btn{background-color:#fff;background-color:var(--terra-graphs-white);border-color:#dedfe0;border-color:var(--terra-graphs-grey15);border-style:solid;border-width:1px}.carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-text{color:#6f7477;color:var(--terra-graphs-grey65)}.carbon-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing);opacity:.2}[dir] .carbon-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-point[aria-disabled=false]{cursor:pointer}.carbon-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point{display:block;fill:#ebf6fd;fill:var(--terra-graphs-blue10);fill-opacity:.25;stroke:#a6d9f4;stroke:var(--terra-graphs-blue30)}.carbon-selected-data-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-selected-data-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point path{stroke-width:1px}.carbon-criticality-outer[aria-hidden=true],.carbon-criticality-inner[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-criticality-outer[aria-hidden=true], [dir] .carbon-criticality-inner[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-criticality-outer{fill:#c00;fill:var(--terra-graphs-red85);stroke:#c00;stroke:var(--terra-graphs-red85);stroke-width:24px}.carbon-criticality-inner{fill:#fff;fill:var(--terra-graphs-white);stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:8px}.carbon-region{fill:#f4f4f4;fill:var(--terra-graphs-grey5)}.carbon-region[aria-hidden=true],.carbon-region.carbon-region-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-region[aria-hidden=true], [dir] .carbon-region.carbon-region-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-region.carbon-value-region{stroke:#f4f4f4;stroke:var(--terra-graphs-grey5);stroke-width:.625rem}.carbon-region.carbon-region-highlight{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:1;visibility:visible}[dir] .carbon-region.carbon-region-highlight{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-content-container{fill:none;stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-data-completion-bar,.carbon-data-bar{shape-rendering:auto;stroke-width:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-data-completion-bar[aria-disabled=false], [dir] .carbon-data-bar[aria-disabled=false]{cursor:pointer}.carbon-data-completion-bar[aria-hidden=true],.carbon-data-bar[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-data-completion-bar[aria-hidden=true], [dir] .carbon-data-bar[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-axis-info-row-item[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-axis-info-row-item[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-axis-info-row-item[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline{shape-rendering:auto;opacity:.3;stroke-width:3px}[dir] .carbon-dateline-group .carbon-dateline-point[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-eventline-group .carbon-eventline{shape-rendering:auto;opacity:1;stroke-width:2px}.carbon-no-data-label{fill:#6f7477;fill:var(--terra-graphs-grey65);font-size:1.25rem;text-anchor:middle}.carbon-no-data-overlay{fill:#fff;fill:var(--terra-graphs-white);opacity:.6}.carbon-label-popup-tooltip{-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:absolute;z-index:20}[dir] .carbon-label-popup-tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.carbon-label-popup-tooltip.popup-item{display:block}.carbon-label-popup-tooltip.section{display:block}[dir=ltr] .carbon-label-popup-tooltip.section{padding-left:1rem}[dir=rtl] .carbon-label-popup-tooltip.section{padding-right:1rem}.carbon-label-popup-tooltip.content{display:block}[dir] .carbon-label-popup-tooltip.content:last-child{padding-bottom:0}[dir] .carbon-label-popup-tooltip.content:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-tooltip g{display:inline-block}.carbon-label-popup-tooltip g.popup-label{color:#01579b}.carbon-label-popup-tooltip g.popup-label::after{content:": "}.carbon-label-popup-tooltip g.popup-text{color:#000}[dir] .carbon-label-popup-tooltip g:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .carbon-label-popup-overlay{cursor:pointer}[dir=ltr] .carbon-label-popup-overlay{left:0}[dir=rtl] .carbon-label-popup-overlay{right:0} +:root{--default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1);--default-transition-duration: 1s}.carbon-data-selected-bar{fill:#ebf6fd;fill:var(--terra-graphs-blue10);fill-opacity:.25;stroke:#a6d9f4;stroke:var(--terra-graphs-blue30);stroke-width:1px;shape-rendering:auto;display:block}.carbon-data-selected-bar[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-data-selected-bar[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)} +[dir] .example-graph-container, [dir] .legend-bindto-container{padding:2.17rem 0}.carbon-graph-container,.carbon-timeline-container,.legend-bindto-container{font-size:.75rem}.bindto-container{display:-ms-flexbox;display:flex;width:100%}.bindto-container .legend-bindto-container{width:20%}.bindto-container .legend-bindto-graph-container{width:80%}.tooltip{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:fixed;z-index:20}[dir] .tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.tooltip .popup-item{display:block}.tooltip .section{display:block}[dir=ltr] .tooltip .section{padding-left:1rem}[dir=rtl] .tooltip .section{padding-right:1rem}.tooltip .content{display:block}[dir] .tooltip .content:last-child{padding-bottom:0}[dir] .tooltip .content:not(:last-child){padding-bottom:.5rem}.tooltip g{display:inline-block}.tooltip g .popup-label{color:#01579b}.tooltip g .popup-label::after{content:": "}.tooltip g .popup-text{color:#000}[dir] .tooltip g:not(:last-child){padding-bottom:.5rem}.overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .overlay{cursor:pointer}[dir=ltr] .overlay{left:0}[dir=rtl] .overlay{right:0}.shape-container{width:100%}.panning-container{display:-ms-flexbox;display:flex}[dir] .panning-container{padding:1rem}.panning-container .nav-left,.panning-container .nav-right{display:-ms-flexbox;display:flex;font-size:inherit}[dir] .panning-container .nav-left, [dir] .panning-container .nav-right{background-color:#176ba0;border:.1rem solid #dedfe0;border-radius:.25rem;cursor:pointer;padding:.5rem}[dir=ltr] .panning-container .nav-left, [dir=ltr] .panning-container .nav-right{margin-right:.5rem}[dir=rtl] .panning-container .nav-left, [dir=rtl] .panning-container .nav-right{margin-left:.5rem}.custom-container-style{height:auto !important}[dir] .custom-container-style{border:1px dashed;padding:5rem 5rem 0}[dir] .custom-container-style .carbon-graph-container, [dir] .custom-container-style .legend-bindto-container{padding:0}[dir] .custom-container-legend-style .carbon-graph-container, [dir] .custom-container-legend-style .legend-bindto-container{padding:0}[dir] .background-color-class{background-color:#176ba0}.initial-tooltip{display:none}[dir] .button-pan-right{margin-top:15px}[dir] .button-pan-left{margin-top:15px}[dir=ltr] .button-pan-left{margin-left:18px;margin-right:10px}[dir=rtl] .button-pan-left{margin-right:18px;margin-left:10px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/2315-d4b38b44316abfaeacfc.js b/2315-d4b38b44316abfaeacfc.js new file mode 100644 index 000000000..1115d292a --- /dev/null +++ b/2315-d4b38b44316abfaeacfc.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[2315,26196],{74772:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(54520)),o=n(22678),i={key:"dynamic_dataset_1",label:{display:"Data Label 1"},color:r.default.helpers.COLORS.BLUE,onClick:o.loadBarPopup,values:[{x:new Date(2016,0,1,3).toISOString(),y:15},{x:new Date(2016,0,1,6).toISOString(),y:19},{x:new Date(2016,0,1,9).toISOString(),y:10},{x:new Date(2016,0,1,12).toISOString(),y:13},{x:new Date(2016,0,1,15).toISOString(),y:15}]};t.default=i},66092:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(54520));t.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,type:r.default.helpers.AXIS_TYPE.TIME_SERIES,label:"Data",lowerLimit:new Date(2016,0,1,0).toISOString(),upperLimit:new Date(2016,0,2,0).toISOString(),ticks:{values:[new Date(2016,0,1,3).toISOString(),new Date(2016,0,1,6).toISOString(),new Date(2016,0,1,9).toISOString(),new Date(2016,0,1,12).toISOString(),new Date(2016,0,1,15).toISOString()],format:"%H"}},y:{show:!0,label:"Bar Set A",lowerLimit:0,upperLimit:20},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:20}},pan:{enabled:!0},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!1,showHGrid:!0,eventline:[{color:r.default.helpers.COLORS.GREY,style:{strokeDashArray:"4,4"},value:new Date(2016,0,1,4,30).toISOString()}]}}},22678:function(e,t,n){"use strict";var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.loadY2AxisLabelPopup=t.loadXAndYAxisLabelPopup=t.loadTrackPopup=t.loadTimelinePopup=t.loadTextLabelPopup=t.loadTaskPopup=t.loadPopup=t.loadPiePopup=t.loadDatelinePopup=t.loadBubblePopup=t.loadBarPopup=void 0;var o=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(79590)),l=a(n(88703)),p=a(n(53334));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)}var c=function(e){return new Date(e).toLocaleString()},u=function(e){return e?d(e)?c(e):e:null},d=function(e){return e instanceof Date},f=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t),a.append("g").classed("popup-text",!0).text(n)},m=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t);for(var r=a.append("g").classed("section",!0),i=function(){var e=p[l],t=r.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var n=(0,o.default)(e,2),a=n[0],r=n[1],i=t.append("g").classed("popup-item",!0);i.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),i.append("g").classed("popup-text",!0).text(r)}))},l=0,p=Object.values(n);l0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Tasks",p)}if(o&&o.length>0){var s=[];o.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Activities",s)}if(i&&i.length>0){var c=[];i.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),m(a,"Events",c)}if(l&&l.length>0){var u=[];l.forEach((function(e){u.push({name:e.key,values:e.values.join(", ")})})),m(a,"Actions",u)}},t.loadTaskPopup=function(e,t,n,a){y();var r=g(e).append("g"),o=a.label,i=a.display,l=a.y,p=a.startDate,s=a.endDate,u=a.percentage;o&&f(r,"Task Name",i),f(r,"Track",l),f(r,"Start Date",c(p)),f(r,"End Date",c(s)),u&&f(r,"Percentage",u)},t.loadDatelinePopup=function(e,t){y();var n=g(e).append("g"),a=t.label,r=t.value;a&&f(n,"Milestone",a.display),f(n,"Date",c(r))},t.loadTimelinePopup=function(e,t,n,a){y();var r=g(e).append("g"),o=a.x,i=(a.y,a.label),l=a.content;f(r,"X axis","".concat(d(o)?c(o):o)),f(r,"".concat(i.display),l)},t.loadPiePopup=function(e,t,n,a){y();var r=g(e).append("g"),o=a.label,i=a.value;f(r,o.display,i)}},93065:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),o=a(n(45697));n(80244);var i={id:o.default.string.isRequired},l=function(e){return r.default.createElement(r.default.Fragment,null,r.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),r.default.createElement("div",{id:e.id,className:"example-graph-container"}))};l.propTypes=i;t.default=l},87908:function(e,t,n){"use strict";var a=n(64836);t.Z=void 0;var r=a(n(27424)),o=a(n(67294)),i=a(n(55281)),l=a(n(54520)),p=a(n(53334));n(56867),n(83054);var s,c=a(n(93065)),u=a(n(66092)),d=a(n(74772)),f=p.default.deepClone((0,u.default)("#barPanningDynamicEventline")),m={initial:0,factor:3},g=p.default.deepClone(d.default);t.Z=function(){o.default.useEffect((function(){(s=l.default.api.graph(f)).loadContent(l.default.api.bar(g))}),[]);var e=o.default.useReducer((function(e,t){var n;switch(t.type){case"panLeft":n=e.initial-e.factor;break;case"panRight":n=e.initial+e.factor;break;default:return e}return{initial:n,factor:e.factor}}),m),t=(0,r.default)(e,2),n=t[0],a=t[1];return o.default.useLayoutEffect((function(){if(s){s.config.axis.x.lowerLimit=new Date(2016,0,1,n.initial).toISOString(),s.config.axis.x.upperLimit=new Date(2016,0,2,n.initial).toISOString();var e={eventline:[{color:l.default.helpers.COLORS.BLACK,style:{strokeDashArray:"2,2"},value:new Date(2016,0,1,7,30).toISOString()}]};s.reflowMultipleDatasets(e)}}),[n.initial]),o.default.createElement(o.default.Fragment,null,o.default.createElement(i.default,{className:"button-pan-left",text:"<",onClick:function(){return a({type:"panLeft"})}}),o.default.createElement(i.default,{className:"button-pan-right",text:">",onClick:function(){return a({type:"panRight"})}}),o.default.createElement(c.default,{id:"barPanningDynamicEventline"}))}},64029:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return L}});var a=n(67294),r=n(81254),o=n(87908),i=["components"];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}var s={};function c(e){var t=e.components,n=p(e,i);return(0,r.mdx)("wrapper",l({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button/lib/Button';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Bar/BarGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getBarConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Bar/barPanningEventline';\nimport exampleData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Bar/datasetTimeseries1';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getBarConfig('#barPanningDynamicEventline'));\nconst initialState = {\n initial: 0,\n factor: 3,\n};\n\nconst dataset = utils.deepClone(exampleData);\nlet graph;\n\nconst BarPanningExample = () => {\n React.useEffect(() => {\n graph = Carbon.api.graph(graphConfig);\n graph.loadContent(Carbon.api.bar(dataset));\n }, []);\n\n const reducer = (panState, action) => {\n let hour;\n\n switch (action.type) {\n case 'panLeft':\n hour = panState.initial - panState.factor;\n break;\n case 'panRight':\n hour = panState.initial + panState.factor;\n break;\n default:\n return panState;\n }\n\n return {\n initial: hour,\n factor: panState.factor,\n };\n };\n\n const [panState, dispatch] = React.useReducer(reducer, initialState);\n\n React.useLayoutEffect(() => {\n if (!graph) { return; }\n\n graph.config.axis.x.lowerLimit = new Date(2016, 0, 1, panState.initial).toISOString();\n graph.config.axis.x.upperLimit = new Date(2016, 0, 2, panState.initial).toISOString();\n\n const newEventline = [\n {\n color: Carbon.helpers.COLORS.BLACK,\n style: {\n strokeDashArray: '2,2',\n },\n value: new Date(2016, 0, 1, 7, 30).toISOString(),\n },\n ];\n\n const newDataset = { eventline: newEventline };\n\n graph.reflowMultipleDatasets(newDataset);\n }, [panState.initial]);\n\n return (\n <>\n \n \n
\n

\n This is the main content area of the slide panel.\n The overall height of the SlidePanel is determined by\n the intrinsic height of the content in this container.\n

\n

\n {'Focus is moved to the toggle button in the panel container when the panel is opened via the componentDidUpdate lifecycle hook in '}\n the example code\n .\n

\n
    \n
  • Item 1
  • \n
  • Item 2
  • \n
  • Item 3
  • \n
  • Item 4
  • \n
  • Item 5
  • \n
  • Item 6
  • \n
  • Item 7
  • \n
  • Item 8
  • \n
\n
\n \n);\n\nconst panelContentForSlidePanel = (togglePanelHandler, toggleFullscreenHandler) => (\n
\n
\n

Panel Content

\n \n \n
\n
\n

This is the panel content area of the slide panel.

\n

\n {'Focus is moved to the toggle button in the main container when the panel is closed via the componentDidUpdate lifecycle hook in '}\n the example code\n .\n

\n
    \n
  • Item 1
  • \n
  • Item 2
  • \n
  • Item 3
  • \n
  • Item 4
  • \n
  • Item 5
  • \n
  • Item 6
  • \n
  • Item 7
  • \n
  • Item 8
  • \n
  • Item 9
  • \n
  • Item 10
  • \n
  • Item 11
  • \n
  • Item 12
  • \n
  • Item 13
  • \n
  • Item 14
  • \n
  • Item 15
  • \n
\n
\n
\n);\n\nclass DefaultSlidePanel extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n panelIsOpen: props.isOpen || false,\n panelIsFullscreen: props.isFullscreen || false,\n };\n\n this.handlePanelToggle = this.handlePanelToggle.bind(this);\n this.handleFullscreenToggle = this.handleFullscreenToggle.bind(this);\n }\n\n handlePanelToggle() {\n this.setState(prevState => ({\n panelIsOpen: !prevState.panelIsOpen,\n panelIsFullscreen: prevState.panelIsOpen,\n }));\n }\n\n handleFullscreenToggle() {\n const newState = this.state;\n\n newState.panelIsFullscreen = !this.state.panelIsFullscreen;\n\n this.setState(newState);\n }\n\n render() {\n return (\n
\n
\n \n
\n
\n );\n }\n}\n\nDefaultSlidePanel.propTypes = {\n panelBehavior: PropTypes.oneOf(['overlay', 'squish']),\n panelPosition: PropTypes.oneOf(['start', 'end']),\n panelSize: PropTypes.oneOf(['small', 'large']),\n isFullscreen: PropTypes.bool,\n isOpen: PropTypes.bool,\n fill: PropTypes.bool,\n};\n\nexport default DefaultSlidePanel;\n\n")))}h.isMDXComponent=!0;var P=t(49271),g=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var S={};function E(e){var n=e.components,t=O(e,g);return(0,a.mdx)("wrapper",b({},S,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .header-content {\n background-color: #d3d3d3;\n }\n\n .header-content h3 {\n display: inline-block;\n margin: 0;\n padding: 5px;\n }\n\n .content-wrapper {\n margin: 5px;\n }\n \n .custom-button {\n display: inline-block;\n }\n\n .container {\n padding: 5px;\n }\n\n .container-attributes {\n border: 1px #d3d3d3 solid; \n }\n}\n\n")))}E.isMDXComponent=!0;var _=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(P.Z,{title:n||"Default Slide Panel",description:t,example:l.createElement(c.Z,null),exampleCssSrc:l.createElement(E,null),exampleSrc:l.createElement(h,null),isExpanded:a})},C=t(89434),T=["components"];function j(){return j=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var w={};function D(e){var n=e.components,t=N(e,T);return(0,a.mdx)("wrapper",j({},w,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelOverlay = () => (\n }\n panelContent={}\n panelBehavior=\"overlay\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n />\n);\n\nexport default SlidePanelOverlay;\n\n")))}D.isMDXComponent=!0;var I=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(P.Z,{title:n||"Slide Panel Overlay Test",description:t,example:l.createElement(C.Z,null),exampleSrc:l.createElement(D,null),isExpanded:a})},k=t(26167),M=["components"];function R(){return R=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var B={};function W(e){var n=e.components,t=F(e,M);return(0,a.mdx)("wrapper",R({},B,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelSquish = () => (\n }\n panelContent={}\n panelBehavior=\"squish\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n />\n);\n\nexport default SlidePanelSquish;\n\n")))}W.isMDXComponent=!0;var Z=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(P.Z,{title:n||"Slide Panel Squish Test",description:t,example:l.createElement(k.Z,null),exampleSrc:l.createElement(W,null),isExpanded:a})},q=t(66152),z=["components"];function X(){return X=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var A={};function V(e){var n=e.components,t=L(e,z);return(0,a.mdx)("wrapper",X({},A,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelStart = () => (\n }\n panelContent={}\n panelBehavior=\"overlay\"\n panelPosition={SlidePanelPositions.START}\n panelSize=\"small\"\n isOpen\n />\n);\n\nexport default SlidePanelStart;\n\n")))}V.isMDXComponent=!0;var U=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(P.Z,{title:n||"Slide Panel Start Test",description:t,example:l.createElement(q.Z,null),exampleSrc:l.createElement(V,null),isExpanded:a})},H=t(93923),G=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var J={};function Q(e){var n=e.components,t=K(e,G);return(0,a.mdx)("wrapper",Y({},J,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelEnd = () => (\n }\n panelContent={}\n panelBehavior=\"overlay\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n />\n);\n\nexport default SlidePanelEnd;\n\n")))}Q.isMDXComponent=!0;var $=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(P.Z,{title:n||"Slide Panel End Test",description:t,example:l.createElement(H.Z,null),exampleSrc:l.createElement(Q,null),isExpanded:a})},ee=t(24627),ne=["components"];function te(){return te=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var ae={};function re(e){var n=e.components,t=le(e,ne);return(0,a.mdx)("wrapper",te({},ae,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelSmall = () => (\n }\n panelContent={}\n panelBehavior=\"overlay\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n />\n);\n\nexport default SlidePanelSmall;\n\n")))}re.isMDXComponent=!0;var ie=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(P.Z,{title:n||"Slide Panel Small Test",description:t,example:l.createElement(ee.Z,null),exampleSrc:l.createElement(re,null),isExpanded:a})},oe=t(91299),de=["components"];function ue(){return ue=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var pe={};function me(e){var n=e.components,t=se(e,de);return(0,a.mdx)("wrapper",ue({},pe,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelLarge = () => (\n }\n panelContent={}\n panelBehavior=\"overlay\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"large\"\n isOpen\n />\n);\n\nexport default SlidePanelLarge;\n\n")))}me.isMDXComponent=!0;var ce=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(P.Z,{title:n||"Slide Panel Large Test",description:t,example:l.createElement(oe.Z,null),exampleSrc:l.createElement(me,null),isExpanded:a})},fe=t(54190),xe=["components"];function ye(){return ye=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var he={};function Pe(e){var n=e.components,t=ve(e,xe);return(0,a.mdx)("wrapper",ye({},he,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelFullscreen = () => (\n }\n panelContent={}\n panelBehavior=\"overlay\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n isFullscreen\n />\n);\n\nexport default SlidePanelFullscreen;\n\n")))}Pe.isMDXComponent=!0;var ge=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(P.Z,{title:n||"Slide Panel Fullscreen Test",description:t,example:l.createElement(fe.Z,null),exampleSrc:l.createElement(Pe,null),isExpanded:a})},be=t(54290),Oe=["components"];function Se(){return Se=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var _e={};function Ce(e){var n=e.components,t=Ee(e,Oe);return(0,a.mdx)("wrapper",Se({},_e,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\nimport styles from './SlidePanelDocCommon.test.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst SlidePanelFill = () => (\n
\n }\n panelContent={}\n panelBehavior=\"squish\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n fill\n />\n
\n);\n\nexport default SlidePanelFill;\n\n")))}Ce.isMDXComponent=!0;var Te=["components"];function je(){return je=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var we={};function De(e){var n=e.components,t=Ne(e,Te);return(0,a.mdx)("wrapper",je({},we,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n height: 200px;\n overflow: auto;\n }\n\n .content-wrapper-large {\n height: 100vh;\n }\n\n .main-content {\n background-color: #f04769;\n height: 100%;\n width: 100%;\n }\n\n .panel-content {\n background-color: #00f;\n height: 100%;\n width: 100%;\n }\n\n .content-wrapper-toggle {\n border: 1px #d3d3d3 solid;\n height: 768px;\n position: relative;\n width: 100%;\n }\n\n .button {\n background-color: #008a00;\n }\n\n .circle-svg {\n overflow: visible;\n\n :hover {\n cursor: pointer;\n }\n }\n\n .p-clickable:hover {\n cursor: pointer;\n }\n}\n\n")))}De.isMDXComponent=!0;var Ie=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(P.Z,{title:n||"Slide Panel Fill Test",description:t,example:l.createElement(be.Z,null),exampleCssSrc:l.createElement(De,null),exampleSrc:l.createElement(Ce,null),isExpanded:a})},ke=t(93757),Me=["components"];function Re(){return Re=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var Be={};function We(e){var n=e.components,t=Fe(e,Me);return(0,a.mdx)("wrapper",Re({},Be,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\nimport styles from './SlidePanelDocCommon.test.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst SlidePanelNoFill = () => (\n
\n }\n panelContent={}\n panelBehavior=\"squish\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n />\n
\n);\n\nexport default SlidePanelNoFill;\n\n")))}We.isMDXComponent=!0;var Ze=function(e){var n=e.title,t=e.description,a=e.isExpanded;return l.createElement(P.Z,{title:n||"Slide Panel No Fill Test",description:t,example:l.createElement(ke.Z,null),exampleCssSrc:l.createElement(De,null),exampleSrc:l.createElement(We,null),isExpanded:a})},qe=["components"];function ze(){return ze=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var Le={},Ae="wrapper";function Ve(e){var n=e.components,t=Xe(e,qe);return(0,a.mdx)(Ae,ze({},Le,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-slide-panel"},"Terra Slide Panel"),(0,a.mdx)("p",null,"The Terra SlidePanel component is a progressive disclosure mechanism that allows additional content to be shown and hidden in a variety of ways."),(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-slide-panel"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SlidePanel from 'terra-slide-panel';\n")),(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#responsive-support"},"Responsive 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)("h2",{id:"examples"},"Examples"),(0,a.mdx)(_,{title:"SlidePanel - Controlled Demo",mdxType:"DefaultSlidePanel"}),(0,a.mdx)(I,{title:"SlidePanel - Behavior - Overlay",mdxType:"SlidePanelOverlay"}),(0,a.mdx)(Z,{title:"SlidePanel - Behavior - Squish",mdxType:"SlidePanelSquish"}),(0,a.mdx)(U,{title:"SlidePanel - Position - Start",mdxType:"SlidePanelStart"}),(0,a.mdx)($,{title:"SlidePanel - Position - End",mdxType:"SlidePanelEnd"}),(0,a.mdx)(ie,{title:"SlidePanel - Size - Small",mdxType:"SlidePanelSmall"}),(0,a.mdx)(ce,{title:"SlidePanel - Size - Large",mdxType:"SlidePanelLarge"}),(0,a.mdx)(ge,{title:"SlidePanel - Fullscreen",mdxType:"SlidePanelFullscreen"}),(0,a.mdx)(Ie,{title:"SlidePanel - Fill",mdxType:"SlidePanelFill"}),(0,a.mdx)(Ze,{title:"SlidePanel - Fill Off",mdxType:"SlidePanelNoFill"}),(0,a.mdx)("h2",{id:"slide-panel-props-table"},"Slide Panel Props Table"),(0,a.mdx)(m,{mdxType:"SlidePanelPropsTable"}),(0,a.mdx)("h2",{id:"testing"},"Testing"),(0,a.mdx)("p",null,"Terra Slide Panel uses ",(0,a.mdx)("inlineCode",{parentName:"p"},"uuid")," to dynamically generate the component's description id. To mock the return value with the Jest testing library, ",(0,a.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,a.mdx)("p",null,"If Enzyme ",(0,a.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering is being used for the tests then the mock may not be required. But if the tests use ",(0,a.mdx)("inlineCode",{parentName:"p"},"mount"),", then the teams must use the mock as given below."),(0,a.mdx)("pre",null,(0,a.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")))}Ve.isMDXComponent=!0},95660:function(e,n,t){t.d(n,{C:function(){return r}});var l=t(67294),a=t(22863),r=function(e){var n=e.url;return l.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel",name:"terra-slide-panel",version:"3.47.0",url:n})}},17422: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"}},53560:function(e,n,t){t.r(n),n.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},66217:function(e,n,t){t.r(n),n.default={"header-content":"DefaultSlidePanel-module__header-content___0vM5V","content-wrapper":"DefaultSlidePanel-module__content-wrapper___7Fg-J","custom-button":"DefaultSlidePanel-module__custom-button___1ErSk",container:"DefaultSlidePanel-module__container___9HAF2","container-attributes":"DefaultSlidePanel-module__container-attributes___FyBm3"}},34124:function(e,n,t){t.r(n),n.default={"content-wrapper":"SlidePanelDocCommon-test-module__content-wrapper___rYn48","content-wrapper-large":"SlidePanelDocCommon-test-module__content-wrapper-large___zgGAm","main-content":"SlidePanelDocCommon-test-module__main-content___U4Etd","panel-content":"SlidePanelDocCommon-test-module__panel-content___vPtqT","content-wrapper-toggle":"SlidePanelDocCommon-test-module__content-wrapper-toggle___Y4Txy",button:"SlidePanelDocCommon-test-module__button___yPzUZ","circle-svg":"SlidePanelDocCommon-test-module__circle-svg___XtfTS","p-clickable":"SlidePanelDocCommon-test-module__p-clickable___Mz9hu"}},34597:function(e,n,t){t.r(n),n.default={"clinical-lowlight-theme":"SlidePanel-module__clinical-lowlight-theme___z5Dzy","orion-fusion-theme":"SlidePanel-module__orion-fusion-theme___hejSR","slide-panel":"SlidePanel-module__slide-panel___tbu3J",main:"SlidePanel-module__main___CjYDC",panel:"SlidePanel-module__panel___G1bnA","is-open":"SlidePanel-module__is-open___pYOkq","is-fullscreen":"SlidePanel-module__is-fullscreen___vCbZa",fill:"SlidePanel-module__fill___9PGCQ"}},33864:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=r(t(67294)),a=r(t(99139));function r(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n* .domain[stroke]{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-lower-step-grid line{stroke:#9b9b9b;stroke-width:1px}.carbon-midpoint-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10);stroke-width:1px}.carbon-upper-step-grid line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:3px}.carbon-no-data-text{fill:#1c1f21;fill:var(--terra-graphs-dark)}.carbon-legend{-ms-flex-line-pack:center;align-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;list-style-type:none}[dir] .carbon-legend{margin:0;padding:0}.carbon-legend .carbon-legend-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;outline:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-legend .carbon-legend-item{margin:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-btn{-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;font-size:inherit;height:1.875rem;width:2.1875rem}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{background-color:#dedfe0;background-color:var(--terra-graphs-grey15);border:0;border-radius:.25rem;padding:0}[dir=ltr] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-right:.5rem}[dir=rtl] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-left:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-text{word-wrap:break-word}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]{cursor:pointer}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]:hover{background-color:#ebf6fd;background-color:var(--terra-graphs-blue10)}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-btn, [dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-text{cursor:pointer}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn,.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{outline:none}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn{opacity:.35}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{color:#bcbfc0;color:var(--terra-graphs-grey30)}.carbon-legend .carbon-legend-item .carbon-legend-item-icon{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-icon-with-line{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-span{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:center;justify-content:center}.carbon-legend .carbon-legend-item .carbon-legend-item-line{height:5px;width:28px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{height:5px;width:18px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-white-line{stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:6px}[dir] .carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-btn{background-color:#fff;background-color:var(--terra-graphs-white);border-color:#dedfe0;border-color:var(--terra-graphs-grey15);border-style:solid;border-width:1px}.carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-text{color:#6f7477;color:var(--terra-graphs-grey65)}.carbon-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing);opacity:.2}[dir] .carbon-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-point[aria-disabled=false]{cursor:pointer}.carbon-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point{display:block;fill:#ebf6fd;fill:var(--terra-graphs-blue10);fill-opacity:.25;stroke:#a6d9f4;stroke:var(--terra-graphs-blue30)}.carbon-selected-data-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-selected-data-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point path{stroke-width:1px}.carbon-criticality-outer[aria-hidden=true],.carbon-criticality-inner[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-criticality-outer[aria-hidden=true], [dir] .carbon-criticality-inner[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-criticality-outer{fill:#c00;fill:var(--terra-graphs-red85);stroke:#c00;stroke:var(--terra-graphs-red85);stroke-width:24px}.carbon-criticality-inner{fill:#fff;fill:var(--terra-graphs-white);stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:8px}.carbon-region{fill:#f4f4f4;fill:var(--terra-graphs-grey5)}.carbon-region[aria-hidden=true],.carbon-region.carbon-region-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-region[aria-hidden=true], [dir] .carbon-region.carbon-region-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-region.carbon-value-region{stroke:#f4f4f4;stroke:var(--terra-graphs-grey5);stroke-width:.625rem}.carbon-region.carbon-region-highlight{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:1;visibility:visible}[dir] .carbon-region.carbon-region-highlight{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-content-container{fill:none;stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-data-completion-bar,.carbon-data-bar{shape-rendering:auto;stroke-width:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-data-completion-bar[aria-disabled=false], [dir] .carbon-data-bar[aria-disabled=false]{cursor:pointer}.carbon-data-completion-bar[aria-hidden=true],.carbon-data-bar[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-data-completion-bar[aria-hidden=true], [dir] .carbon-data-bar[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-axis-info-row-item[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-axis-info-row-item[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-axis-info-row-item[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline{shape-rendering:auto;opacity:.3;stroke-width:3px}[dir] .carbon-dateline-group .carbon-dateline-point[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-eventline-group .carbon-eventline{shape-rendering:auto;opacity:1;stroke-width:2px}.carbon-no-data-label{fill:#6f7477;fill:var(--terra-graphs-grey65);font-size:1.25rem;text-anchor:middle}.carbon-no-data-overlay{fill:#fff;fill:var(--terra-graphs-white);opacity:.6}.carbon-label-popup-tooltip{-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:absolute;z-index:20}[dir] .carbon-label-popup-tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.carbon-label-popup-tooltip.popup-item{display:block}.carbon-label-popup-tooltip.section{display:block}[dir=ltr] .carbon-label-popup-tooltip.section{padding-left:1rem}[dir=rtl] .carbon-label-popup-tooltip.section{padding-right:1rem}.carbon-label-popup-tooltip.content{display:block}[dir] .carbon-label-popup-tooltip.content:last-child{padding-bottom:0}[dir] .carbon-label-popup-tooltip.content:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-tooltip g{display:inline-block}.carbon-label-popup-tooltip g.popup-label{color:#01579b}.carbon-label-popup-tooltip g.popup-label::after{content:": "}.carbon-label-popup-tooltip g.popup-text{color:#000}[dir] .carbon-label-popup-tooltip g:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .carbon-label-popup-overlay{cursor:pointer}[dir=ltr] .carbon-label-popup-overlay{left:0}[dir=rtl] .carbon-label-popup-overlay{right:0} +:root{--default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1);--default-transition-duration: 1s}:root{--terra-graphs-white: #fff;--terra-graphs-dark: #1c1f21;--terra-graphs-grey5: #f4f4f4;--terra-graphs-grey10: #e8e9ea;--terra-graphs-grey15: #dedfe0;--terra-graphs-grey25: #c8cacb;--terra-graphs-grey30: #bcbfc0;--terra-graphs-grey45: #9b9fa1;--terra-graphs-grey65: #6f7477;--terra-graphs-blue100: #004c76;--terra-graphs-blue30: #a6d9f4;--terra-graphs-blue10: #ebf6fd;--terra-graphs-red85: #c00;--terra-graphs-yellow60: #ffc20a;--terra-graphs-grey55: #868a8c}.carbon-data-pair--selected{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:1;visibility:visible}[dir] .carbon-data-pair--selected{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-paired-point[aria-disabled=false]{cursor:pointer}.carbon-paired-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-paired-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-paired-line{fill:none;stroke:#1c1f21;stroke:var(--terra-graphs-dark);stroke-width:1px}[dir] .carbon-paired-line[aria-disabled=false]{cursor:pointer}.carbon-paired-line[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-paired-line[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)} +[dir] .example-graph-container, [dir] .legend-bindto-container{padding:2.17rem 0}.carbon-graph-container,.carbon-timeline-container,.legend-bindto-container{font-size:.75rem}.bindto-container{display:-ms-flexbox;display:flex;width:100%}.bindto-container .legend-bindto-container{width:20%}.bindto-container .legend-bindto-graph-container{width:80%}.tooltip{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:fixed;z-index:20}[dir] .tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.tooltip .popup-item{display:block}.tooltip .section{display:block}[dir=ltr] .tooltip .section{padding-left:1rem}[dir=rtl] .tooltip .section{padding-right:1rem}.tooltip .content{display:block}[dir] .tooltip .content:last-child{padding-bottom:0}[dir] .tooltip .content:not(:last-child){padding-bottom:.5rem}.tooltip g{display:inline-block}.tooltip g .popup-label{color:#01579b}.tooltip g .popup-label::after{content:": "}.tooltip g .popup-text{color:#000}[dir] .tooltip g:not(:last-child){padding-bottom:.5rem}.overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .overlay{cursor:pointer}[dir=ltr] .overlay{left:0}[dir=rtl] .overlay{right:0}.shape-container{width:100%}.panning-container{display:-ms-flexbox;display:flex}[dir] .panning-container{padding:1rem}.panning-container .nav-left,.panning-container .nav-right{display:-ms-flexbox;display:flex;font-size:inherit}[dir] .panning-container .nav-left, [dir] .panning-container .nav-right{background-color:#176ba0;border:.1rem solid #dedfe0;border-radius:.25rem;cursor:pointer;padding:.5rem}[dir=ltr] .panning-container .nav-left, [dir=ltr] .panning-container .nav-right{margin-right:.5rem}[dir=rtl] .panning-container .nav-left, [dir=rtl] .panning-container .nav-right{margin-left:.5rem}.custom-container-style{height:auto !important}[dir] .custom-container-style{border:1px dashed;padding:5rem 5rem 0}[dir] .custom-container-style .carbon-graph-container, [dir] .custom-container-style .legend-bindto-container{padding:0}[dir] .custom-container-legend-style .carbon-graph-container, [dir] .custom-container-legend-style .legend-bindto-container{padding:0}[dir] .background-color-class{background-color:#176ba0}.initial-tooltip{display:none}[dir] .button-pan-right{margin-top:15px}[dir] .button-pan-left{margin-top:15px}[dir=ltr] .button-pan-left{margin-left:18px;margin-right:10px}[dir=rtl] .button-pan-left{margin-right:18px;margin-left:10px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/8258-c157d8da17c500a09417.js b/8258-c157d8da17c500a09417.js new file mode 100644 index 000000000..edd39fd0f --- /dev/null +++ b/8258-c157d8da17c500a09417.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[8258,10885,84746,73156,61297],{93372:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(54520)),o={key:"uid_1",label:{high:{display:"High"},mid:{display:"Median"},low:{display:"Low"}},onClick:n(22678).loadPopup,shape:{high:r.default.helpers.SHAPES.DARK.TEAR_ALT,mid:r.default.helpers.SHAPES.DARK.RHOMBUS,low:r.default.helpers.SHAPES.DARK.TEAR_DROP},color:{high:r.default.helpers.COLORS.BLACK,mid:r.default.helpers.COLORS.BLUE,low:r.default.helpers.COLORS.BLACK},values:[{high:{x:"2016-01-02T00:30:00.000Z",y:150},mid:{x:"2016-01-02T00:30:00.000Z",y:40},low:{x:"2016-01-02T00:30:00.000Z",y:10}},{high:{x:"2016-01-02T05:30:00.000Z",y:110},mid:{x:"2016-01-02T05:30:00.000Z",y:70},low:{x:"2016-01-02T05:30:00.000Z",y:30}}]};t.default=o},24362:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(54520));t.default=function(e){return{bindTo:e,axis:{x:{type:r.default.helpers.AXIS_TYPE.TIME_SERIES,label:"Datetime",lowerLimit:new Date(2016,0,1,0).toISOString(),upperLimit:new Date(2016,0,2,0).toISOString(),ticks:{}},y:{label:"Paired Set A",lowerLimit:0,upperLimit:200},y2:{show:!1,label:"Paired Set B",lowerLimit:100,upperLimit:350}},eventline:[{color:r.default.helpers.COLORS.GREY,style:{strokeDashArray:"4,4"},value:new Date(2016,0,1,8).toISOString()}],pan:{enabled:!0},showLabel:!0,showLegend:!0,showVGrid:!0,showHGrid:!0}}},22678:function(e,t,n){"use strict";var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.loadY2AxisLabelPopup=t.loadXAndYAxisLabelPopup=t.loadTrackPopup=t.loadTimelinePopup=t.loadTextLabelPopup=t.loadTaskPopup=t.loadPopup=t.loadPiePopup=t.loadDatelinePopup=t.loadBubblePopup=t.loadBarPopup=void 0;var o=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(79590)),l=a(n(88703)),p=a(n(53334));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)}var c=function(e){return new Date(e).toLocaleString()},u=function(e){return e?d(e)?c(e):e:null},d=function(e){return e instanceof Date},f=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t),a.append("g").classed("popup-text",!0).text(n)},m=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t);for(var r=a.append("g").classed("section",!0),i=function(){var e=p[l],t=r.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var n=(0,o.default)(e,2),a=n[0],r=n[1],i=t.append("g").classed("popup-item",!0);i.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),i.append("g").classed("popup-text",!0).text(r)}))},l=0,p=Object.values(n);l0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Tasks",p)}if(o&&o.length>0){var s=[];o.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Activities",s)}if(i&&i.length>0){var c=[];i.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),m(a,"Events",c)}if(l&&l.length>0){var u=[];l.forEach((function(e){u.push({name:e.key,values:e.values.join(", ")})})),m(a,"Actions",u)}},t.loadTaskPopup=function(e,t,n,a){h();var r=g(e).append("g"),o=a.label,i=a.display,l=a.y,p=a.startDate,s=a.endDate,u=a.percentage;o&&f(r,"Task Name",i),f(r,"Track",l),f(r,"Start Date",c(p)),f(r,"End Date",c(s)),u&&f(r,"Percentage",u)},t.loadDatelinePopup=function(e,t){h();var n=g(e).append("g"),a=t.label,r=t.value;a&&f(n,"Milestone",a.display),f(n,"Date",c(r))},t.loadTimelinePopup=function(e,t,n,a){h();var r=g(e).append("g"),o=a.x,i=(a.y,a.label),l=a.content;f(r,"X axis","".concat(d(o)?c(o):o)),f(r,"".concat(i.display),l)},t.loadPiePopup=function(e,t,n,a){h();var r=g(e).append("g"),o=a.label,i=a.value;f(r,o.display,i)}},93065:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),o=a(n(45697));n(80244);var i={id:o.default.string.isRequired},l=function(e){return r.default.createElement(r.default.Fragment,null,r.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),r.default.createElement("div",{id:e.id,className:"example-graph-container"}))};l.propTypes=i;t.default=l},50365:function(e,t,n){"use strict";var a=n(64836);t.Z=void 0;var r=a(n(27424)),o=a(n(67294)),i=a(n(55281)),l=a(n(54520)),p=a(n(53334));n(56867),n(379);var s,c=a(n(93065)),u=a(n(24362)),d=a(n(93372)),f=p.default.deepClone((0,u.default)("#PairedResultDynamicEventline")),m=[p.default.deepClone(d.default)],g={initial:0,factor:3};t.Z=function(){o.default.useEffect((function(){s=l.default.api.graph(f),m.forEach((function(e){s.loadContent(l.default.api.pairedResult(e))}))}),[]);var e=o.default.useReducer((function(e,t){var n;switch(t.type){case"panLeft":n=e.initial-e.factor;break;case"panRight":n=e.initial+e.factor;break;default:return e}return{initial:n,factor:e.factor}}),g),t=(0,r.default)(e,2),n=t[0],a=t[1];return o.default.useLayoutEffect((function(){if(s){s.config.axis.x.lowerLimit=new Date(2016,0,1,n.initial).toISOString(),s.config.axis.x.upperLimit=new Date(2016,0,2,n.initial).toISOString();var e=[{color:l.default.helpers.COLORS.BLACK,style:{strokeDashArray:"2,2"},value:new Date(2016,0,1,12).toISOString()}],t={panData:[p.default.deepClone(d.default)],eventline:e};s.reflowMultipleDatasets(t)}}),[n.initial]),o.default.createElement(o.default.Fragment,null,o.default.createElement(i.default,{className:"button-pan-left",text:"<",onClick:function(){return a({type:"panLeft"})}}),o.default.createElement(i.default,{className:"button-pan-right",text:">",onClick:function(){return a({type:"panRight"})}}),o.default.createElement(c.default,{id:"PairedResultDynamicEventline"}))}},73529:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return D}});var a=n(67294),r=n(81254),o=n(50365),i=["components"];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}var s={};function c(e){var t=e.components,n=p(e,i);return(0,r.mdx)("wrapper",l({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button/lib/Button';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/PairedResult/PairedResultGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getPairedResultTimeseriesPanningConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/PairedResult/pairedResultPanningWithEventline';\nimport exampleData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/PairedResult/pairedResultSimplePanningData';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\nconst graphConfig = utils.deepClone(getPairedResultTimeseriesPanningConfig('#PairedResultDynamicEventline'));\nconst dataset = [utils.deepClone(exampleData)];\n\nconst state = {\n initial: 0,\n factor: 3,\n};\nlet graph;\n\nconst PairedResultDynamicEventlinePanningExample = () => {\n React.useEffect(() => {\n graph = Carbon.api.graph(graphConfig);\n dataset.forEach((data) => {\n graph.loadContent(Carbon.api.pairedResult(data));\n });\n }, []);\n\n const reducer = (panState, action) => {\n let hour;\n\n switch (action.type) {\n case 'panLeft':\n hour = panState.initial - panState.factor;\n break;\n case 'panRight':\n hour = panState.initial + panState.factor;\n break;\n default:\n return panState;\n }\n\n return {\n initial: hour,\n factor: panState.factor,\n };\n };\n\n const [panState, dispatch] = React.useReducer(reducer, state);\n\n React.useLayoutEffect(() => {\n if (!graph) { return; }\n\n graph.config.axis.x.lowerLimit = new Date(2016, 0, 1, panState.initial).toISOString();\n graph.config.axis.x.upperLimit = new Date(2016, 0, 2, panState.initial).toISOString();\n\n const newEventline = [\n {\n color: Carbon.helpers.COLORS.BLACK,\n style: {\n strokeDashArray: '2,2',\n },\n value: new Date(2016, 0, 1, 12).toISOString(),\n },\n ];\n\n const newDataset = {\n panData: [utils.deepClone(exampleData)],\n eventline: newEventline,\n };\n\n graph.reflowMultipleDatasets(newDataset);\n }, [panState.initial]);\n\n return (\n <>\n \n

\n {hasPendingState ? : undefined}\n \n );\n};\n\nexport default ExampleComponent;\n")),(0,a.mdx)("p",null,"Within ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-application"),", the following components respond to the presence of NavigationPrompts:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/application/terra-application/components/application-base"},"ApplicationBase")," - The user will be prompted to accept or reject window unload events if NavigationPrompts have been renedered within the ApplicationBase's children."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/application/terra-application/components/modal-manager"},"ModalManager"),"/",(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/application/terra-application/components/slide-panel-manager"},"SlidePanelManager")," - The user will be prompted to accept or reject disclosure dismissal if NavigationPrompts have been rendered within the disclosed component."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/application/terra-application/components/application-navigation"},"ApplicationNavigation")," - The user will be prompted to accept or reject primary navigation and Logout selections if NavigationPrompts have been rendered within the ApplicationNavigation's children.")),(0,a.mdx)("p",null,"While these are the provided integrations, any component that navigates between stateful components can implement a ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/navigation-prompt-checkpoint"},"NavigationPromptCheckpoint")," to utilize the same registration and prompting logic."))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/83105-67881e7b8afde7cda8ae.js b/83105-67881e7b8afde7cda8ae.js new file mode 100644 index 000000000..9b7d4d0f5 --- /dev/null +++ b/83105-67881e7b8afde7cda8ae.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[83105],{39806:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(22678),o=n(22678),r=[{key:"task1",onClick:a.loadTaskPopup,label:{display:"Story Apex"},startDate:new Date(2016,0,1,8).toISOString(),endDate:new Date(2016,0,1,12).toISOString()},{key:"task2",onClick:a.loadTaskPopup,label:{display:"Story Broccoli"},startDate:new Date(2016,0,1,15).toISOString(),endDate:new Date(2016,0,1,23).toISOString()}],i=[{key:"uid_action_1",onClick:o.loadPopup,values:[new Date(2016,0,1,6,15).toISOString()]},{key:"uid_action_2",onClick:o.loadPopup,values:[new Date(2016,0,1,7,15).toISOString()]}],l={key:"track 0",trackLabel:{display:"Default",onClick:a.loadXAndYAxisLabelPopup},tasks:r,actions:i};t.default=l},83123:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(54520));t.default=function(e){return{bindTo:e,axis:{x:{show:!0,lowerLimit:new Date(2016,0,1,0).toISOString(),upperLimit:new Date(2016,0,2,0).toISOString(),rangeRounding:!0}},clickPassThrough:{task:!1,activity:!1,event:!1,action:!1,dateline:!1},pan:{enabled:!0},showActionLegend:!0,eventline:[{color:o.default.helpers.COLORS.GREY,style:{strokeDashArray:"4,4"},value:new Date(2016,0,1,4).toISOString()}],tracks:[{key:"track 1",dimension:{trackHeight:80},trackLabel:{display:"Project A",onClick:function(){}},actions:[{key:"uid_action_1",onClick:function(){},values:[new Date(2018,2,1,6,15).toISOString(),new Date(2018,3,1,6,15).toISOString(),new Date(2018,4,1,6,15).toISOString()]},{key:"uid_action_2",onClick:function(){},values:[new Date(2018,6,1,6,15).toISOString()]}]}],actionLegend:[{key:"uid_action_1",label:{display:"Action A"}},{key:"uid_action_2",label:{display:"Action B"},shape:o.default.helpers.SHAPES.DARK.TRIANGLE,color:o.default.helpers.COLORS.GREEN}]}}},22678:function(e,t,n){"use strict";var a=n(64836),o=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.loadY2AxisLabelPopup=t.loadXAndYAxisLabelPopup=t.loadTrackPopup=t.loadTimelinePopup=t.loadTextLabelPopup=t.loadTaskPopup=t.loadPopup=t.loadPiePopup=t.loadDatelinePopup=t.loadBubblePopup=t.loadBarPopup=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=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&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(79590)),l=a(n(88703)),p=a(n(53334));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)}var s=function(e){return new Date(e).toLocaleString()},u=function(e){return e?d(e)?s(e):e:null},d=function(e){return e instanceof Date},f=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t),a.append("g").classed("popup-text",!0).text(n)},m=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t);for(var o=a.append("g").classed("section",!0),i=function(){var e=p[l],t=o.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var n=(0,r.default)(e,2),a=n[0],o=n[1],i=t.append("g").classed("popup-item",!0);i.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),i.append("g").classed("popup-text",!0).text(o)}))},l=0,p=Object.values(n);l0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Tasks",p)}if(r&&r.length>0){var c=[];r.forEach((function(e){c.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Activities",c)}if(i&&i.length>0){var s=[];i.forEach((function(e){s.push({name:e.key,values:e.values.join(", ")})})),m(a,"Events",s)}if(l&&l.length>0){var u=[];l.forEach((function(e){u.push({name:e.key,values:e.values.join(", ")})})),m(a,"Actions",u)}},t.loadTaskPopup=function(e,t,n,a){y();var o=g(e).append("g"),r=a.label,i=a.display,l=a.y,p=a.startDate,c=a.endDate,u=a.percentage;r&&f(o,"Task Name",i),f(o,"Track",l),f(o,"Start Date",s(p)),f(o,"End Date",s(c)),u&&f(o,"Percentage",u)},t.loadDatelinePopup=function(e,t){y();var n=g(e).append("g"),a=t.label,o=t.value;a&&f(n,"Milestone",a.display),f(n,"Date",s(o))},t.loadTimelinePopup=function(e,t,n,a){y();var o=g(e).append("g"),r=a.x,i=(a.y,a.label),l=a.content;f(o,"X axis","".concat(d(r)?s(r):r)),f(o,"".concat(i.display),l)},t.loadPiePopup=function(e,t,n,a){y();var o=g(e).append("g"),r=a.label,i=a.value;f(o,r.display,i)}},93065:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(45697));n(80244);var i={id:r.default.string.isRequired},l=function(e){return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),o.default.createElement("div",{id:e.id,className:"example-graph-container"}))};l.propTypes=i;t.default=l},59820:function(e,t,n){"use strict";var a=n(64836);t.Z=void 0;var o=a(n(27424)),r=a(n(67294)),i=a(n(54520)),l=a(n(55281)),p=a(n(53334));n(56867),n(77449);var c,s=a(n(93065)),u=a(n(83123)),d=a(n(39806)),f=p.default.deepClone((0,u.default)("#GanttPanningWithDynamicEventline")),m=[p.default.deepClone(d.default)],g={initial:0,factor:3};t.Z=function(){r.default.useEffect((function(){c=i.default.api.gantt(f),m.forEach((function(e){c.loadContent(e)}))}),[]);var e=r.default.useReducer((function(e,t){var n;switch(t.type){case"panLeft":n=e.initial-e.factor;break;case"panRight":n=e.initial+e.factor;break;default:return e}return{initial:n,factor:e.factor}}),g),t=(0,o.default)(e,2),n=t[0],a=t[1];return r.default.useLayoutEffect((function(){if(c){c.config.axis.x.lowerLimit=new Date(2016,0,1,n.initial).toISOString(),c.config.axis.x.upperLimit=new Date(2016,0,2,n.initial).toISOString();var e={eventline:[{color:i.default.helpers.COLORS.BLACK,style:{strokeDashArray:"2,2"},value:new Date(2016,0,1,6,30).toISOString()}]};c.reflowMultipleDatasets(e)}}),[n.initial]),r.default.createElement(r.default.Fragment,null,r.default.createElement(l.default,{className:"button-pan-left",text:"<",onClick:function(){return a({type:"panLeft"})}}),r.default.createElement(l.default,{className:"button-pan-right",text:">",onClick:function(){return a({type:"panRight"})}}),r.default.createElement(s.default,{id:"GanttPanningWithDynamicEventline"}))}},83105:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return P}});var a=n(67294),o=n(81254),r=n(59820),i=["components"];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}var c={};function s(e){var t=e.components,n=p(e,i);return(0,o.mdx)("wrapper",l({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport Button from 'terra-button/lib/Button';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Gantt/GanttChart.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGanttPanningWithEventlineConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Gantt/ganttPanningWithEventline';\nimport graphData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/simplePanningData';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\nconst graphConfig = utils.deepClone(getGanttPanningWithEventlineConfig('#GanttPanningWithDynamicEventline'));\nconst dataset = [utils.deepClone(graphData)];\n\nlet graph;\n\nconst initialState = {\n initial: 0,\n factor: 3,\n};\n\nconst GanttPanningWithDynamicEventlineExample = () => {\n React.useEffect(() => {\n graph = Carbon.api.gantt(graphConfig);\n dataset.forEach((data) => {\n graph.loadContent(data);\n });\n }, []);\n\n const reducer = (panState, action) => {\n let hour;\n\n switch (action.type) {\n case 'panLeft':\n hour = panState.initial - panState.factor;\n break;\n case 'panRight':\n hour = panState.initial + panState.factor;\n break;\n default:\n return panState;\n }\n\n return {\n initial: hour,\n factor: panState.factor,\n };\n };\n\n const [panState, dispatch] = React.useReducer(reducer, initialState);\n\n React.useLayoutEffect(() => {\n if (!graph) { return; }\n\n graph.config.axis.x.lowerLimit = new Date(2016, 0, 1, panState.initial).toISOString();\n graph.config.axis.x.upperLimit = new Date(2016, 0, 2, panState.initial).toISOString();\n\n const newEventline = [\n {\n color: Carbon.helpers.COLORS.BLACK,\n style: {\n strokeDashArray: '2,2',\n },\n value: new Date(2016, 0, 1, 6, 30).toISOString(),\n },\n ];\n\n const newDataset = {\n eventline: newEventline,\n };\n\n graph.reflowMultipleDatasets(newDataset);\n }, [panState.initial]);\n\n return (\n <>\n \n\n {/* eslint-disable-next-line react/forbid-dom-props */}\n
\n {}} />\n
\n \n );\n};\n\nexport default FocusSectionHeader;\n\n")))}fe.isMDXComponent=!0;var xe=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Focus Section Header",description:n,example:r.createElement(de.Z,null),exampleSrc:r.createElement(fe,null),isExpanded:a})},ye=n(78530),be=["components"];function ge(){return ge=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Oe={},he="wrapper";function Se(e){var t=e.components,n=ve(e,be);return(0,a.mdx)(he,ge({},Oe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(ye.ZP,{mdxType:"PropsTable"},(0,a.mdx)(ye.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nText to be displayed on the SectionHeader."))),(0,a.mdx)(ye.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"title"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\ntitle prop has been deperecated and will be removed on next major version relase. Replace the ",(0,a.mdx)("inlineCode",{parentName:"p"},"title")," prop with ",(0,a.mdx)("inlineCode",{parentName:"p"},"text")," prop."))),(0,a.mdx)(ye.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"refCallback"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback ref to pass into the dom element."))),(0,a.mdx)(ye.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the accordion icon is clicked."))),(0,a.mdx)(ye.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"isOpen"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the accordion icon should be displayed in its 'open' or 'closed' position."))),(0,a.mdx)(ye.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"level"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nOptionally sets the heading level. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"6"),". Default ",(0,a.mdx)("inlineCode",{parentName:"p"},"level=2"),".\n",(0,a.mdx)("inlineCode",{parentName:"p"},"level")," should be specified explicitly to allow screen readers to identify headers consistently."))),(0,a.mdx)(ye.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"isTransparent"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the background of the section header to transparent.")))))}Se.isMDXComponent=!0;var Te=["components"];function Ee(){return Ee=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var _e={},we="wrapper";function Ce(e){var t=e.components,n=je(e,Te);return(0,a.mdx)(we,Ee({},_e,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-section-header"},"Terra Section Header"),(0,a.mdx)("p",null,"Section Header presentational component that provides an onClick callback."),(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-section-header"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SectionHeader from 'terra-section-header';\n")),(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#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(m,{mdxType:"DefaultSectionHeader"}),(0,a.mdx)(O,{mdxType:"LongTitleSectionHeader"}),(0,a.mdx)(w,{mdxType:"LongTitleAccordionSectionHeader"}),(0,a.mdx)(D,{mdxType:"ClosedSectionHeader"}),(0,a.mdx)(W,{mdxType:"OpenSectionHeader"}),(0,a.mdx)(G,{mdxType:"OnClickSectionHeader"}),(0,a.mdx)(te,{mdxType:"AccordionSectionHeader"}),(0,a.mdx)(ce,{mdxType:"TransparentSectionHeader"}),(0,a.mdx)(xe,{mdxType:"FocusSectionHeader"}),(0,a.mdx)("h2",{id:"section-header-props"},"Section Header Props"),(0,a.mdx)(Se,{mdxType:"SectionHeaderPropsTable"}))}Ce.isMDXComponent=!0},59889:function(e,t,n){n.d(t,{C:function(){return o}});var r=n(67294),a=n(22863),o=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-section-header",name:"terra-section-header",version:"2.65.1",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),a=o(n(99139));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||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c=r.default.bind(s.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:a.default.string},x=function(e){var t=e.children,n=m(e,o),a=l.default.useContext(i.default),s=(0,r.default)(c(["button",a.className]),n.className);return l.default.createElement("button",d({},n,{type:"button",className:s,onBlur:p,onMouseDown:h,"data-focus-styles-enabled":!0}),t)};x.propTypes=f;t.default=x},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=o(n(67294)),a=o(n(45697)),r=o(n(19845)),i=o(n(50026)),s=o(n(30866));function o(e){return e&&e.__esModule?e:{default:e}}var u=r.default.bind(s.default),d={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"])},m=function(e){var t=e.ariaLevel,n=e.variant,a=e.children,r=l.default.useContext(i.default);return l.default.createElement("div",{className:u("notice",n,r.className)},l.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),l.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},l.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))),l.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?l.default.createElement(l.default.Fragment,null,l.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),l.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",l.default.createElement("ul",{className:u("list")},l.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),l.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),l.default.createElement("li",null,l.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),l.default.Children.map(a,(function(e){return"string"==typeof e?l.default.createElement("p",null,e):e}))))};m.propTypes=d,m.defaultProps={ariaLevel:"2",variant:"important"};t.default=m},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=d(n(67294)),a=d(n(45697)),r=d(n(93967)),i=d(n(19845)),s=d(n(50026)),o=d(n(42620)),u=["title"];function d(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=i.default.bind(o.default),h={title:a.default.string},f=function(e){var t=e.title,n=c(e,u),a=l.default.useContext(s.default),i=(0,r.default)(p(["placeholder",a.className]),n.className),o=p(["inner"]);return l.default.createElement("div",m({},n,{className:i}),l.default.createElement("div",{className:o},l.default.createElement("p",{className:p("title")},t)))};f.propTypes=h,f.defaultProps={title:""};t.default=f},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return a.default}});var l=i(n(59278)),a=i(n(47306)),r=i(n(40996));function i(e){return e&&e.__esModule?e:{default:e}}},85542:function(e,t,n){n.r(t),n.d(t,{default:function(){return k}});var l=n(67294),a=n(81254),r=n(26372),i=n(34261),s=n(75502),o=n(5297),u=["components"];function d(){return d=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(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c={};function p(e){var t=e.components,n=m(e,u);return(0,a.mdx)("wrapper",d({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { FlowsheetResultCell } from 'terra-clinical-result/lib/index';\nimport classNames from 'classnames';\nimport classNamesBind from 'classnames/bind';\nimport ThemeContext from 'terra-theme-context';\nimport styles from '../Examples.module.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst multipleResultsGraySymbol = [\n {\n eventId: '1602328271',\n result: {\n value: '101.1',\n unit: 'degC',\n },\n isNumeric: true,\n },\n {\n eventId: '1602328282',\n result: {\n value: '101.2',\n unit: 'degC',\n },\n isNumeric: true,\n },\n {\n eventId: '1602328293',\n result: {\n value: '101.3',\n unit: 'degC',\n },\n isNumeric: true,\n },\n];\n\nconst multipleResultsLightRedSymbol = [\n {\n eventId: '1602328271',\n result: {\n value: '101.1',\n unit: 'degC',\n },\n isNumeric: true,\n },\n {\n eventId: '1602328282',\n result: {\n value: '101.2',\n unit: 'degC',\n },\n isNumeric: true,\n },\n {\n eventId: '1602328293',\n result: {\n value: '101.3',\n unit: 'degC',\n },\n isNumeric: true,\n interpretation: 'high',\n },\n];\n\nconst multipleResultsDarkRedSymbol = [\n {\n eventId: '1602328271',\n result: {\n value: '101.1',\n unit: 'degC',\n },\n isNumeric: true,\n },\n {\n eventId: '1602328282',\n result: {\n value: '101.2',\n unit: 'degC',\n },\n isNumeric: true,\n },\n {\n eventId: '1602328293',\n result: {\n value: '101.3',\n unit: 'degC',\n },\n isNumeric: true,\n interpretation: 'critical',\n },\n];\n\nexport default () => {\n const theme = React.useContext(ThemeContext);\n const mockFlowsheetClassnames = classNames(\n cx(\n 'mock-flowsheet-example',\n theme.className,\n ),\n );\n\n return (\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
\n
\n );\n};\n\n")))}p.isMDXComponent=!0;var h=n(49271),f=n(98568),x=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(h.Z,{title:t||"Flowsheet Result Cell Multiple Results Symbols",description:n,example:l.createElement(o.Z,null),exampleCssSrc:l.createElement(f.Z,null),exampleSrc:l.createElement(p,null),isExpanded:a})},v=n(15682),b=["components"];function g(){return g=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(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var N={};function w(e){var t=e.components,n=y(e,b);return(0,a.mdx)("wrapper",g({},N,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { ResultNameHeaderCell } from 'terra-clinical-result/lib/index';\nimport classNames from 'classnames';\nimport classNamesBind from 'classnames/bind';\nimport ThemeContext from 'terra-theme-context';\nimport styles from '../Examples.module.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst ResultNameHeaderCellAccessibleNamesExample = () => {\n const theme = React.useContext(ThemeContext);\n const mockFlowsheetClassnames = classNames(\n cx(\n 'mock-flowsheet-example',\n theme.className,\n ),\n );\n\n return (\n
\n
\n
\n \n
\n
\n
\n );\n};\n\nexport default ResultNameHeaderCellAccessibleNamesExample;\n\n")))}w.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(h.Z,{title:t||"Result Name Header Cell Accessible Names Example",description:n,example:l.createElement(v.Z,null),exampleCssSrc:l.createElement(f.Z,null),exampleSrc:l.createElement(w,null),isExpanded:a})},C=["components"];function O(){return O=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(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var E={},T="wrapper";function k(e){var t=e.components,n=R(e,C);return(0,a.mdx)(T,O({},E,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"accessibility-guide-for-terra-clinical-result"},"Accessibility Guide for Terra Clinical Result"),(0,a.mdx)("h2",{id:"why-is-this-important"},"Why is this important?"),(0,a.mdx)("p",null,"Terra Clinical Result is a collection of standardized views for single result values added to a patient's medical chart. As there are many patients who rely on assistive technologies to interact with their chart, it is critical that any information conveyed by a clinical result to sighted users is also conveyed to screen reader users in a meaningful way."),(0,a.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,a.mdx)("p",null,"Terra Clinical Result has several variants designed to either display specific results or for use within a flowsheet. The table below lists each variant and its use:"),(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},"Variant"),(0,a.mdx)("th",{parentName:"tr",align:null},"Use"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"Clinical Result"),(0,a.mdx)("td",{parentName:"tr",align:null},"The default Clinical Result component intended for displaying a single result value")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"Clinical Result Blood Pressure"),(0,a.mdx)("td",{parentName:"tr",align:null},"Intended for displaying Blood Pressure Vital Sign results")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"Flowsheet Result Cell"),(0,a.mdx)("td",{parentName:"tr",align:null},"Specifically for the grid display of a result collection")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"Result Name Header Cell"),(0,a.mdx)("td",{parentName:"tr",align:null},"Standardized view for the Result Name and Unit of Measure in the row header for each row within a flowsheet")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"Result Time Header Cell"),(0,a.mdx)("td",{parentName:"tr",align:null},"Standardized view for the Date/Time Header cells for each bucketed time column within a flowsheet")))),(0,a.mdx)("p",null,"The following sections go into more detail on accessibility considerations for each variant."),(0,a.mdx)("hr",null),(0,a.mdx)("h3",{id:"code-considerations"},"Code Considerations"),(0,a.mdx)("h4",{id:"clinical-result-blood-pressure-with-additional-displays"},"Clinical Result Blood Pressure with Additional Displays"),(0,a.mdx)("p",null,"Clinical Result Blood Pressure creates a standardized view for single result values added to a patient's medical chart. Along with the blood pressure results, we have the option to display additional details like concept names (Systolic, Diastolic) and the date and time of the results. Visually we can see that this information is related but it is possible that screen reader users may not understand the whole cell as a group."),(0,a.mdx)(i.Notice,{variant:"important",ariaLevel:"5",mdxType:"Notice"},(0,a.mdx)("p",null,"It is highly recommended to set the optional ",(0,a.mdx)("inlineCode",{parentName:"p"},"isBloodPressureGrouped")," ",(0,a.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/terra-clinical-result/clinical-result/clinical-result-blood-pressure#clinical-result-blood-pressure-props"},"prop")," to true when additional information is displayed with the blood pressure results. This will semantically relate the blood pressure results and additional displays as a group context.")),(0,a.mdx)("h5",{id:"code-example"},"Code Example:"),(0,a.mdx)("p",null,"This example shows how to set up the optional ",(0,a.mdx)("inlineCode",{parentName:"p"},"isBloodPressureGrouped")," prop in order to group the blood pressure results with additional displays:"),(0,a.mdx)(s.Z,{title:"Clinical Result Blood Pressure with Additional Displays",mdxType:"ClinicalResultBloodPressureExtraDisplays"}),(0,a.mdx)("h4",{id:"result-name-header-cell-accessible-names"},"Result Name Header Cell Accessible Names"),(0,a.mdx)("p",null,"Result Name Header Cell creates a standardized view for the Result Name and Unit of Measure pair within a flowsheet. In many cases, the displayed result name or displayed unit of measure is an abbreviation. Reading out these abbreviations is not very helpful for screen reader users."),(0,a.mdx)(i.Notice,{variant:"important",ariaLevel:"5",mdxType:"Notice"},(0,a.mdx)("p",null,"In order to provide better accessible names for the result name and unit of measure, the optional ",(0,a.mdx)("inlineCode",{parentName:"p"},"fullResultName")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"fullUnit")," ",(0,a.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/terra-clinical-result/clinical-result/result-name-header-cell#result-name-header-cell-props"},"props")," can be used to set the full name of the result name and unit when consuming the Result Name Header Cell component.")),(0,a.mdx)("h5",{id:"code-example-1"},"Code Example:"),(0,a.mdx)("p",null,"This example shows how to set up the optional ",(0,a.mdx)("inlineCode",{parentName:"p"},"fullResultName")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"fullUnit")," props in order to provide accessible names for the displayed result name and unit:"),(0,a.mdx)(_,{title:"Result Name Header Cell Accessible Names",mdxType:"ResultNameHeaderCellAccessibleNamesExample"}),(0,a.mdx)("h4",{id:"accessibility-of-cell-components"},"Accessibility of Cell Components"),(0,a.mdx)("p",null,"Flowsheet Result Cell, Result Name Header Cell, and Result Time Header Cell all return their content using HTML table elements.\nFlowsheet Result Cell utilizes the ",(0,a.mdx)("inlineCode",{parentName:"p"},"")," element while both of the header cell components utilize the ",(0,a.mdx)("inlineCode",{parentName:"p"},"")," element.\nAs such, the best way to consume these components for true accessibility is in a semantic HTML table.\nOtherwise, the context of being a cell/header cell will not be understood by screen reader users.\nThe ",(0,a.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/html-table/about"},"Terra HTML Table")," component can be used to create a semantic HTML table for this purpose."),(0,a.mdx)("p",null,(0,a.mdx)("strong",{parentName:"p"},"NOTE:")," When using a semantic HTML table, use ",(0,a.mdx)("inlineCode",{parentName:"p"},"table-layout: 'fixed'")," or otherwise ensure the styling for column widths is preserved."),(0,a.mdx)("h3",{id:"other-considerations"},"Other Considerations"),(0,a.mdx)("h4",{id:"flowsheet-result-cell-with-multiple-results"},"Flowsheet Result Cell with Multiple Results"),(0,a.mdx)("p",null,"Flowsheet Result Cell is used for the grid display of a result collection and can handle displaying an indication of multiple results. When there are multiple results, the first result is displayed along with a custom symbol that is used to communicate information about the remaining results:"),(0,a.mdx)(x,{mdxType:"FlowsheetResultCellMultipleResultsSymbols"}),(0,a.mdx)("p",null,"The number represents how many additional results exist and the color of the result stack indicates the severity of the ",(0,a.mdx)("strong",{parentName:"p"},"most")," serious result in the side panel."),(0,a.mdx)("p",null,"Alternative text has been added to communicate the number of additional results and the severity:"),(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},"Severity Color"),(0,a.mdx)("th",{parentName:"tr",align:null},"Meaning"),(0,a.mdx)("th",{parentName:"tr",align:null},"Text to be Read"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"Gray"),(0,a.mdx)("td",{parentName:"tr",align:null},"Normal"),(0,a.mdx)("td",{parentName:"tr",align:null},'"A total of ',"[number]",' results are available."')),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"Light Red"),(0,a.mdx)("td",{parentName:"tr",align:null},"Out of range (high or low) but not critical"),(0,a.mdx)("td",{parentName:"tr",align:null},'"A total of ',"[number]",' results are available with at least 1 out of range result."')),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"Dark Red"),(0,a.mdx)("td",{parentName:"tr",align:null},"Critical"),(0,a.mdx)("td",{parentName:"tr",align:null},'"A total of ',"[number]",' results are available with at least 1 critical result."')))),(0,a.mdx)("p",null,"e.g. if we have a dark red box with 3 results the screenreader will read out:"),(0,a.mdx)("p",null,"“A total of 3 results are available with at least 1 critical result.”"),(0,a.mdx)("h4",{id:"usage-of-visually-hidden-text"},"Usage of Visually Hidden Text"),(0,a.mdx)("p",null,"There are a few cases in which we leverage visually hidden text to give greater context to certain styling on the front end - or related to statuses of certain results. These cases are as follows:"),(0,a.mdx)("h5",{id:"no-results"},"No Results:"),(0,a.mdx)("p",null,"When the ",(0,a.mdx)("inlineCode",{parentName:"p"},"hasResultNoData")," prop is used the display will show: '--'"),(0,a.mdx)("p",null,'Hidden text has been added to read out "No Results" when the ',(0,a.mdx)("inlineCode",{parentName:"p"},"hasResultNoData")," prop is used."),(0,a.mdx)("h5",{id:"entered-in-error"},"Entered In Error:"),(0,a.mdx)("p",null,"When a result inside a Flowsheet Result Cell has a status of ",(0,a.mdx)("inlineCode",{parentName:"p"},"entered-in-error"),", the display will show: 'In Error'"),(0,a.mdx)("p",null,'Hidden text has been added to read out "Value Uncharted as In Error" to convey this has a status of ',(0,a.mdx)("inlineCode",{parentName:"p"},"entered-in-error"),"."),(0,a.mdx)("h5",{id:"strikethrough-result-entered-in-error"},"Strikethrough Result Entered In Error:"),(0,a.mdx)("p",null,"When a result is shown on the front end with a strikethrough, that means it has been entered in error. The result is important enough to be shown visually and as such, needs to be read by the screen reader while also giving some context that it has a status of ",(0,a.mdx)("inlineCode",{parentName:"p"},"entered-in-error"),"."),(0,a.mdx)("p",null,'Hidden text has been added to read out "Result {strikethroughResult} Entered In Error" when we have a strikethrough result.'),(0,a.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,a.mdx)("p",null,"Terra is committed to ensuring its components provide maximum possible accessibility. However, simply using Terra components will not automatically make a product accessible."),(0,a.mdx)("p",null,"Final responsibility lies with the consumers of Terra components ","—"," ensuring proper usage, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance ","—"," to make a product fully accessible."),(0,a.mdx)("h3",{id:"wcag-resources"},"WCAG Resources"),(0,a.mdx)("h4",{id:"success-criteria"},"Success Criteria"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-content"},(0,a.mdx)("strong",{parentName:"a"},"1.1.1 Non-text Content"))," - All non-text content that is presented to the user has a text alternative that serves the equivalent purpose."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships"},(0,a.mdx)("strong",{parentName:"a"},"1.3.1 Info and Relationships"))," - Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. (Level A)"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/consistent-identification"},(0,a.mdx)("strong",{parentName:"a"},"3.2.4 Consistent Identification"))," - Components that have the same functionality within a set of Web pages are identified consistently."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/name-role-value"},(0,a.mdx)("strong",{parentName:"a"},"4.1.2 Name, Role, Value"))," - For all user interface components (including but not limited to: form elements, links and components generated by scripts), the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically set; and notification of changes to these items is available to user agents, including assistive technologies.")),(0,a.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"None identified"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-clinical/issues/new/choose"},"Report a problem with this component on ",(0,a.mdx)("strong",{parentName:"a"},"GitHub")))),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"For more information about Accessibility Support with Terra — go to ",(0,a.mdx)("a",{parentName:"em",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#accessibility-a11y"},"Component Standards: Accessibility (A11y)"),".")))}k.isMDXComponent=!0},75502:function(e,t,n){n.d(t,{Z:function(){return c}});var l=n(67294),a=n(89698),r=n(81254),i=["components"];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(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={};function d(e){var t=e.components,n=o(e,i);return(0,r.mdx)("wrapper",s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { ClinicalResultBloodPressure } from 'terra-clinical-result/lib';\n\nconst bloodpressureResultValue = {\n id: '111',\n systolic: {\n eventId: '111.1',\n result: {\n value: '120',\n unit: 'mmHg',\n },\n conceptDisplay: 'Systolic',\n datetimeDisplay: 'Nov 23, 2019 13:31:31',\n },\n diastolic: {\n eventId: '111.2',\n result: {\n value: '80',\n unit: 'mmHg',\n },\n conceptDisplay: 'Diastolic',\n datetimeDisplay: 'Nov 23, 2019 13:31:31',\n },\n isBloodPressureGrouped: true,\n};\n\nexport default () => ;\n\n")))}d.isMDXComponent=!0;var m=n(49271),c=function(e){var t=e.title,n=e.description,r=e.isExpanded;return l.createElement(m.Z,{title:t||"Clinical Result Blood Pressure Extra Displays",description:n,example:l.createElement(a.Z,null),exampleSrc:l.createElement(d,null),isExpanded:r})}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},89698:function(e,t,n){t.Z=void 0;var l,a=(l=n(67294))&&l.__esModule?l:{default:l},r=n(33671);var i={id:"111",systolic:{eventId:"111.1",result:{value:"120",unit:"mmHg"},conceptDisplay:"Systolic",datetimeDisplay:"Nov 23, 2019 13:31:31"},diastolic:{eventId:"111.2",result:{value:"80",unit:"mmHg"},conceptDisplay:"Diastolic",datetimeDisplay:"Nov 23, 2019 13:31:31"},isBloodPressureGrouped:!0};t.Z=function(){return a.default.createElement(r.ClinicalResultBloodPressure,i)}},5297:function(e,t,n){t.Z=void 0;var l=u(n(67294)),a=n(33671),r=u(n(93967)),i=u(n(19845)),s=u(n(50026)),o=u(n(62547));function u(e){return e&&e.__esModule?e:{default:e}}var d=i.default.bind(o.default),m=[{eventId:"1602328271",result:{value:"101.1",unit:"degC"},isNumeric:!0},{eventId:"1602328282",result:{value:"101.2",unit:"degC"},isNumeric:!0},{eventId:"1602328293",result:{value:"101.3",unit:"degC"},isNumeric:!0}],c=[{eventId:"1602328271",result:{value:"101.1",unit:"degC"},isNumeric:!0},{eventId:"1602328282",result:{value:"101.2",unit:"degC"},isNumeric:!0},{eventId:"1602328293",result:{value:"101.3",unit:"degC"},isNumeric:!0,interpretation:"high"}],p=[{eventId:"1602328271",result:{value:"101.1",unit:"degC"},isNumeric:!0},{eventId:"1602328282",result:{value:"101.2",unit:"degC"},isNumeric:!0},{eventId:"1602328293",result:{value:"101.3",unit:"degC"},isNumeric:!0,interpretation:"critical"}];t.Z=function(){var e=l.default.useContext(s.default),t=(0,r.default)(d("mock-flowsheet-example",e.className));return l.default.createElement("div",{className:t},l.default.createElement("div",{className:d("mock-flowsheet-resultcolumn")},l.default.createElement("div",{className:d("mock-flowsheet-resultcolumn-cell")},l.default.createElement(a.FlowsheetResultCell,{resultDataSet:m,hideUnit:!0}))),l.default.createElement("div",{className:d("mock-flowsheet-resultcolumn")},l.default.createElement("div",{className:d("mock-flowsheet-resultcolumn-cell")},l.default.createElement(a.FlowsheetResultCell,{resultDataSet:c,hideUnit:!0}))),l.default.createElement("div",{className:d("mock-flowsheet-resultcolumn")},l.default.createElement("div",{className:d("mock-flowsheet-resultcolumn-cell")},l.default.createElement(a.FlowsheetResultCell,{resultDataSet:p,hideUnit:!0}))))}},15682:function(e,t,n){t.Z=void 0;var l=u(n(67294)),a=n(33671),r=u(n(93967)),i=u(n(19845)),s=u(n(50026)),o=u(n(62547));function u(e){return e&&e.__esModule?e:{default:e}}var d=i.default.bind(o.default),m=function(){var e=l.default.useContext(s.default),t=(0,r.default)(d("mock-flowsheet-example",e.className));return l.default.createElement("div",{className:t},l.default.createElement("div",{className:d("mock-flowsheet-firstcolumn")},l.default.createElement("div",{className:d("mock-flowsheet-firstcolumn-cell")},l.default.createElement(a.ResultNameHeaderCell,{resultName:"Temp",fullResultName:"Temperature",unit:"degC",fullUnit:"Degrees Celsius"}))))};t.Z=m}}]); \ No newline at end of file diff --git a/85565-2a5b2492568e29742cc8.css b/85565-2a5b2492568e29742cc8.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/85565-2a5b2492568e29742cc8.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/85601-4fa273eca13b0dedb6f9.css b/85601-4fa273eca13b0dedb6f9.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/85601-4fa273eca13b0dedb6f9.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/85601-4fa273eca13b0dedb6f9.js b/85601-4fa273eca13b0dedb6f9.js new file mode 100644 index 000000000..b48f3c6fd --- /dev/null +++ b/85601-4fa273eca13b0dedb6f9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[85601,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,r,a){var t=a(64836);r.Z=void 0;var o=t(a(67294)),n=t(a(45697)),d=t(a(19845)),m=t(a(17422)),l=d.default.bind(m.default),i={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var r=e.src,a=e.name,t=e.url,n=e.version,d=o.default.createElement("a",{className:l("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(n)},o.default.createElement("span",{className:l("badge-name")},t?"package":"npm"),o.default.createElement("span",{className:l("badge-version")},"v".concat(n))),m=r?o.default.createElement("a",{className:l("badge"),href:r},o.default.createElement("span",{className:l("badge-name")},"github"),o.default.createElement("span",{className:l("badge-version")},"source")):void 0;return o.default.createElement("div",{className:l("badge-container")},d,m)};p.propTypes=i;var s=p;r.Z=s},85601:function(e,r,a){a.r(r),a.d(r,{default:function(){return p}});a(67294);var t=a(81254),o=a(58038),n=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var l={},i="wrapper";function p(e){var r=e.components,a=m(e,n);return(0,t.mdx)(i,d({},l,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)(o.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-form-textarea-upgrade-guide"},"Terra Form Textarea Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-version-4-to-version-5"},"Changes from version 4 to version 5"),(0,t.mdx)("h3",{id:"props"},"Props"),(0,t.mdx)("h4",{id:"removed"},"Removed"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Removed ",(0,t.mdx)("inlineCode",{parentName:"li"},"placeholder")," prop from ",(0,t.mdx)("inlineCode",{parentName:"li"},"Textarea")," and ",(0,t.mdx)("inlineCode",{parentName:"li"},"TextareaField"),".")),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"removed-1"},"Removed"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-placeholder-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-placeholder-font-style"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-placeholder-disabled-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-placeholder-disabled-font-style")),(0,t.mdx)("h5",{id:"steps-to-upgrade"},"Steps to Upgrade"),(0,t.mdx)("p",null,"To upgrade from 4.0 to 5.0 each existing Textarea and TextareaField must be reviewed and updated to ensure no ",(0,t.mdx)("inlineCode",{parentName:"p"},"placeholder")," prop is passed to it. This is done to follow WCAG (",(0,t.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Placeholder_Research"},"for more info"),")."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("p",{parentName:"li"},(0,t.mdx)("inlineCode",{parentName:"p"},"Textarea")," component will not be supporting ",(0,t.mdx)("inlineCode",{parentName:"p"},"placeholder")," prop and ",(0,t.mdx)("inlineCode",{parentName:"p"},"native placeholder"),". If consumers want to provide a detailed text guidance they can upgrade to ",(0,t.mdx)("inlineCode",{parentName:"p"},"TextareaField"),".")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("p",{parentName:"li"},(0,t.mdx)("inlineCode",{parentName:"p"},"TextareaField")," component will not be supporting ",(0,t.mdx)("inlineCode",{parentName:"p"},"placeholder")," prop and ",(0,t.mdx)("inlineCode",{parentName:"p"},"native placeholder"),". But consumers may utilize the ",(0,t.mdx)("inlineCode",{parentName:"p"},"help")," text field properties to provide similar guidance to the user using ",(0,t.mdx)("inlineCode",{parentName:"p"},"help")," prop."))),(0,t.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,t.mdx)("h3",{id:"props-1"},"Props"),(0,t.mdx)("h4",{id:"updated"},"Updated"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Form Fields allowed the ",(0,t.mdx)("inlineCode",{parentName:"li"},"label")," to be a node, which potentially breaks the display when injecting other non-inline-only text elements (terra-text) or has the potential to completely break accessibility if something non-text based would be passed in."),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"label")," prop's type changed from node to string.")),(0,t.mdx)("h5",{id:"steps-to-upgrade-1"},"Steps to Upgrade"),(0,t.mdx)("p",null,"To upgrade from 3.0 to 4.0 each existing Textarea must be reviewed and updated to ensure only a string is being passed to the ",(0,t.mdx)("inlineCode",{parentName:"p"},"label")," props. Solutions passing node data types need to be reworked to provide only a string."),(0,t.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties-1"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"renamed"},"Renamed"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,t.mdx)("th",{parentName:"tr",align:null},"New"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-animation-background"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-background-image")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-background-start"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-background-size")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-animation-size"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-background-size")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-border-color"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-border-color")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-border-style"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-border-style")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-border-width"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-border-width")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-opacity"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-opacity")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-box-shadow-ltr"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-ltr-box-shadow")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-box-shadow-rtl"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-rtl-box-shadow")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-animation-background"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-background-image")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-animation-size"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-background-size")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-border-color"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-border-color")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-border-style"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-border-style")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-border-width"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-border-width")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-opacity"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-opacity")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-box-shadow-ltr"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-ltr-box-shadow")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-box-shadow-rtl"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-rtl-box-shadow")))),(0,t.mdx)("h4",{id:"added"},"Added"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-hover-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-hover-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-focus-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-focus-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-error-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-error-hover-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-error-hover-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-error-focus-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-error-focus-color")),(0,t.mdx)("h4",{id:"removed-2"},"Removed"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-cursor")))}p.isMDXComponent=!0},58038:function(e,r,a){a.d(r,{C:function(){return n}});var t=a(67294),o=a(22863),n=function(e){var r=e.url;return t.createElement(o.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-textarea",name:"terra-form-textarea",version:"5.31.0",url:r})}},17422: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"}}}]); \ No newline at end of file diff --git a/85612-9bf79eefcf1e1a0c7bf5.css b/85612-9bf79eefcf1e1a0c7bf5.css new file mode 100644 index 000000000..b6d65c39c --- /dev/null +++ b/85612-9bf79eefcf1e1a0c7bf5.css @@ -0,0 +1,3 @@ +:root{--default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1);--default-transition-duration: 1s}:root{--terra-graphs-white: #fff;--terra-graphs-dark: #1c1f21;--terra-graphs-grey5: #f4f4f4;--terra-graphs-grey10: #e8e9ea;--terra-graphs-grey15: #dedfe0;--terra-graphs-grey25: #c8cacb;--terra-graphs-grey30: #bcbfc0;--terra-graphs-grey45: #9b9fa1;--terra-graphs-grey65: #6f7477;--terra-graphs-blue100: #004c76;--terra-graphs-blue30: #a6d9f4;--terra-graphs-blue10: #ebf6fd;--terra-graphs-red85: #c00;--terra-graphs-yellow60: #ffc20a;--terra-graphs-grey55: #868a8c}.carbon-svg-icon{display:inline-block;height:.625rem;width:.625rem}.carbon-graph-container{color:#1c1f21;color:var(--terra-graphs-dark);display:block;width:100%}[dir] .carbon-graph-container{padding-bottom:.8333rem;padding-top:.8333rem}.carbon-graph-container svg:not(:root){overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.carbon-graph-canvas{box-sizing:border-box;display:block;overflow-x:hidden;overflow-y:auto}.carbon-axis path.domain,.carbon-axis line{fill:none;stroke:#bcbfc0;stroke:var(--terra-graphs-grey30)}.carbon-grid line,.carbon-content-container{shape-rendering:auto}.carbon-axis-x[aria-hidden=true],.carbon-axis-y[aria-hidden=true],.carbon-axis-y2[aria-hidden=true],.carbon-axis-info-row[aria-hidden=true]{display:none}.carbon-axis.carbon-axis-reference-line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:2px}.carbon-grid>* .domain[stroke]{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-lower-step-grid line{stroke:#9b9b9b;stroke-width:1px}.carbon-midpoint-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10);stroke-width:1px}.carbon-upper-step-grid line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:3px}.carbon-no-data-text{fill:#1c1f21;fill:var(--terra-graphs-dark)}.carbon-legend{-ms-flex-line-pack:center;align-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;list-style-type:none}[dir] .carbon-legend{margin:0;padding:0}.carbon-legend .carbon-legend-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;outline:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-legend .carbon-legend-item{margin:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-btn{-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;font-size:inherit;height:1.875rem;width:2.1875rem}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{background-color:#dedfe0;background-color:var(--terra-graphs-grey15);border:0;border-radius:.25rem;padding:0}[dir=ltr] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-right:.5rem}[dir=rtl] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-left:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-text{word-wrap:break-word}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]{cursor:pointer}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]:hover{background-color:#ebf6fd;background-color:var(--terra-graphs-blue10)}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-btn, [dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-text{cursor:pointer}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn,.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{outline:none}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn{opacity:.35}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{color:#bcbfc0;color:var(--terra-graphs-grey30)}.carbon-legend .carbon-legend-item .carbon-legend-item-icon{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-icon-with-line{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-span{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:center;justify-content:center}.carbon-legend .carbon-legend-item .carbon-legend-item-line{height:5px;width:28px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{height:5px;width:18px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-white-line{stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:6px}[dir] .carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-btn{background-color:#fff;background-color:var(--terra-graphs-white);border-color:#dedfe0;border-color:var(--terra-graphs-grey15);border-style:solid;border-width:1px}.carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-text{color:#6f7477;color:var(--terra-graphs-grey65)}.carbon-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing);opacity:.2}[dir] .carbon-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-point[aria-disabled=false]{cursor:pointer}.carbon-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point{display:block;fill:#ebf6fd;fill:var(--terra-graphs-blue10);fill-opacity:.25;stroke:#a6d9f4;stroke:var(--terra-graphs-blue30)}.carbon-selected-data-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-selected-data-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point path{stroke-width:1px}.carbon-criticality-outer[aria-hidden=true],.carbon-criticality-inner[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-criticality-outer[aria-hidden=true], [dir] .carbon-criticality-inner[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-criticality-outer{fill:#c00;fill:var(--terra-graphs-red85);stroke:#c00;stroke:var(--terra-graphs-red85);stroke-width:24px}.carbon-criticality-inner{fill:#fff;fill:var(--terra-graphs-white);stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:8px}.carbon-region{fill:#f4f4f4;fill:var(--terra-graphs-grey5)}.carbon-region[aria-hidden=true],.carbon-region.carbon-region-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-region[aria-hidden=true], [dir] .carbon-region.carbon-region-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-region.carbon-value-region{stroke:#f4f4f4;stroke:var(--terra-graphs-grey5);stroke-width:.625rem}.carbon-region.carbon-region-highlight{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:1;visibility:visible}[dir] .carbon-region.carbon-region-highlight{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-content-container{fill:none;stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-data-completion-bar,.carbon-data-bar{shape-rendering:auto;stroke-width:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-data-completion-bar[aria-disabled=false], [dir] .carbon-data-bar[aria-disabled=false]{cursor:pointer}.carbon-data-completion-bar[aria-hidden=true],.carbon-data-bar[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-data-completion-bar[aria-hidden=true], [dir] .carbon-data-bar[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-axis-info-row-item[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-axis-info-row-item[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-axis-info-row-item[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline{shape-rendering:auto;opacity:.3;stroke-width:3px}[dir] .carbon-dateline-group .carbon-dateline-point[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-eventline-group .carbon-eventline{shape-rendering:auto;opacity:1;stroke-width:2px}.carbon-no-data-label{fill:#6f7477;fill:var(--terra-graphs-grey65);font-size:1.25rem;text-anchor:middle}.carbon-no-data-overlay{fill:#fff;fill:var(--terra-graphs-white);opacity:.6}.carbon-label-popup-tooltip{-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:absolute;z-index:20}[dir] .carbon-label-popup-tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.carbon-label-popup-tooltip.popup-item{display:block}.carbon-label-popup-tooltip.section{display:block}[dir=ltr] .carbon-label-popup-tooltip.section{padding-left:1rem}[dir=rtl] .carbon-label-popup-tooltip.section{padding-right:1rem}.carbon-label-popup-tooltip.content{display:block}[dir] .carbon-label-popup-tooltip.content:last-child{padding-bottom:0}[dir] .carbon-label-popup-tooltip.content:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-tooltip g{display:inline-block}.carbon-label-popup-tooltip g.popup-label{color:#01579b}.carbon-label-popup-tooltip g.popup-label::after{content:": "}.carbon-label-popup-tooltip g.popup-text{color:#000}[dir] .carbon-label-popup-tooltip g:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .carbon-label-popup-overlay{cursor:pointer}[dir=ltr] .carbon-label-popup-overlay{left:0}[dir=rtl] .carbon-label-popup-overlay{right:0} +[dir] .example-graph-container, [dir] .legend-bindto-container{padding:2.17rem 0}.carbon-graph-container,.carbon-timeline-container,.legend-bindto-container{font-size:.75rem}.bindto-container{display:-ms-flexbox;display:flex;width:100%}.bindto-container .legend-bindto-container{width:20%}.bindto-container .legend-bindto-graph-container{width:80%}.tooltip{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:fixed;z-index:20}[dir] .tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.tooltip .popup-item{display:block}.tooltip .section{display:block}[dir=ltr] .tooltip .section{padding-left:1rem}[dir=rtl] .tooltip .section{padding-right:1rem}.tooltip .content{display:block}[dir] .tooltip .content:last-child{padding-bottom:0}[dir] .tooltip .content:not(:last-child){padding-bottom:.5rem}.tooltip g{display:inline-block}.tooltip g .popup-label{color:#01579b}.tooltip g .popup-label::after{content:": "}.tooltip g .popup-text{color:#000}[dir] .tooltip g:not(:last-child){padding-bottom:.5rem}.overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .overlay{cursor:pointer}[dir=ltr] .overlay{left:0}[dir=rtl] .overlay{right:0}.shape-container{width:100%}.panning-container{display:-ms-flexbox;display:flex}[dir] .panning-container{padding:1rem}.panning-container .nav-left,.panning-container .nav-right{display:-ms-flexbox;display:flex;font-size:inherit}[dir] .panning-container .nav-left, [dir] .panning-container .nav-right{background-color:#176ba0;border:.1rem solid #dedfe0;border-radius:.25rem;cursor:pointer;padding:.5rem}[dir=ltr] .panning-container .nav-left, [dir=ltr] .panning-container .nav-right{margin-right:.5rem}[dir=rtl] .panning-container .nav-left, [dir=rtl] .panning-container .nav-right{margin-left:.5rem}.custom-container-style{height:auto !important}[dir] .custom-container-style{border:1px dashed;padding:5rem 5rem 0}[dir] .custom-container-style .carbon-graph-container, [dir] .custom-container-style .legend-bindto-container{padding:0}[dir] .custom-container-legend-style .carbon-graph-container, [dir] .custom-container-legend-style .legend-bindto-container{padding:0}[dir] .background-color-class{background-color:#176ba0}.initial-tooltip{display:none}[dir] .button-pan-right{margin-top:15px}[dir] .button-pan-left{margin-top:15px}[dir=ltr] .button-pan-left{margin-left:18px;margin-right:10px}[dir=rtl] .button-pan-left{margin-right:18px;margin-left:10px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/85612-9bf79eefcf1e1a0c7bf5.js b/85612-9bf79eefcf1e1a0c7bf5.js new file mode 100644 index 000000000..502fe5b47 --- /dev/null +++ b/85612-9bf79eefcf1e1a0c7bf5.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[85612],{68794:function(e,n,t){"use strict";var r=t(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=r(t(54520));n.default=function(e){return{bindTo:e,axis:{x:{type:a.default.helpers.AXIS_TYPE.TIME_SERIES,label:"Datetime",lowerLimit:new Date(2016,0,1).toISOString(),upperLimit:new Date(2016,0,12).toISOString(),ticks:{values:[new Date(2016,0,1).toISOString(),new Date(2016,0,2).toISOString(),new Date(2016,0,3).toISOString(),new Date(2016,0,4).toISOString(),new Date(2016,0,5).toISOString(),new Date(2016,0,6).toISOString(),new Date(2016,0,7).toISOString(),new Date(2016,0,8).toISOString(),new Date(2016,0,9).toISOString(),new Date(2016,0,10).toISOString(),new Date(2016,0,11).toISOString()],tickLabelsRotation:-45,format:"%Y, %X"}},y:{label:"Line Set A",lowerLimit:10,upperLimit:30},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0,locale:a.default.helpers.LOCALE.en_US}}},93065:function(e,n,t){"use strict";var r=t(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=r(t(67294)),i=r(t(45697));t(80244);var o={id:i.default.string.isRequired},l=function(e){return a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),a.default.createElement("div",{id:e.id,className:"example-graph-container"}))};l.propTypes=o;n.default=l},46664:function(e,n,t){"use strict";var r=t(64836);n.Z=void 0;var a=r(t(67294)),i=r(t(54520)),o=r(t(53334));t(56867);var l=r(t(93065)),s=r(t(68794)),p=o.default.deepClone((0,s.default)("#XAxisTickLabelOrientation"));n.Z=function(){return a.default.useEffect((function(){i.default.api.graph(p)}),[]),a.default.createElement(l.default,{id:"XAxisTickLabelOrientation"})}},90834:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return E}});var r=t(67294),a=t(81254),i=t(46664),o=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var p={};function c(e){var n=e.components,t=s(e,o);return(0,a.mdx)("wrapper",l({},p,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/generalDefaultXAxisOverlapping';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#XAxisTickLabelOrientation'));\n\nconst XAxisTickLabelOrientationGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default XAxisTickLabelOrientationGeneralExample;\n\n")))}c.isMDXComponent=!0;var m=t(49271),u=t(25005),d=function(e){var n=e.title,t=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:n||"X Axis Tick Label Orientation",description:t,example:r.createElement(i.Z,null),exampleCssSrc:r.createElement(u.Z,null),exampleSrc:r.createElement(c,null),isExpanded:a})},f=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var h={},S="wrapper";function O(e){var n=e.components,t=b(e,f);return(0,a.mdx)(S,g({},h,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\n\nconst getLineTimeseriesConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n type: Carbon.helpers.AXIS_TYPE.TIME_SERIES,\n label: 'Datetime',\n lowerLimit: new Date(2016, 0, 1).toISOString(),\n upperLimit: new Date(2016, 0, 12).toISOString(),\n ticks: {\n values: [\n new Date(2016, 0, 1).toISOString(),\n new Date(2016, 0, 2).toISOString(),\n new Date(2016, 0, 3).toISOString(),\n new Date(2016, 0, 4).toISOString(),\n new Date(2016, 0, 5).toISOString(),\n new Date(2016, 0, 6).toISOString(),\n new Date(2016, 0, 7).toISOString(),\n new Date(2016, 0, 8).toISOString(),\n new Date(2016, 0, 9).toISOString(),\n new Date(2016, 0, 10).toISOString(),\n new Date(2016, 0, 11).toISOString(),\n ],\n tickLabelsRotation: -45,\n format: '%Y, %X',\n },\n },\n y: {\n label: 'Line Set A',\n lowerLimit: 10,\n upperLimit: 30,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n locale: Carbon.helpers.LOCALE.en_US,\n});\n\nexport default getLineTimeseriesConfig;\n\n")))}O.isMDXComponent=!0;var x=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}t(51320);var y={},L="wrapper";function E(e){var n=e.components,t=v(e,x);return(0,a.mdx)(L,w({},y,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"x-axis-tick-label-orientation"},"X-Axis Tick Label orientation"),(0,a.mdx)("p",null,"This is a simple timeseries line graph with x-axis ticks label orientation ",(0,a.mdx)("inlineCode",{parentName:"p"},"tickLabelsRotation = -45"),". Tick label rotation is used to prevent labels from overlapping in a narrow viewport or due to long tick labels."),(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 i @cerner/carbon-graphs --save-dev"))))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,a.mdx)("h2",{id:"example"},"Example"),(0,a.mdx)(d,{mdxType:"LineGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data")),(0,a.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,a.mdx)(O,{mdxType:"GraphConfig"})))}E.isMDXComponent=!0},51320:function(e,n,t){var r,a;void 0===(a="function"==typeof(r=function(){var e="details",n="summary";function t(e){if("summary"===e.target.nodeName.toLowerCase()){var n=e.target.parentNode;if(!n)return;n.getAttribute("open")?(n.open=!1,n.removeAttribute("open")):(n.open=!0,n.setAttribute("open","open"))}}function r(){var t=document.createElement(e);if(!("open"in t))return!1;t.innerHTML="<"+n+">ab",document.body.appendChild(t);var r=t.offsetHeight;t.open=!0;var a=r!=t.offsetHeight;return document.body.removeChild(t),a}function a(e,n){if(!document.getElementById(e)){var t=document.createElement("style");t.id=e,t.innerHTML=n,document.getElementsByTagName("head")[0].appendChild(t)}}r()||(document.documentElement.className+=" no-details",window.addEventListener("click",t),a("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+n+") { display: none; }\nhtml.no-details "+e+" > "+n+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+n+':before { content: "▼"; }'))})?r.call(n,t,n,e):r)||(e.exports=a)}}]); \ No newline at end of file diff --git a/85685-30769b47004f0d154835.css b/85685-30769b47004f0d154835.css new file mode 100644 index 000000000..4f1ded5e2 --- /dev/null +++ b/85685-30769b47004f0d154835.css @@ -0,0 +1,8 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Text-module__clinical-lowlight-theme___mG7dV{--terra-text-v2-font-stack-after-content: '"Helvetica Neue", Helvetica, Arial, sans-serif'}.Text-module__orion-fusion-theme___s3eY\+{--terra-text-v2-font-stack-after-content: 'Tahoma, Geneva, Verdana, "Trebuchet MS", sans-serif'}.Text-module__text___pR3Hk{display:inline-block;font-weight:inherit}.Text-module__inherit-color___BT1c9{color:inherit}.Text-module__italic___Ai80R{font-style:italic}.Text-module__word-wrap___RWBlC{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.Text-module__font-size-100___QjMrh{font-size:7.143rem}.Text-module__font-size-92___xffy1{font-size:6.571rem}.Text-module__font-size-72___R9WxS{font-size:5.143rem}.Text-module__font-size-64___A0fSP{font-size:4.571rem}.Text-module__font-size-56___EpTwK{font-size:4rem}.Text-module__font-size-50___Hy8ue{font-size:3.571rem}.Text-module__font-size-46___MU8-J{font-size:3.286rem}.Text-module__font-size-36___8M9ck{font-size:2.571rem}.Text-module__font-size-32___-m5nt{font-size:2.286rem}.Text-module__font-size-24___OOFKN{font-size:1.714rem}.Text-module__font-size-20___rJO6P{font-size:1.429rem}.Text-module__font-size-18___TCBtv{font-size:1.286rem}.Text-module__font-size-16___ovQH2{font-size:1.143rem}.Text-module__font-size-14___fYamg{font-size:1rem}.Text-module__font-size-12___EGKPm{font-size:.8571rem}.Text-module__font-size-10___xZOQY{font-size:.7143rem}.Text-module__font-weight-200___NABUq{font-weight:200}.Text-module__font-weight-300___vm83w{font-weight:300}.Text-module__font-weight-400___Z-2pQ{font-weight:400}.Text-module__font-weight-700___WIUZQ{font-weight:700}.Text-module__visually-hidden___hgjcq{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Text-module__visually-hidden___hgjcq{border:0;margin:-1px;padding:0}.Text-module__font-stack___ydj-0::after{content:'"Helvetica Neue", Helvetica, Arial, sans-serif';content:var(--terra-text-v2-font-stack-after-content, '"Helvetica Neue", Helvetica, Arial, sans-serif');display:inline-block} +.colors-module__clinical-lowlight-theme___djX\+a{--terra-text-v2-font-stack-after-content: '"Helvetica Neue", Helvetica, Arial, sans-serif';--terra-text-attention-color: #fb4c4c;--terra-text-default-color: #6f7477;--terra-text-info-color: #5a81ff;--terra-text-success-color: #28dae0}.colors-module__orion-fusion-theme___gHvde{--terra-text-v2-font-stack-after-content: 'Tahoma, Geneva, Verdana, "Trebuchet MS", sans-serif';--terra-text-attention-color: #c00;--terra-text-default-color: #1c1f21;--terra-text-info-color: #0065a3;--terra-text-success-color: #78c346}:root{--terra-text-attention-color: rgb(220, 20, 60);--terra-text-success-color: rgb(46, 125, 50);--terra-text-info-color: #304ffe;--terra-text-default-color: #333}.colors-module__default___xEB3r{color:#333;color:var(--terra-text-default-color, #333)}.colors-module__attention___ra\+PH{color:rgb(220, 20, 60);color:var(--terra-text-attention-color, rgb(220, 20, 60))}.colors-module__success___0EbKw{color:rgb(46, 125, 50);color:var(--terra-text-success-color, rgb(46, 125, 50))}.colors-module__info___DYABi{color:#304ffe;color:var(--terra-text-info-color, #304ffe)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___tv8j-{-ms-flex:0 0;flex:0 0}} +[dir=ltr] .TextDocCommon-module__content-wrapper___Iyhd9{margin-left:10px;margin-right:10px}[dir=rtl] .TextDocCommon-module__content-wrapper___Iyhd9{margin-right:10px;margin-left:10px}.TextDocCommon-module__text-wrapper___x8WkM{width:150px}[dir] .TextDocCommon-module__text-wrapper___x8WkM{border:1px solid} +.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/85835-3ed9c17a0f1dfd70b13e.js b/85835-3ed9c17a0f1dfd70b13e.js new file mode 100644 index 000000000..9030d9d88 --- /dev/null +++ b/85835-3ed9c17a0f1dfd70b13e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[85835],{88906:function(e,t,n){var a=n(64836);t.Z=void 0;var o=a(n(38416)),r=a(n(56690)),l=a(n(89728)),h=a(n(94993)),s=a(n(73808)),i=a(n(66115)),d=a(n(61655)),m=a(n(67294)),c=a(n(19845)),u=a(n(55281)),p=a(n(11817)),x=a(n(3948)),g=a(n(27799));function f(e,t,n){return t=(0,s.default)(t),(0,h.default)(e,v()?Reflect.construct(t,n||[],(0,s.default)(e).constructor):t.apply(e,n))}function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(v=function(){return!!e})()}var C=c.default.bind(g.default),b=["top start","top center","top end","middle start","middle center","middle end","bottom start","bottom center","bottom end"],k=function(e){return e.map((function(e,t){var n=t;return m.default.createElement("option",{key:n,value:e},e)}))},y=function(e){return"middle start"===e?{vertical:"middle",horizontal:"start"}:"middle end"===e?{vertical:"middle",horizontal:"end"}:"middle center"===e?{vertical:"middle",horizontal:"center"}:"top start"===e?{vertical:"top",horizontal:"start"}:"top end"===e?{vertical:"top",horizontal:"end"}:"top center"===e?{vertical:"top",horizontal:"center"}:"bottom start"===e?{vertical:"bottom",horizontal:"start"}:"bottom end"===e?{vertical:"bottom",horizontal:"end"}:{vertical:"bottom",horizontal:"center"}},A=function(e){return"".concat(e,"BoundedExample")},T=function(e){function t(e){var n;return(0,r.default)(this,t),(n=f(this,t,[e])).handleButtonClick=n.handleButtonClick.bind((0,i.default)(n)),n.handleRequestClose=n.handleRequestClose.bind((0,i.default)(n)),n.handleAttachmentBehaviorChange=n.handleAttachmentBehaviorChange.bind((0,i.default)(n)),n.handleContentAttachmentChange=n.handleContentAttachmentChange.bind((0,i.default)(n)),n.handleTargetAttachmentChange=n.handleTargetAttachmentChange.bind((0,i.default)(n)),n.handleInputChange=n.handleInputChange.bind((0,i.default)(n)),n.setParentNode=n.setParentNode.bind((0,i.default)(n)),n.getParentNode=n.getParentNode.bind((0,i.default)(n)),n.state={isOpen:!1,hookshotContentAttachment:b[1],hookshotTargetAttachment:b[7],hookshotAttachmentBehavior:x.default.attachmentBehaviors[0],hookshotAttachmentMargin:0},n}return(0,d.default)(t,e),(0,l.default)(t,[{key:"componentDidMount",value:function(){this.parentNode.scrollTop=225,this.parentNode.scrollLeft=475}},{key:"handleButtonClick",value:function(){this.setState((function(e){return{isOpen:!e.isOpen}}))}},{key:"handleRequestClose",value:function(){this.setState({isOpen:!1})}},{key:"handleAttachmentBehaviorChange",value:function(e){this.setState({hookshotAttachmentBehavior:e.target.value})}},{key:"handleContentAttachmentChange",value:function(e){this.setState({hookshotContentAttachment:e.target.value})}},{key:"handleTargetAttachmentChange",value:function(e){this.setState({hookshotTargetAttachment:e.target.value})}},{key:"handleInputChange",value:function(e){""!==e.target.value&&this.setState((0,o.default)({},e.target.name,Number.parseFloat(e.target.value)))}},{key:"setParentNode",value:function(e){this.parentNode=e}},{key:"getParentNode",value:function(){return this.parentNode}},{key:"render",value:function(){var e=m.default.createElement(x.default.Content,{onEsc:this.handleRequestClose,onOutsideClick:this.handleRequestClose,onResize:this.handleRequestClose},m.default.createElement("div",{className:C("content-wrapper")},"Hookshot"));return m.default.createElement("div",null,m.default.createElement("div",{className:C("heading-wrapper")},m.default.createElement("label",{htmlFor:A("hookshotAttachmentBehavior"),className:C("label")},"Attachment Behavior")),m.default.createElement("select",{id:A("hookshotAttachmentBehavior"),name:"hookshotAttachmentBehavior",value:this.state.hookshotAttachmentBehavior,onChange:this.handleAttachmentBehaviorChange,className:C("select-wrapper")},k(x.default.attachmentBehaviors)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement(p.default,{label:"Attachment Margin in Px",inputId:A("hookshotAttachmentMargin"),inputAttrs:{name:"hookshotAttachmentMargin",type:"number"},defaultValue:this.state.hookshotAttachmentMargin,className:C("input-wrapper"),onChange:this.handleInputChange}),m.default.createElement("div",{className:C("heading-wrapper")},m.default.createElement("label",{htmlFor:A("hookshotContentAttachment"),className:C("label")},"Content Attachment")),m.default.createElement("select",{id:A("hookshotContentAttachment"),name:"hookshotContentAttachment",value:this.state.hookshotContentAttachment,onChange:this.handleContentAttachmentChange,className:C("select-wrapper")},k(b)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("div",{className:C("heading-wrapper")},m.default.createElement("label",{htmlFor:A("hookshotTargetAttachment"),className:C("label")},"Target Attachment")),m.default.createElement("select",{id:A("hookshotTargetAttachment"),name:"hookshotTargetAttachment",value:this.state.hookshotTargetAttachment,onChange:this.handleTargetAttachmentChange,className:C("select-wrapper")},k(b)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement(x.default,{attachmentBehavior:this.state.hookshotAttachmentBehavior,attachmentMargin:this.state.hookshotAttachmentMargin,boundingRef:this.getParentNode,contentAttachment:y(this.state.hookshotContentAttachment),isEnabled:!0,isOpen:this.state.isOpen,targetAttachment:y(this.state.hookshotTargetAttachment),targetRef:function(){return document.getElementById("hookshot-bounded-button")}},e),m.default.createElement("div",{className:C("bounded-parent-node-wrapper"),ref:this.setParentNode},m.default.createElement("div",{className:C("button-wrapper")},m.default.createElement(u.default,{id:"hookshot-bounded-button",text:"Hookshot Example",onClick:this.handleButtonClick,className:C("custom-button")}))))}}]),t}(m.default.Component);t.Z=T},18442:function(e,t,n){var a=n(64836);t.Z=void 0;var o=a(n(38416)),r=a(n(56690)),l=a(n(89728)),h=a(n(94993)),s=a(n(73808)),i=a(n(66115)),d=a(n(61655)),m=a(n(67294)),c=a(n(19845)),u=a(n(11817)),p=a(n(3948)),x=a(n(27799));function g(e,t,n){return t=(0,s.default)(t),(0,h.default)(e,f()?Reflect.construct(t,n||[],(0,s.default)(e).constructor):t.apply(e,n))}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(f=function(){return!!e})()}var v=c.default.bind(x.default),C=["top start","top center","top end","middle start","middle center","middle end","bottom start","bottom center","bottom end"],b=function(e){return e.map((function(e,t){var n=t;return m.default.createElement("option",{key:n,value:e},e)}))},k=function(e){return"".concat(e,"CoordsExample")},y=function(e){function t(e){var n;return(0,r.default)(this,t),(n=g(this,t,[e])).handleRegionClick=n.handleRegionClick.bind((0,i.default)(n)),n.handleRequestClose=n.handleRequestClose.bind((0,i.default)(n)),n.setParentNode=n.setParentNode.bind((0,i.default)(n)),n.getParentNode=n.getParentNode.bind((0,i.default)(n)),n.handleAttachmentBehaviorChange=n.handleAttachmentBehaviorChange.bind((0,i.default)(n)),n.handleContentAttachmentChange=n.handleContentAttachmentChange.bind((0,i.default)(n)),n.handleInputChange=n.handleInputChange.bind((0,i.default)(n)),n.state={isOpen:!1,coordinates:void 0,hookshotContentAttachment:C[1],hookshotAttachmentBehavior:p.default.attachmentBehaviors[0],hookshotAttachmentMargin:0},n}return(0,d.default)(t,e),(0,l.default)(t,[{key:"handleRegionClick",value:function(e){var t={x:e.clientX,y:e.clientY};this.setState((function(e){return{isOpen:!e.isOpen,coordinates:t}}))}},{key:"handleRequestClose",value:function(){this.setState({isOpen:!1})}},{key:"handleAttachmentBehaviorChange",value:function(e){this.setState({hookshotAttachmentBehavior:e.target.value})}},{key:"handleContentAttachmentChange",value:function(e){this.setState({hookshotContentAttachment:e.target.value})}},{key:"handleInputChange",value:function(e){""!==e.target.value&&this.setState((0,o.default)({},e.target.name,Number.parseFloat(e.target.value)))}},{key:"setParentNode",value:function(e){this.parentNode=e}},{key:"getParentNode",value:function(){return this.parentNode}},{key:"render",value:function(){var e,t=m.default.createElement(p.default.Content,{onEsc:this.handleRequestClose,onOutsideClick:this.handleRequestClose,onResize:this.handleRequestClose},m.default.createElement("div",{className:v("content-wrapper")},"Hookshot"));return m.default.createElement("div",null,m.default.createElement("div",{className:v("heading-wrapper")},m.default.createElement("label",{htmlFor:k("hookshotAttachmentBehavior"),className:v("label")},"Attachment Behavior")),m.default.createElement("select",{id:k("hookshotAttachmentBehavior"),name:"hookshotAttachmentBehavior",value:this.state.hookshotAttachmentBehavior,onChange:this.handleAttachmentBehaviorChange,className:v("select-wrapper")},b(p.default.attachmentBehaviors)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement(u.default,{label:"Attachment Margin in Px",inputId:k("hookshotAttachmentMargin"),inputAttrs:{name:"hookshotAttachmentMargin",type:"number"},defaultValue:this.state.hookshotAttachmentMargin,className:v("input-wrapper"),onChange:this.handleInputChange}),m.default.createElement("div",{className:v("heading-wrapper")},m.default.createElement("label",{htmlFor:k("hookshotContentAttachment"),className:v("label")},"Content Attachment")),m.default.createElement("select",{id:k("hookshotContentAttachment"),name:"hookshotContentAttachment",value:this.state.hookshotContentAttachment,onChange:this.handleContentAttachmentChange,className:v("select-wrapper")},b(C)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("div",{onClick:this.handleRegionClick,className:v("coords-parent-node-wrapper"),ref:this.setParentNode},"Click Inside",m.default.createElement(p.default,{attachmentBehavior:this.state.hookshotAttachmentBehavior,attachmentMargin:this.state.hookshotAttachmentMargin,boundingRef:this.getParentNode,contentAttachment:(e=this.state.hookshotContentAttachment,"middle start"===e?{vertical:"middle",horizontal:"start"}:"middle end"===e?{vertical:"middle",horizontal:"end"}:"middle center"===e?{vertical:"middle",horizontal:"center"}:"top start"===e?{vertical:"top",horizontal:"start"}:"top end"===e?{vertical:"top",horizontal:"end"}:"top center"===e?{vertical:"top",horizontal:"center"}:"bottom start"===e?{vertical:"bottom",horizontal:"start"}:"bottom end"===e?{vertical:"bottom",horizontal:"end"}:{vertical:"bottom",horizontal:"center"}),isEnabled:!0,isOpen:this.state.isOpen,targetCoordinates:this.state.coordinates},t)))}}]),t}(m.default.Component);t.Z=y},90141:function(e,t,n){var a=n(64836);t.Z=void 0;var o=a(n(38416)),r=a(n(56690)),l=a(n(89728)),h=a(n(94993)),s=a(n(73808)),i=a(n(66115)),d=a(n(61655)),m=a(n(67294)),c=a(n(19845)),u=a(n(55281)),p=a(n(11817)),x=a(n(3948)),g=a(n(27799));function f(e,t,n){return t=(0,s.default)(t),(0,h.default)(e,v()?Reflect.construct(t,n||[],(0,s.default)(e).constructor):t.apply(e,n))}function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(v=function(){return!!e})()}var C=c.default.bind(g.default),b=["top start","top center","top end","middle start","middle center","middle end","bottom start","bottom center","bottom end"],k=function(e){return e.map((function(e,t){var n=t;return m.default.createElement("option",{key:n,value:e},e)}))},y=function(e){return"middle start"===e?{vertical:"middle",horizontal:"start"}:"middle end"===e?{vertical:"middle",horizontal:"end"}:"middle center"===e?{vertical:"middle",horizontal:"center"}:"top start"===e?{vertical:"top",horizontal:"start"}:"top end"===e?{vertical:"top",horizontal:"end"}:"top center"===e?{vertical:"top",horizontal:"center"}:"bottom start"===e?{vertical:"bottom",horizontal:"start"}:"bottom end"===e?{vertical:"bottom",horizontal:"end"}:{vertical:"bottom",horizontal:"center"}},A=function(e){return"".concat(e,"Example")},T=function(e){function t(e){var n;return(0,r.default)(this,t),(n=f(this,t,[e])).handleButtonClick=n.handleButtonClick.bind((0,i.default)(n)),n.handleRequestClose=n.handleRequestClose.bind((0,i.default)(n)),n.handleAttachmentBehaviorChange=n.handleAttachmentBehaviorChange.bind((0,i.default)(n)),n.handleContentAttachmentChange=n.handleContentAttachmentChange.bind((0,i.default)(n)),n.handleTargetAttachmentChange=n.handleTargetAttachmentChange.bind((0,i.default)(n)),n.handleInputChange=n.handleInputChange.bind((0,i.default)(n)),n.state={isOpen:!1,hookshotContentAttachment:b[1],hookshotTargetAttachment:b[7],hookshotAttachmentBehavior:x.default.attachmentBehaviors[0],hookshotAttachmentMargin:0},n}return(0,d.default)(t,e),(0,l.default)(t,[{key:"handleButtonClick",value:function(){this.setState((function(e){return{isOpen:!e.isOpen}}))}},{key:"handleRequestClose",value:function(){this.setState({isOpen:!1})}},{key:"handleAttachmentBehaviorChange",value:function(e){this.setState({hookshotAttachmentBehavior:e.target.value})}},{key:"handleContentAttachmentChange",value:function(e){this.setState({hookshotContentAttachment:e.target.value})}},{key:"handleTargetAttachmentChange",value:function(e){this.setState({hookshotTargetAttachment:e.target.value})}},{key:"handleInputChange",value:function(e){""!==e.target.value&&this.setState((0,o.default)({},e.target.name,Number.parseFloat(e.target.value)))}},{key:"render",value:function(){var e=m.default.createElement(x.default.Content,{onEsc:this.handleRequestClose,onOutsideClick:this.handleRequestClose,onResize:this.handleRequestClose},m.default.createElement("div",{className:C("content-wrapper")},"Hookshot"));return m.default.createElement("div",null,m.default.createElement("div",{className:C("heading-wrapper")},m.default.createElement("label",{htmlFor:A("hookshotAttachmentBehavior"),className:C("label")},"Attachment Behavior")),m.default.createElement("select",{id:A("hookshotAttachmentBehavior"),name:"hookshotAttachmentBehavior",value:this.state.hookshotAttachmentBehavior,onChange:this.handleAttachmentBehaviorChange,className:C("select-wrapper")},k(x.default.attachmentBehaviors)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement(p.default,{label:"Attachment Margin in Px",inputId:A("hookshotAttachmentMargin"),inputAttrs:{name:"hookshotAttachmentMargin",type:"number"},defaultValue:this.state.hookshotAttachmentMargin,className:C("input-wrapper"),onChange:this.handleInputChange}),m.default.createElement("div",{className:C("heading-wrapper")},m.default.createElement("label",{htmlFor:A("hookshotContentAttachment"),className:C("label")},"Content Attachment")),m.default.createElement("select",{id:A("hookshotContentAttachment"),name:"hookshotContentAttachment",value:this.state.hookshotContentAttachment,onChange:this.handleContentAttachmentChange,className:C("select-wrapper")},k(b)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("div",{className:C("heading-wrapper")},m.default.createElement("label",{htmlFor:A("hookshotTargetAttachment"),className:C("label")},"Target Attachment")),m.default.createElement("select",{id:A("hookshotTargetAttachment"),name:"hookshotTargetAttachment",value:this.state.hookshotTargetAttachment,onChange:this.handleTargetAttachmentChange,className:C("select-wrapper")},k(b)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement(x.default,{attachmentBehavior:this.state.hookshotAttachmentBehavior,attachmentMargin:this.state.hookshotAttachmentMargin,contentAttachment:y(this.state.hookshotContentAttachment),isEnabled:!0,isOpen:this.state.isOpen,targetAttachment:y(this.state.hookshotTargetAttachment),targetRef:function(){return document.getElementById("hookshot-standard-button")}},e),m.default.createElement(u.default,{id:"hookshot-standard-button",text:"Hookshot Example",onClick:this.handleButtonClick}))}}]),t}(m.default.Component);t.Z=T},9315:function(e,t,n){n.r(t),n.d(t,{default:function(){return G}});var a=n(67294),o=n(81254),r=n(10865),l=n(78530),h=["components"];function s(){return s=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}var d={},m="wrapper";function c(e){var t=e.components,n=i(e,h);return(0,o.mdx)(m,s({},d,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(l.ZP,{mdxType:"PropsTable"},(0,o.mdx)(l.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"attachmentBehavior"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'auto'\n 'flip'\n 'push'\n 'none'\n],\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"'auto'\n"))),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"How the content should be positioned when the primary attachment is not available.\nValid values:\n'auto': returns 180 degrees, returns rotate 90 degree, returns rotate -90 degrees, returns primary attachment\n'flip': returns 180 degrees, returns primary attachment\n'push': pushes content to remain within the bounding rect, returns primary attachment\n'none': returns primary attachment"))),(0,o.mdx)(l.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"attachmentMargin"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"0\n"))),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Value in px of the margin to place between the target and the content."))),(0,o.mdx)(l.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"boundingRef"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Reference to the bounding container. Defaults to window unless attachment behavior is set to none."))),(0,o.mdx)(l.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(l.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The HookshotContent to be attached."))),(0,o.mdx)(l.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"contentAttachment"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n horizontal: {\n enum: [\n 'start'\n 'center'\n 'end'\n ],\n },\n vertical: {\n enum: [\n 'top'\n 'middle'\n 'bottom'\n ],\n },\n},\n"))),(0,o.mdx)(l.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Object containing the vertical and horizontal attachment values for the content.\nValid values: { horizontal: ","['start', 'center', 'end']",", vertical: ","['top', 'middle', 'bottom']"," }."))),(0,o.mdx)(l.X2,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"contentOffset"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n horizontal: {\n type: 'number',\n },\n vertical: {\n type: 'number',\n },\n},\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"{ horizontal: 0, vertical: 0 }\n"))),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Object containing the vertical and horizontal offset values in px for the content."))),(0,o.mdx)(l.X2,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"isEnabled"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Determines whether the content should be actively positioned via hookshot."))),(0,o.mdx)(l.X2,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"isOpen"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Should the content be presented."))),(0,o.mdx)(l.X2,{key:"ROW9",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"onPosition"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function when the content has been positioned."))),(0,o.mdx)(l.X2,{key:"ROW10",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"targetCoordinates"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n x: {\n type: 'number',\n required: true,\n },\n y: {\n type: 'number',\n required: true,\n },\n},\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Client coordinates to serve as the anchor point for the hookshot'd content."))),(0,o.mdx)(l.X2,{key:"ROW11",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"targetRef"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Element to serve as the anchor point for the hookshot'd content. (If targetCoordinates are provided, this is ignored.)"))),(0,o.mdx)(l.X2,{key:"ROW12",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"targetAttachment"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n horizontal: {\n enum: [\n 'start'\n 'center'\n 'end'\n ],\n },\n vertical: {\n enum: [\n 'top'\n 'middle'\n 'bottom'\n ],\n },\n},\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Object containing the vertical and horizontal attachment values for the target.\nValid values: { horizontal: ","['start', 'center', 'end']",", vertical: ","['top', 'middle', 'bottom']"," }.\nIf targetCoordinates are provided { horizontal: 'center', vertical: 'middle' } will be applied."))),(0,o.mdx)(l.X2,{key:"ROW13",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"targetOffset"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n horizontal: {\n type: 'number',\n },\n vertical: {\n type: 'number',\n },\n},\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"{ horizontal: 0, vertical: 0 }\n"))),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Object containing the vertical and horizontal offset values in px for the target.")))))}c.isMDXComponent=!0;var u=["components"];function p(){return p=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}var g={},f="wrapper";function v(e){var t=e.components,n=x(e,u);return(0,o.mdx)(f,p({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(l.ZP,{mdxType:"PropsTable"},(0,o.mdx)(l.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(l.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The children to be displayed as content within the content."))),(0,o.mdx)(l.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"onContentResize"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The function callback when a child content resize event occurs."))),(0,o.mdx)(l.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"onEsc"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The function callback when am escape keydown event occurs."))),(0,o.mdx)(l.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"onOutsideClick"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The function callback when a click outside event occurs."))),(0,o.mdx)(l.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"onResize"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The function callback when a resize event occurs."))),(0,o.mdx)(l.X2,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"refCallback"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The function returning the frame html reference.")))))}v.isMDXComponent=!0;var C=n(90141),b=["components"];function k(){return k=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}var A={};function T(e){var t=e.components,n=y(e,b);return(0,o.mdx)("wrapper",k({},A,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport Button from 'terra-button';\nimport InputField from 'terra-form-input/lib/InputField';\nimport Hookshot from 'terra-hookshot';\nimport styles from './HookshotDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ATTACHMENT_POSITIONS = [\n 'top start',\n 'top center',\n 'top end',\n 'middle start',\n 'middle center',\n 'middle end',\n 'bottom start',\n 'bottom center',\n 'bottom end',\n];\n\nconst generateOptions = values => (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nconst attachmentValues = (attachment) => {\n if (attachment === 'middle start') {\n return { vertical: 'middle', horizontal: 'start' };\n } if (attachment === 'middle end') {\n return { vertical: 'middle', horizontal: 'end' };\n } if (attachment === 'middle center') {\n return { vertical: 'middle', horizontal: 'center' };\n } if (attachment === 'top start') {\n return { vertical: 'top', horizontal: 'start' };\n } if (attachment === 'top end') {\n return { vertical: 'top', horizontal: 'end' };\n } if (attachment === 'top center') {\n return { vertical: 'top', horizontal: 'center' };\n } if (attachment === 'bottom start') {\n return { vertical: 'bottom', horizontal: 'start' };\n } if (attachment === 'bottom end') {\n return { vertical: 'bottom', horizontal: 'end' };\n }\n return { vertical: 'bottom', horizontal: 'center' };\n};\n\nconst getId = name => `${name}Example`;\n\nclass HookshotStandard extends React.Component {\n constructor(props) {\n super(props);\n this.handleButtonClick = this.handleButtonClick.bind(this);\n this.handleRequestClose = this.handleRequestClose.bind(this);\n this.handleAttachmentBehaviorChange = this.handleAttachmentBehaviorChange.bind(this);\n this.handleContentAttachmentChange = this.handleContentAttachmentChange.bind(this);\n this.handleTargetAttachmentChange = this.handleTargetAttachmentChange.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n this.state = {\n isOpen: false,\n hookshotContentAttachment: ATTACHMENT_POSITIONS[1],\n hookshotTargetAttachment: ATTACHMENT_POSITIONS[7],\n hookshotAttachmentBehavior: Hookshot.attachmentBehaviors[0],\n hookshotAttachmentMargin: 0,\n };\n }\n\n handleButtonClick() {\n this.setState(prevState => ({ isOpen: !prevState.isOpen }));\n }\n\n handleRequestClose() {\n this.setState({ isOpen: false });\n }\n\n handleAttachmentBehaviorChange(event) {\n this.setState({ hookshotAttachmentBehavior: event.target.value });\n }\n\n handleContentAttachmentChange(event) {\n this.setState({ hookshotContentAttachment: event.target.value });\n }\n\n handleTargetAttachmentChange(event) {\n this.setState({ hookshotTargetAttachment: event.target.value });\n }\n\n handleInputChange(event) {\n if (event.target.value !== '') {\n this.setState({ [event.target.name]: Number.parseFloat(event.target.value) });\n }\n }\n\n render() {\n const hookshotContent = (\n \n
Hookshot
\n \n );\n\n return (\n
\n
\n \n
\n \n {generateOptions(Hookshot.attachmentBehaviors)}\n \n
\n
\n \n
\n \n
\n \n {generateOptions(ATTACHMENT_POSITIONS)}\n \n
\n
\n
\n \n
\n \n {generateOptions(ATTACHMENT_POSITIONS)}\n \n
\n
\n document.getElementById('hookshot-standard-button')}\n >\n {hookshotContent}\n \n
\n );\n }\n}\n\nexport default HookshotStandard;\n\n")))}T.isMDXComponent=!0;var N=n(49271),O=["components"];function E(){return E=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}var R={};function B(e){var t=e.components,n=w(e,O);return(0,o.mdx)("wrapper",E({},R,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n background-color: #f00;\n height: 40px;\n width: 200px;\n }\n\n .bounded-parent-node-wrapper {\n background-color: #f0f8ff;\n height: 200px;\n overflow: auto;\n position: relative;\n width: 400px;\n }\n\n .coords-parent-node-wrapper {\n background-color: #f0f8ff;\n border: 1px dashed #000;\n height: 300px;\n width: 100%;\n }\n\n .select-wrapper {\n height: 30px;\n width: 200px;\n }\n\n .heading-wrapper {\n height: 25px;\n }\n\n .label {\n font-weight: bold;\n }\n\n .input-wrapper {\n width: 200px;\n }\n\n .button-wrapper {\n height: 600px;\n position: relative;\n width: 1200px;\n }\n\n .custom-button {\n left: 600px;\n position: absolute;\n top: 300px;\n }\n}\n\n")))}B.isMDXComponent=!0;var S=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(N.Z,{title:t||"Hookshot Example",description:n,example:a.createElement(C.Z,null),exampleCssSrc:a.createElement(B,null),exampleSrc:a.createElement(T,null),isExpanded:o})},I=n(88906),P=["components"];function j(){return j=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}var H={};function q(e){var t=e.components,n=D(e,P);return(0,o.mdx)("wrapper",j({},H,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport Button from 'terra-button';\nimport InputField from 'terra-form-input/lib/InputField';\nimport Hookshot from 'terra-hookshot';\nimport styles from './HookshotDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ATTACHMENT_POSITIONS = [\n 'top start',\n 'top center',\n 'top end',\n 'middle start',\n 'middle center',\n 'middle end',\n 'bottom start',\n 'bottom center',\n 'bottom end',\n];\n\nconst generateOptions = values => (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nconst attachmentValues = (attachment) => {\n if (attachment === 'middle start') {\n return { vertical: 'middle', horizontal: 'start' };\n } if (attachment === 'middle end') {\n return { vertical: 'middle', horizontal: 'end' };\n } if (attachment === 'middle center') {\n return { vertical: 'middle', horizontal: 'center' };\n } if (attachment === 'top start') {\n return { vertical: 'top', horizontal: 'start' };\n } if (attachment === 'top end') {\n return { vertical: 'top', horizontal: 'end' };\n } if (attachment === 'top center') {\n return { vertical: 'top', horizontal: 'center' };\n } if (attachment === 'bottom start') {\n return { vertical: 'bottom', horizontal: 'start' };\n } if (attachment === 'bottom end') {\n return { vertical: 'bottom', horizontal: 'end' };\n }\n return { vertical: 'bottom', horizontal: 'center' };\n};\n\nconst getId = name => `${name}BoundedExample`;\n\nclass HookshotStandard extends React.Component {\n constructor(props) {\n super(props);\n this.handleButtonClick = this.handleButtonClick.bind(this);\n this.handleRequestClose = this.handleRequestClose.bind(this);\n this.handleAttachmentBehaviorChange = this.handleAttachmentBehaviorChange.bind(this);\n this.handleContentAttachmentChange = this.handleContentAttachmentChange.bind(this);\n this.handleTargetAttachmentChange = this.handleTargetAttachmentChange.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n this.setParentNode = this.setParentNode.bind(this);\n this.getParentNode = this.getParentNode.bind(this);\n this.state = {\n isOpen: false,\n hookshotContentAttachment: ATTACHMENT_POSITIONS[1],\n hookshotTargetAttachment: ATTACHMENT_POSITIONS[7],\n hookshotAttachmentBehavior: Hookshot.attachmentBehaviors[0],\n hookshotAttachmentMargin: 0,\n };\n }\n\n componentDidMount() {\n this.parentNode.scrollTop = 225;\n this.parentNode.scrollLeft = 475;\n }\n\n handleButtonClick() {\n this.setState(prevState => ({ isOpen: !prevState.isOpen }));\n }\n\n handleRequestClose() {\n this.setState({ isOpen: false });\n }\n\n handleAttachmentBehaviorChange(event) {\n this.setState({ hookshotAttachmentBehavior: event.target.value });\n }\n\n handleContentAttachmentChange(event) {\n this.setState({ hookshotContentAttachment: event.target.value });\n }\n\n handleTargetAttachmentChange(event) {\n this.setState({ hookshotTargetAttachment: event.target.value });\n }\n\n handleInputChange(event) {\n if (event.target.value !== '') {\n this.setState({ [event.target.name]: Number.parseFloat(event.target.value) });\n }\n }\n\n setParentNode(node) {\n this.parentNode = node;\n }\n\n getParentNode() {\n return this.parentNode;\n }\n\n render() {\n const hookshotContent = (\n \n
Hookshot
\n \n );\n\n return (\n
\n
\n \n
\n \n {generateOptions(Hookshot.attachmentBehaviors)}\n \n
\n
\n \n
\n \n
\n \n {generateOptions(ATTACHMENT_POSITIONS)}\n \n
\n
\n
\n \n
\n \n {generateOptions(ATTACHMENT_POSITIONS)}\n \n
\n
\n document.getElementById('hookshot-bounded-button')}\n >\n {hookshotContent}\n \n \n
\n
\n
\n \n );\n }\n}\n\nexport default HookshotStandard;\n\n")))}q.isMDXComponent=!0;var z=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(N.Z,{title:t||"Bounded Hookshot Example",description:n,example:a.createElement(I.Z,null),exampleCssSrc:a.createElement(B,null),exampleSrc:a.createElement(q,null),isExpanded:o})},M=n(18442),_=["components"];function V(){return V=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}var X={};function F(e){var t=e.components,n=W(e,_);return(0,o.mdx)("wrapper",V({},X,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport InputField from 'terra-form-input/lib/InputField';\nimport Hookshot from 'terra-hookshot';\nimport styles from './HookshotDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ATTACHMENT_POSITIONS = [\n 'top start',\n 'top center',\n 'top end',\n 'middle start',\n 'middle center',\n 'middle end',\n 'bottom start',\n 'bottom center',\n 'bottom end',\n];\n\nconst generateOptions = values => (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nconst attachmentValues = (attachment) => {\n if (attachment === 'middle start') {\n return { vertical: 'middle', horizontal: 'start' };\n } if (attachment === 'middle end') {\n return { vertical: 'middle', horizontal: 'end' };\n } if (attachment === 'middle center') {\n return { vertical: 'middle', horizontal: 'center' };\n } if (attachment === 'top start') {\n return { vertical: 'top', horizontal: 'start' };\n } if (attachment === 'top end') {\n return { vertical: 'top', horizontal: 'end' };\n } if (attachment === 'top center') {\n return { vertical: 'top', horizontal: 'center' };\n } if (attachment === 'bottom start') {\n return { vertical: 'bottom', horizontal: 'start' };\n } if (attachment === 'bottom end') {\n return { vertical: 'bottom', horizontal: 'end' };\n }\n return { vertical: 'bottom', horizontal: 'center' };\n};\n\nconst getId = name => `${name}CoordsExample`;\n\nclass HookshotStandard extends React.Component {\n constructor(props) {\n super(props);\n this.handleRegionClick = this.handleRegionClick.bind(this);\n this.handleRequestClose = this.handleRequestClose.bind(this);\n this.setParentNode = this.setParentNode.bind(this);\n this.getParentNode = this.getParentNode.bind(this);\n this.handleAttachmentBehaviorChange = this.handleAttachmentBehaviorChange.bind(this);\n this.handleContentAttachmentChange = this.handleContentAttachmentChange.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n this.state = {\n isOpen: false,\n coordinates: undefined,\n hookshotContentAttachment: ATTACHMENT_POSITIONS[1],\n hookshotAttachmentBehavior: Hookshot.attachmentBehaviors[0],\n hookshotAttachmentMargin: 0,\n };\n }\n\n handleRegionClick(event) {\n const coordinates = { x: event.clientX, y: event.clientY };\n this.setState(prevState => ({ isOpen: !prevState.isOpen, coordinates }));\n }\n\n handleRequestClose() {\n this.setState({ isOpen: false });\n }\n\n handleAttachmentBehaviorChange(event) {\n this.setState({ hookshotAttachmentBehavior: event.target.value });\n }\n\n handleContentAttachmentChange(event) {\n this.setState({ hookshotContentAttachment: event.target.value });\n }\n\n handleInputChange(event) {\n if (event.target.value !== '') {\n this.setState({ [event.target.name]: Number.parseFloat(event.target.value) });\n }\n }\n\n setParentNode(node) {\n this.parentNode = node;\n }\n\n getParentNode() {\n return this.parentNode;\n }\n\n render() {\n const hookshotContent = (\n \n
Hookshot
\n \n );\n\n return (\n /* eslint-disable jsx-a11y/no-static-element-interactions */\n
\n
\n \n
\n \n {generateOptions(Hookshot.attachmentBehaviors)}\n \n
\n
\n \n
\n \n
\n \n {generateOptions(ATTACHMENT_POSITIONS)}\n \n
\n
\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n \n Click Inside\n \n {hookshotContent}\n \n
\n \n /* eslint-enable jsx-a11y/no-static-element-interactions */\n );\n }\n}\n\nexport default HookshotStandard;\n\n")))}F.isMDXComponent=!0;var Z=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(N.Z,{title:t||"Coords Hookshot Example",description:n,example:a.createElement(M.Z,null),exampleCssSrc:a.createElement(B,null),exampleSrc:a.createElement(F,null),isExpanded:o})},L=["components"];function $(){return $=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}var K={},Y="wrapper";function G(e){var t=e.components,n=J(e,L);return(0,o.mdx)(Y,$({},K,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(r.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-hookshot"},"Terra Hookshot"),(0,o.mdx)("p",null,"The Terra Hookshot component positions content according to a targeted attachment, ensuring they stay connected."),(0,o.mdx)("p",null,"Hookshot is currently utilized in the following component(s):",(0,o.mdx)("br",null)),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-framework/components/terra-popup/popup/popup"},"Popup"))),(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-hookshot"))))),(0,o.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,o.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,o.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Hookshot from 'terra-hookshot';\n")),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(S,{title:"Window Bound Hookshot",mdxType:"HookshotExample"}),(0,o.mdx)(z,{title:"Container Bound Hookshot",mdxType:"BoundedHookshotExample"}),(0,o.mdx)(Z,{title:"Coordinate Targeted Hookshot",mdxType:"CoordsHookshotExample"}),(0,o.mdx)("h2",{id:"hookshot-props-table"},"Hookshot Props Table"),(0,o.mdx)(c,{mdxType:"HookshotSrc"}),(0,o.mdx)("h2",{id:"hookshot-content-props-table"},"Hookshot Content Props Table"),(0,o.mdx)(v,{mdxType:"HookshotContentSrc"}))}G.isMDXComponent=!0},10865:function(e,t,n){n.d(t,{C:function(){return r}});var a=n(67294),o=n(22863),r=function(e){var t=e.url;return a.createElement(o.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-hookshot",name:"terra-hookshot",version:"5.41.0",url:t})}},27799:function(e,t,n){n.r(t),t.default={"content-wrapper":"HookshotDocCommon-module__content-wrapper___ffqj+","bounded-parent-node-wrapper":"HookshotDocCommon-module__bounded-parent-node-wrapper___5Cx9K","coords-parent-node-wrapper":"HookshotDocCommon-module__coords-parent-node-wrapper___mMyTJ","select-wrapper":"HookshotDocCommon-module__select-wrapper___jcR9m","heading-wrapper":"HookshotDocCommon-module__heading-wrapper___oLmd6",label:"HookshotDocCommon-module__label___olM3r","input-wrapper":"HookshotDocCommon-module__input-wrapper___g1+sN","button-wrapper":"HookshotDocCommon-module__button-wrapper___K1oCf","custom-button":"HookshotDocCommon-module__custom-button___gMJ4b"}}}]); \ No newline at end of file diff --git a/85845-557f0e4c2ea82545acad.css b/85845-557f0e4c2ea82545acad.css new file mode 100644 index 000000000..1a8420f9a --- /dev/null +++ b/85845-557f0e4c2ea82545acad.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:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.example-styles-module__example-wrapper___ZHkEP{height:3rem}[dir] .example-styles-module__content-wrapper___yjSGG{padding:.7rem}[dir] .example-styles-module__custom-notification-dialog-icon___G0LWx{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___0DE3W{--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___YEScJ{--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/85845-557f0e4c2ea82545acad.js b/85845-557f0e4c2ea82545acad.js new file mode 100644 index 000000000..a63d24bc2 --- /dev/null +++ b/85845-557f0e4c2ea82545acad.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[85845,45627,85565,37344,3353,33667,96890,79482,5161,45865,85355,80858,14041,3193,16835,4845,46647,85161,27444,17657,38681,16873,15318,40411,66097,90941,18101,38443,79057,11264,34319,62979,33315,20116,33609,12026,78996,39915,33442],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var o=a(n(67294)),r=a(n(45697)),i=a(n(19845)),l=a(n(17422)),s=i.default.bind(l.default),c={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},d=function(e){var t=e.src,n=e.name,a=e.url,r=e.version,i=o.default.createElement("a",{className:s("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},o.default.createElement("span",{className:s("badge-name")},a?"package":"npm"),o.default.createElement("span",{className:s("badge-version")},"v".concat(r))),l=t?o.default.createElement("a",{className:s("badge"),href:t},o.default.createElement("span",{className:s("badge-name")},"github"),o.default.createElement("span",{className:s("badge-version")},"source")):void 0;return o.default.createElement("div",{className:s("badge-container")},i,l)};d.propTypes=c;var u=d;t.Z=u},49271:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.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]}a.default=e,n&&n.set(e,a);return a}(n(67294)),l=a(n(45697)),s=a(n(19845)),c=n(21538),d=a(n(33864)),u=a(n(23399)),p=n(51051),m=a(n(53560));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=s.default.bind(m.default),h={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")},b=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,l=e.description,s=e.isExpanded,m=(0,i.useState)(s),f=(0,r.default)(m,2),h=f[0],b=f[1],v=(0,i.useState)(!1),w=(0,r.default)(v,2),O=w[0],C=w[1],T=i.default.useContext(c.ThemeContext),N=void 0!==a,j=function(){C(!O),h&&b(!h)},k=function(){b(!h),O&&C(!O)},_=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return i.default.createElement("div",{className:g("template",T.className)},i.default.createElement("div",{className:g("header")},o&&i.default.createElement("h2",{className:g("title")},o)),i.default.createElement("div",{className:g("content")},l&&i.default.createElement("div",{className:g("description")},l),t),i.default.createElement("div",{className:g("footer")},n?i.default.createElement("div",{className:g("button-container")},N&&i.default.createElement("button",{type:"button",className:g("css-toggle","item",{"is-selected":O}),onClick:j,onKeyDown:function(e){return _(e,j)},onBlur:x,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(d.default,{className:g("chevron")}),i.default.createElement("span",null,"CSS"),i.default.createElement(u.default,{className:g("chevron")})),i.default.createElement("button",{type:"button",className:g("code-toggle","item",{"is-selected":h}),onClick:k,onKeyDown:function(e){return _(e,k)},onBlur:x,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(d.default,{className:g("chevron")}),i.default.createElement("span",null,"Code"),i.default.createElement(u.default,{className:g("chevron")}))):null,i.default.createElement("div",null,O&&i.default.createElement("div",{className:g("css")},a),h&&i.default.createElement("div",{className:g("code")},n))))};b.propTypes=h,b.defaultProps={isExpanded:!1};var v=b;t.Z=v},97846:function(e,t,n){var a=n(64836),o=n(18698);var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=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&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));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)}},11023:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=d(n(67294)),l=a(n(55281)),s=d(n(84058));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 d(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&&Object.prototype.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}t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],o=function(){a(!1)};return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(s.default,{variant:"hazard-medium",dialogTitle:"Use a Title That Relates Directly to the Actions",startMessage:"The message should clearly provide a contextual description of the issue concisely, use ContentLayoutAsList when enumerating a list of relevant items:",content:i.default.createElement(s.ContentLayoutAsList,{items:["Item 1","Item 2"]}),endMessage:"If further action is needed, provide relevant actions and ask the user to confirm how to proceed, or include a resolution statement that explains how to resolve the issue or what steps to take next.",acceptAction:{text:"Emphasized Accept Action",onClick:o},rejectAction:{text:"Reject Action",onClick:o},buttonOrder:"acceptFirst",emphasizedAction:"accept"}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},7373:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=u(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&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(19845)),c=a(n(84058)),d=a(n(53463));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 p=s.default.bind(d.default);t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],o=function(){a(!1)};return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(c.default,{variant:"custom",custom:{iconClassName:p("custom-notification-dialog-icon"),signalWord:"Custom Signal Word"},dialogTitle:"Use a Title That Relates Directly to The Actions",startMessage:"The message should clearly provide a contextual description of the issue concisely, and include a resolution statement that explains how to resolve the issue or what steps to take next.",endMessage:"If further action is needed, provide relevant actions and ask the user to confirm how to proceed.",acceptAction:{text:"Emphasized Accept Action",onClick:o},rejectAction:{text:"Reject Action",onClick:o},buttonOrder:"acceptFirst",emphasizedAction:"accept"}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},59381:function(e,t,n){var a=n(64836),o=n(18698);var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=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&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));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)}},62452:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=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&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],o=function(){a(!1)};return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(s.default,{variant:"error",dialogTitle:"Unable to Save",startMessage:"We're sorry, we cannot save your entry at this time.",endMessage:"Click Submit to try again. If you continue to see this message, contact your support team.",acceptAction:{text:"Submit",onClick:o},rejectAction:{text:"Cancel",onClick:o},buttonOrder:"acceptFirst",emphasizedAction:"accept"}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},110:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=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&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1];return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(s.default,{variant:"hazard-high",dialogTitle:"Drug Dosage Risk",startMessage:"A wrong drug dosage can occur if the suggested cycle (e.g. daily) does not match the intended cycle (e.g. weekly).",endMessage:"Change the suggested cycle or the intended cycle so they match.",acceptAction:{text:"OK",onClick:function(){a(!1)}},emphasizedAction:"accept"}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},8630:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=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&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1];return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(s.default,{variant:"hazard-low",dialogTitle:"Protocol Treatment Period Advisory",startMessage:"oxyCODONE cannot be included because the associated days of treatment are completed, discontinued, or skipped.",endMessage:"Resolve the associated days to include in the Protocol treatment period.",acceptAction:{text:"OK",onClick:function(){a(!1)}}}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},89336:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=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&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],o=function(){a(!1)};return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(s.default,{variant:"hazard-medium",dialogTitle:"Sensitive Information - Pediatric Progress Note",startMessage:"You are about to view a note that is marked as sensitive. You must acknowledge its sensitivity to continue.",endMessage:"How do you want to proceed?",acceptAction:{text:"Acknowledge and View Note",onClick:o},rejectAction:{text:"Cancel",onClick:o},buttonOrder:"acceptFirst"}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},3761:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=m(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&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(19845)),s=a(n(55281)),c=n(15560),d=a(n(8815)),u=a(n(84058)),p=a(n(53463));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var f=l.default.bind(p.default),g=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],o=function(){a(!1)};return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(u.default,{variant:"hazard-medium",dialogTitle:"Use a Title That Relates Directly to the Actions",startMessage:"The message should clearly provide a contextual description of the issue concisely, and include a resolution statement that explains how to resolve the issue or what steps to take next.",endMessage:"If further action is needed, provide relevant actions and ask the user to confirm how to proceed.",acceptAction:{text:"Emphasized Accept Action",onClick:o},rejectAction:{text:"Reject Action",onClick:o},buttonOrder:"acceptFirst",emphasizedAction:"accept"}),i.default.createElement(s.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))},h=function(){var e=(0,i.useContext)(c.DisclosureManagerContext);return i.default.createElement(s.default,{text:"Trigger Modal",onClick:function(){e.disclose({preferredType:"modal",size:"small",content:{key:"ModalContent",title:"Example Modal Content",component:i.default.createElement(g,null)}})}})};t.Z=function(){return i.default.createElement("div",{className:f("example-wrapper")},i.default.createElement(d.default,null,i.default.createElement(h,null)))}},3668:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=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&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058)),c=a(n(10027));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)}t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],o=function(){a(!1)};return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(s.default,{variant:"hazard-medium",dialogTitle:"Use a Title That Relates Directly to the Actions - Long Titles Should Be Avoided When Possible",content:i.default.createElement(c.default,{setFocusOnContainer:!0},"Users need to know what is going on, and get appropriate feedback during interaction. For example, users need confirmation messages when actions are completed, such as when forms are submitted. Also, error messages must provide clear directions rather than confuse users.\n People with some cognitive and learning disabilities, who may be easily confused by unexpected behavior and unclear error messages.\n People with partial sight and blindness, who rely on notifications, instructions, and errors messages to understand the context and interactions.\n Content is more usable for people who are new to the particular website or application.\n Content is more usable for people who are not confident using computers and the web.\n Content is less confusing and daunting to everyone, regardless of skills.\n Use clear and simple language to make error messages more understandable. For example, describe how to fix an error. When forms are submitted, provide a confirmation message. When a change is made on the screen, such as new content added, alert users to the change.\n Content must be easy to follow and understand for many users. For most content, this means simply avoiding overly complex sentences and jargon, and providing clear layout and design. For some complex content such as medical information, separate, easy-to-read information may be necessary.\n People with learning disabilities who cannot understand complex sentence structures and vocabulary.\n People with cognitive disabilities who have difficulty focusing on long passages of dense text.\n Content is more usable for people with lower language skills, such as people who are not fluent in the language of the website and people with low literacy.\n Content is easier to understand by users who are not familiar with the topic.\n Content is easier to skim, and get an overview of the information.\n Avoid overly complex words, jargon, and acronyms, or provide explanations when they need to be used. Provide structure using headings, lists, and spacing. Provide illustrations that clarify the content, when helpful. Provide clear layout and design with consistent orientation and navigation cues.\n Some users need to be able to change the way text is displayed so that they can read the text. This includes changing the size, spacing, font, color, and other text properties. When users change these properties, no information or functionality should be lost, and the text should re-flow so users don’t have to scroll horizontally to read sentences. Text customization is more than the zoom functionality, which only changes the text size.\n People with low vision who are not using screen magnification software.\n People with some forms of dyslexia and other cognitive and learning disabilities who need a particular presentation of text to read it.\n Content is more adaptable to smaller and larger screen sizes.\n Content is more adaptable to personal preferences and comfort.\n Content is more adaptable when translated, since words and sentences are different lengths in different languages.\n Content must be properly designed and coded so that it can adapt to different customization settings. This includes using relative rather than absolute units for the size of fonts, controls, and other objects. Applications should use the operating system and web browser text settings. Websites and applications could also provide information to help users change their settings. Web browsers and other web tools need to provide users with text customization functionality.\n The area for clicking and tapping controls must be large enough for people to activate them. This includes links, buttons, checkboxes, and other controls. Small controls, and controls that are placed too close to each other, are difficult for many people to use. This is particularly relevant on mobile devices with small screens.\n People with physical disabilities who have reduced dexterity.\n Content is more usable on touch screens, especially on smaller mobile devices.\n Content is more usable for people who are not experienced with the mouse or touch-pad on the computer they are using.\n Content is more usable in situations where the device cannot be held steady.\n Design large controls or activation areas around the controls. (Increasing the font size of the control sometimes isn’t enough.) Provide adequate separation between selectable controls. Provide labels for controls, which enlarges the activation area in many browsers because the label for checkboxes and option buttons is also clickable.\n "),acceptAction:{text:"Emphasized Accept Action",onClick:o},rejectAction:{text:"Reject Action",onClick:o},buttonOrder:"acceptFirst",emphasizedAction:"accept"}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},82070:function(e,t,n){n.r(t),n.d(t,{default:function(){return Pe}});var a=n(67294),o=n(81254),r=n(28997),i=n(78530),l=["components"];function s(){return s=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}var d={},u="wrapper";function p(e){var t=e.components,n=c(e,l);return(0,o.mdx)(u,s({},d,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(i.ZP,{mdxType:"PropsTable"},(0,o.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"variant"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'hazard-high'\n 'hazard-medium'\n 'hazard-low'\n 'error'\n 'custom'\n],\n"))),(0,o.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.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,o.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"dialogTitle"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,(0,o.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,o.mdx)(i.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"startMessage"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.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,o.mdx)(i.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"endMessage"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.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,o.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"content"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The content to be inserted after ",(0,o.mdx)("inlineCode",{parentName:"p"},"startMessage")," and/or before ",(0,o.mdx)("inlineCode",{parentName:"p"},"endMessage")," to provide more details to the user in the dialog body. Don’t repeat the title verbatim."))),(0,o.mdx)(i.X2,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"acceptAction"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n text: {\n type: 'string',\n },\n onClick: {\n type: 'func',\n },\n},\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The button text and onclick values of the accept button."))),(0,o.mdx)(i.X2,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"rejectAction"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n text: {\n type: 'string',\n },\n onClick: {\n type: 'func',\n },\n},\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The button text and onclick values of the reject button."))),(0,o.mdx)(i.X2,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"buttonOrder"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'acceptFirst'\n 'rejectFirst'\n],\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"'acceptFirst'\n"))),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Determines the order of notification action buttons."))),(0,o.mdx)(i.X2,{key:"ROW9",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"emphasizedAction"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'accept'\n 'reject'\n],\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Determines whether acceptAction, rejectAction or neither is emphasizedAction"))),(0,o.mdx)(i.X2,{key:"ROW10",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"custom"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.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,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The pieces to populate a notification-dialog when ",(0,o.mdx)("inlineCode",{parentName:"p"},'variant="custom"'),".")))))}p.isMDXComponent=!0;var m=["components"];function f(){return f=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}var h={},x="wrapper";function y(e){var t=e.components,n=g(e,m);return(0,o.mdx)(x,f({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(i.ZP,{mdxType:"PropsTable"},(0,o.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"items"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,o.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The list of strings to display in a list format.")))))}y.isMDXComponent=!0;var b=n(110),v=["components"];function w(){return w=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}var C={};function T(e){var t=e.components,n=O(e,v);return(0,o.mdx)("wrapper",w({},C,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.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 {this.state.submittedData && (\n
\n
\n

Form was submitted with

\n

{JSON.stringify(this.state.submittedData, null, 2)}

\n
\n )}\n \n );\n }\n}\n\nexport default HandledOnsetExample;\n\n")))}v.isMDXComponent=!0;var O=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(p.Z,{title:t||"Handled Onset",description:n,example:a.createElement(m.Z,null),exampleSrc:a.createElement(v,null),isExpanded:r})},x=n(54756),j=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var w={};function C(e){var t=e.components,n=k(e,j);return(0,r.mdx)("wrapper",T({},w,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment';\nimport OnsetPicker from 'terra-clinical-onset-picker';\n\nconst OnsetWithHiddenLegend = () => (\n \n);\n\nexport default OnsetWithHiddenLegend;\n\n")))}C.isMDXComponent=!0;var P=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(p.Z,{title:t||"Onset With Hidden Legend",description:n,example:a.createElement(x.Z,null),exampleSrc:a.createElement(C,null),isExpanded:r})},_=n(78530),D=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var E={},M="wrapper";function I(e){var t=e.components,n=S(e,D);return(0,r.mdx)(M,N({},E,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(_.ZP,{mdxType:"PropsTable"},(0,r.mdx)(_.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(_.O,{mdxType:"PropNameCell"},"ageUnit"),(0,r.mdx)(_.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'weeks'\n 'months'\n 'years'\n],\n"))),(0,r.mdx)(_.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(_.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(_.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The date unit of the age value. One of ",(0,r.mdx)("inlineCode",{parentName:"p"},"weeks"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"months"),", or ",(0,r.mdx)("inlineCode",{parentName:"p"},"years"),"."))),(0,r.mdx)(_.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(_.O,{mdxType:"PropNameCell"},"birthdate"),(0,r.mdx)(_.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(_.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(_.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(_.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The ISO 8601 ",(0,r.mdx)("strong",{parentName:"p"},"DATE ONLY")," string representation of the birth date to calculate an onset date for the ",(0,r.mdx)("inlineCode",{parentName:"p"},"age")," precision.\nAlso limits the earliest possible date that can be selected for an onset date for ",(0,r.mdx)("inlineCode",{parentName:"p"},"year"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"month"),", and ",(0,r.mdx)("inlineCode",{parentName:"p"},"date")," precision."))),(0,r.mdx)(_.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(_.O,{mdxType:"PropNameCell"},"granularity"),(0,r.mdx)(_.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'age'\n 'year'\n 'month'\n 'date'\n],\n"))),(0,r.mdx)(_.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(_.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(_.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The granularity of the onset date. One of ",(0,r.mdx)("inlineCode",{parentName:"p"},"age"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"year"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"month"),", or ",(0,r.mdx)("inlineCode",{parentName:"p"},"date")," is accepted."))),(0,r.mdx)(_.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(_.O,{mdxType:"PropNameCell"},"id"),(0,r.mdx)(_.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(_.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(_.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(_.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The id of the onset picker. Used as the base for other required id/name in sub-components."))),(0,r.mdx)(_.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(_.O,{mdxType:"PropNameCell"},"precision"),(0,r.mdx)(_.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'on/at'\n 'about'\n 'before'\n 'after'\n 'unknown'\n],\n"))),(0,r.mdx)(_.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(_.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(_.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The precision of the onset date. This should be one of precisions passed to the precisionSet prop.\nOne of ",(0,r.mdx)("inlineCode",{parentName:"p"},"on/at"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"about"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"before"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"after"),", or ",(0,r.mdx)("inlineCode",{parentName:"p"},"unknown"),"."))),(0,r.mdx)(_.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(_.O,{mdxType:"PropNameCell"},"precisionSet"),(0,r.mdx)(_.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n enum: [\n 'on/at'\n 'about'\n 'before'\n 'after'\n 'unknown'\n ],\n}],\n"))),(0,r.mdx)(_.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(_.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"['on/at', 'about', 'before', 'after', 'unknown']\n"))),(0,r.mdx)(_.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The set of precisions that can be used with the onset picker.\nCombination of ",(0,r.mdx)("inlineCode",{parentName:"p"},"on/at"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"about"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"before"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"after"),", and ",(0,r.mdx)("inlineCode",{parentName:"p"},"unknown"),".\nOrder of precisions determines order in precision select."))),(0,r.mdx)(_.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(_.O,{mdxType:"PropNameCell"},"onsetDate"),(0,r.mdx)(_.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(_.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(_.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(_.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The ISO 8601 ",(0,r.mdx)("strong",{parentName:"p"},"DATE ONLY")," string representation of the onset date to view/modify."))),(0,r.mdx)(_.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(_.O,{mdxType:"PropNameCell"},"onsetOnChange"),(0,r.mdx)(_.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(_.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(_.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(_.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when any value of the onsetDate is changed.\nThe first parameter is a Object that contains ",(0,r.mdx)("inlineCode",{parentName:"p"},"precision"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"granularity"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"onsetDate"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"onsetDateMetadata"),", and ",(0,r.mdx)("inlineCode",{parentName:"p"},"ageUnit"),".\n",(0,r.mdx)("inlineCode",{parentName:"p"},"ageUnit")," is only present if the granularity is 'age'.\n",(0,r.mdx)("inlineCode",{parentName:"p"},"onsetDateMetadata")," contains additional properties about the state of the onset date."))),(0,r.mdx)(_.X2,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(_.O,{mdxType:"PropNameCell"},"legend"),(0,r.mdx)(_.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(_.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(_.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(_.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Legend for the Onset Picker field group."))),(0,r.mdx)(_.X2,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(_.O,{mdxType:"PropNameCell"},"isLegendHidden"),(0,r.mdx)(_.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(_.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(_.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(_.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the legend is visible. Use this props to hide a legend while still creating it on the DOM for accessibility."))),(0,r.mdx)(_.X2,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(_.O,{mdxType:"PropNameCell"},"required"),(0,r.mdx)(_.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(_.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(_.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(_.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field is required.")))))}I.isMDXComponent=!0;var R=["components"];function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var q={},Y="wrapper";function L(e){var t=e.components,n=U(e,R);return(0,r.mdx)(Y,A({},q,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-clinical-onset-picker"},"Terra Clinical Onset Picker"),(0,r.mdx)("p",null,"The terra-clinical-onset-picker component provides users a way to enter or select an approximate date for use in onset scenarios. The onset date is limited to occurring after the birth date supplied. For ",(0,r.mdx)("inlineCode",{parentName:"p"},"AGE")," granularity, the age input has a maximum of ",(0,r.mdx)("inlineCode",{parentName:"p"},"8")," for ",(0,r.mdx)("inlineCode",{parentName:"p"},"Week(s)")," unit, and ",(0,r.mdx)("inlineCode",{parentName:"p"},"24")," for ",(0,r.mdx)("inlineCode",{parentName:"p"},"Month(s)")," unit. The user is expected to use ",(0,r.mdx)("inlineCode",{parentName:"p"},"Month(s)")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"Year(s)")," respectively for larger values."),(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"})," All inputs must have a visible label that communicates the purpose of the field face up. Ensuring this label is always visible will ensure all users, especially those using assistive technologies, can understand the purpose of the input and interact with the field."),(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-clinical-onset-picker"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import OnsetPicker from 'terra-clinical-onset-picker';\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#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("p",null,"** This component does not support Arabic translations"),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(f,{title:"Default with initialization",mdxType:"DefaultOnset"}),(0,r.mdx)(O,{title:"Onset picker with supplied data and handlers",mdxType:"HandledOnset"}),(0,r.mdx)(P,{title:"Onset picker with Hidden legend",mdxType:"OnsetWithHiddenLegend"}),(0,r.mdx)("h2",{id:"onset-picker-props"},"Onset Picker Props"),(0,r.mdx)(I,{mdxType:"OnsetPickerPropsTable"}))}L.isMDXComponent=!0},26943:function(e,t,n){"use strict";n.d(t,{C:function(){return i}});var a=n(67294),r=n(22863),i=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-onset-picker",name:"terra-clinical-onset-picker",version:"4.37.0",url:t})}},74404:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"OnsetPicker-module__clinical-lowlight-theme___IjDmU","orion-fusion-theme":"OnsetPicker-module__orion-fusion-theme___-9OlM",age:"OnsetPicker-module__age___XMjT8","field-inline":"OnsetPicker-module__field-inline___rL7wX",fieldset:"OnsetPicker-module__fieldset___fBagK",precision:"OnsetPicker-module__precision___xN0bM",granularity:"OnsetPicker-module__granularity___8s609","age-unit":"OnsetPicker-module__age-unit___+r2fv",month:"OnsetPicker-module__month___RGy8c",year:"OnsetPicker-module__year___zwIlu"}},93163:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"Fieldset-module__clinical-lowlight-theme___nWj-n","orion-fusion-theme":"Fieldset-module__orion-fusion-theme___Geekx",fieldset:"Fieldset-module__fieldset___OYD70","fieldset-required":"Fieldset-module__fieldset-required___Miv2Y",legend:"Fieldset-module__legend___FU+2h","legend-visually-hidden":"Fieldset-module__legend-visually-hidden___oqYdt","help-text":"Fieldset-module__help-text___77jdl","fieldset-children":"Fieldset-module__fieldset-children___M6iyI"}},68344:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___Ptjr3","orion-fusion-theme":"Input-module__orion-fusion-theme___DPZkd","form-input":"Input-module__form-input___SK0Lr","form-error":"Input-module__form-error___vbgIA","form-incomplete":"Input-module__form-incomplete___zuCw9"}},46700:function(e,t,n){var a={"./af":42786,"./af.js":42786,"./ar":30867,"./ar-dz":14130,"./ar-dz.js":14130,"./ar-kw":96135,"./ar-kw.js":96135,"./ar-ly":56440,"./ar-ly.js":56440,"./ar-ma":47702,"./ar-ma.js":47702,"./ar-ps":20315,"./ar-ps.js":20315,"./ar-sa":16040,"./ar-sa.js":16040,"./ar-tn":37100,"./ar-tn.js":37100,"./ar.js":30867,"./az":31083,"./az.js":31083,"./be":9808,"./be.js":9808,"./bg":68338,"./bg.js":68338,"./bm":67438,"./bm.js":67438,"./bn":8905,"./bn-bd":76225,"./bn-bd.js":76225,"./bn.js":8905,"./bo":11560,"./bo.js":11560,"./br":1278,"./br.js":1278,"./bs":80622,"./bs.js":80622,"./ca":2468,"./ca.js":2468,"./cs":5822,"./cs.js":5822,"./cv":50877,"./cv.js":50877,"./cy":47373,"./cy.js":47373,"./da":24780,"./da.js":24780,"./de":59740,"./de-at":60217,"./de-at.js":60217,"./de-ch":60894,"./de-ch.js":60894,"./de.js":59740,"./dv":5300,"./dv.js":5300,"./el":50837,"./el.js":50837,"./en-au":78348,"./en-au.js":78348,"./en-ca":77925,"./en-ca.js":77925,"./en-gb":22243,"./en-gb.js":22243,"./en-ie":46436,"./en-ie.js":46436,"./en-il":47207,"./en-il.js":47207,"./en-in":44175,"./en-in.js":44175,"./en-nz":76319,"./en-nz.js":76319,"./en-sg":31662,"./en-sg.js":31662,"./eo":92915,"./eo.js":92915,"./es":55655,"./es-do":55251,"./es-do.js":55251,"./es-mx":96112,"./es-mx.js":96112,"./es-us":71146,"./es-us.js":71146,"./es.js":55655,"./et":5603,"./et.js":5603,"./eu":77763,"./eu.js":77763,"./fa":76959,"./fa.js":76959,"./fi":11897,"./fi.js":11897,"./fil":42549,"./fil.js":42549,"./fo":94694,"./fo.js":94694,"./fr":94470,"./fr-ca":63049,"./fr-ca.js":63049,"./fr-ch":52330,"./fr-ch.js":52330,"./fr.js":94470,"./fy":5044,"./fy.js":5044,"./ga":29295,"./ga.js":29295,"./gd":2101,"./gd.js":2101,"./gl":38794,"./gl.js":38794,"./gom-deva":27884,"./gom-deva.js":27884,"./gom-latn":23168,"./gom-latn.js":23168,"./gu":95349,"./gu.js":95349,"./he":24206,"./he.js":24206,"./hi":30094,"./hi.js":30094,"./hr":30316,"./hr.js":30316,"./hu":22138,"./hu.js":22138,"./hy-am":11423,"./hy-am.js":11423,"./id":29218,"./id.js":29218,"./is":90135,"./is.js":90135,"./it":90626,"./it-ch":10150,"./it-ch.js":10150,"./it.js":90626,"./ja":39183,"./ja.js":39183,"./jv":24286,"./jv.js":24286,"./ka":12105,"./ka.js":12105,"./kk":47772,"./kk.js":47772,"./km":18758,"./km.js":18758,"./kn":79282,"./kn.js":79282,"./ko":33730,"./ko.js":33730,"./ku":1408,"./ku-kmr":90563,"./ku-kmr.js":90563,"./ku.js":1408,"./ky":33291,"./ky.js":33291,"./lb":36841,"./lb.js":36841,"./lo":55466,"./lo.js":55466,"./lt":57010,"./lt.js":57010,"./lv":37595,"./lv.js":37595,"./me":39861,"./me.js":39861,"./mi":35493,"./mi.js":35493,"./mk":59637,"./mk.js":59637,"./ml":87341,"./ml.js":87341,"./mn":5115,"./mn.js":5115,"./mr":10370,"./mr.js":10370,"./ms":9847,"./ms-my":41237,"./ms-my.js":41237,"./ms.js":9847,"./mt":72126,"./mt.js":72126,"./my":56165,"./my.js":56165,"./nb":64924,"./nb.js":64924,"./ne":16744,"./ne.js":16744,"./nl":93901,"./nl-be":59814,"./nl-be.js":59814,"./nl.js":93901,"./nn":83877,"./nn.js":83877,"./oc-lnc":92135,"./oc-lnc.js":92135,"./pa-in":47762,"./pa-in.js":47762,"./pl":64495,"./pl.js":64495,"./pt":96432,"./pt-br":57971,"./pt-br.js":57971,"./pt.js":96432,"./ro":96459,"./ro.js":96459,"./ru":21793,"./ru.js":21793,"./sd":40950,"./sd.js":40950,"./se":10490,"./se.js":10490,"./si":90124,"./si.js":90124,"./sk":64249,"./sk.js":64249,"./sl":14985,"./sl.js":14985,"./sq":51104,"./sq.js":51104,"./sr":49131,"./sr-cyrl":79915,"./sr-cyrl.js":79915,"./sr.js":49131,"./ss":85893,"./ss.js":85893,"./sv":98760,"./sv.js":98760,"./sw":91172,"./sw.js":91172,"./ta":27333,"./ta.js":27333,"./te":23110,"./te.js":23110,"./tet":52095,"./tet.js":52095,"./tg":27321,"./tg.js":27321,"./th":9041,"./th.js":9041,"./tk":19005,"./tk.js":19005,"./tl-ph":75768,"./tl-ph.js":75768,"./tlh":89444,"./tlh.js":89444,"./tr":72397,"./tr.js":72397,"./tzl":28254,"./tzl.js":28254,"./tzm":51106,"./tzm-latn":30699,"./tzm-latn.js":30699,"./tzm.js":51106,"./ug-cn":9288,"./ug-cn.js":9288,"./uk":67691,"./uk.js":67691,"./ur":13795,"./ur.js":13795,"./uz":6791,"./uz-latn":14126,"./uz-latn.js":14126,"./uz.js":6791,"./vi":65666,"./vi.js":65666,"./x-pseudo":14378,"./x-pseudo.js":14378,"./yo":75805,"./yo.js":75805,"./zh-cn":83839,"./zh-cn.js":83839,"./zh-hk":55726,"./zh-hk.js":55726,"./zh-mo":99807,"./zh-mo.js":99807,"./zh-tw":74152,"./zh-tw.js":74152};function r(e){var t=i(e);return n(t)}function i(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=i,e.exports=r,r.id=46700},6541:function(e,t,n){"use strict";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.PrecisionOptions=t.GranularityOptions=t.AgeUnits=void 0;var r=g(n(67294)),i=g(n(45697)),l=g(n(30381)),o=g(n(19845)),s=g(n(50754)),d=g(n(47717)),u=g(n(14941)),c=g(n(31721)),p=g(n(14581)),f=n(25387),m=g(n(50026)),h=g(n(55537)),y=g(n(74404)),b=["ageUnit","birthdate","granularity","precision","precisionSet","onsetDate","onsetOnChange","legend","intl","isLegendHidden","required"];function g(e){return e&&e.__esModule?e:{default:e}}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function x(e,t){for(var n=0;n=(0,l.default)(n.props.birthdate)&&r<=(0,l.default)();return{age:t,onsetDate:i?r:void 0}}),this.handleOnsetUpdate)):this.setState((function(){return{age:void 0,onsetDate:void 0}}),this.handleOnsetUpdate)}},{key:"changeAgeUnit",value:function(e){var t=Number.isInteger(this.state.age),n=(0,l.default)(this.props.birthdate),a=(0,l.default)(n).add(this.state.age,e);t&&e?a.daysInMonth()=(0,l.default)(this.props.birthdate)&&a<=(0,l.default)();this.setState((function(){return{ageUnit:e,onsetDate:r?a:void 0}}),this.handleOnsetUpdate)}},{key:"changeYear",value:function(e){this.state.granularity===_.MONTH?this.setState((function(t){return{year:e,onsetDate:t.month?(0,l.default)().month(t.month).year(e).startOf("month"):void 0}}),this.handleOnsetUpdate):this.setState((function(){return{onsetDate:(0,l.default)().year(e).startOf("year")}}),this.handleOnsetUpdate)}},{key:"changeMonth",value:function(e){this.setState((function(t){return{month:e,onsetDate:t.year?(0,l.default)().month(e).year(t.year).startOf("month"):void 0}}),this.handleOnsetUpdate)}},{key:"changeDate",value:function(e,t,n){n.isCompleteValue?this.setState({onsetDate:(0,l.default)(n.iSO),onsetDateMetadata:n},this.handleOnsetUpdate):this.setState({onsetDate:void 0,onsetDateMetadata:n},this.handleOnsetUpdate)}},{key:"render",value:function(){var e,t,n,a,i,o=this.props,f=(o.ageUnit,o.birthdate),m=(o.granularity,o.precision,o.precisionSet,o.onsetDate,o.onsetOnChange,o.legend),y=o.intl,g=o.isLegendHidden,x=o.required,j=O(o,b),T=null,k=[];if(this.state.precision!==D.UNKNOWN){var w=(0,l.default)(f).startOf("day"),C=(0,l.default)().startOf("day");0!==C.diff(w,"weeks")&&k.push(r.default.createElement(p.default.Option,{value:_.AGE,display:y.formatMessage({id:"Terra.onsetPicker.age"}),key:_.AGE})),(0===C.diff(w,"years")&&C.year()!==w.year()||0!==C.diff(w,"years"))&&k.push(r.default.createElement(p.default.Option,{value:_.YEAR,display:y.formatMessage({id:"Terra.onsetPicker.year"}),key:_.YEAR})),(0===C.diff(w,"months")&&C.month()!==w.month()||0!==C.diff(w,"months"))&&k.push(r.default.createElement(p.default.Option,{value:_.MONTH,display:y.formatMessage({id:"Terra.onsetPicker.month"}),key:_.MONTH})),T=r.default.createElement(p.default,{className:P("field-inline","granularity"),value:this.state.granularity,label:y.formatMessage({id:"Terra.onsetPicker.granularity"}),labelAttrs:{id:"".concat(this.props.id,"-granularity-select-label")},onChange:this.changeGranularity,placeholder:y.formatMessage({id:"Terra.onsetPicker.granularity"}),selectId:"".concat(this.props.id,"-granularity-select")},k,r.default.createElement(p.default.Option,{value:_.DATE,display:y.formatMessage({id:"Terra.onsetPicker.date"}),key:_.DATE}))}this.state.granularity===_.AGE&&(e=r.default.createElement(c.default,{required:x,className:P("field-inline","age"),defaultValue:this.state.age,inputAttrs:{type:"number",min:0,max:h.default.allowedAge(this.props.birthdate,this.state.ageUnit),step:1},inputId:"".concat(this.props.id,"-age-input"),label:y.formatMessage({id:"Terra.onsetPicker.age"}),labelAttrs:{id:"".concat(this.props.id,"-age-input-label")},onChange:this.changeAge}),t=r.default.createElement(p.default,{required:x,className:P("field-inline","age-unit"),defaultValue:this.state.ageUnit,label:y.formatMessage({id:"Terra.onsetPicker.agePrecision"}),labelAttrs:{id:"".concat(this.props.id,"-age-unit-select-label")},onChange:this.changeAgeUnit,placeholder:y.formatMessage({id:"Terra.onsetPicker.agePrecision"}),selectId:"".concat(this.props.id,"-age-unit-select")},h.default.allowedAgeUnits(this.props.birthdate,y).map((function(e){return r.default.createElement(p.default.Option,{value:e.value,display:e.display,key:e.value})})))),this.state.granularity===_.MONTH&&(n=r.default.createElement(r.default.Fragment,null,r.default.createElement(p.default,{required:x,className:P("field-inline","month"),value:this.state.onsetDate?this.state.onsetDate.month().toString():void 0,label:y.formatMessage({id:"Terra.onsetPicker.month"}),labelAttrs:{id:"".concat(this.props.id,"-month-select-label")},onChange:this.changeMonth,placeholder:y.formatMessage({id:"Terra.onsetPicker.month"}),selectId:"".concat(this.props.id,"-month-select")},h.default.allowedMonths(y,this.props.birthdate,this.state.year).map((function(e){return r.default.createElement(p.default.Option,{value:e.value,display:e.display,key:e.value})}))),this.getYearInput(y,this.props.id))),this.state.granularity===_.YEAR&&(a=this.getYearInput(y,this.props.id)),this.state.granularity===_.DATE&&(i=r.default.createElement(d.default,{className:P("field-inline","date"),label:y.formatMessage({id:"Terra.onsetPicker.date"}),labelAttrs:{"aria-hidden":"true",id:"".concat(this.props.id,"-date-input-label")}},r.default.createElement(s.default,{required:x,onChangeRaw:this.changeDate,minDate:this.props.birthdate,maxDate:(0,l.default)().format(N),selectedDate:this.state.onsetDate?this.state.onsetDate.format(N):void 0,name:"".concat(this.props.id,"-date-input")})));var S=this.context;return r.default.createElement("div",v({id:this.props.id},j),r.default.createElement(u.default,{className:P("fieldset",S.className),legend:m,isLegendHidden:g},r.default.createElement(p.default,{className:P("field-inline","precision"),defaultValue:this.state.precision,label:y.formatMessage({id:"Terra.onsetPicker.precision"}),labelAttrs:{id:"".concat(this.props.id,"-precision-select-label")},onChange:this.changePrecision,placeholder:y.formatMessage({id:"Terra.onsetPicker.precision"}),selectId:"".concat(this.props.id,"-precision-select")},h.default.allowedPrecisions(y,this.props.precisionSet).map((function(e){return r.default.createElement(p.default.Option,{value:e.value,display:e.display,key:e.value})}))),T,this.state.precision!==D.UNKNOWN&&r.default.createElement("div",{id:"dynamic_content"},e,t,n,a,i)))}}])&&x(t.prototype,n),a&&x(t,a),Object.defineProperty(t,"prototype",{writable:!1}),o}(r.default.Component);E.propTypes=S,E.defaultProps={precisionSet:["on/at","about","before","after","unknown"],isLegendHidden:!1,required:!1},E.contextType=m.default;t.default=(0,f.injectIntl)(E)},55537:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,r=(a=n(30381))&&a.__esModule?a:{default:a};function i(e){return i="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},i(e)}function l(e,t){for(var n=0;na.month()}))),i.year().toString()!==n&&a.year()!==i.year()||(l=l.filter((function(e){return e.value<=i.month()}))),l}},{key:"allowedYears",value:function(e,t,n){var a=(0,r.default)(n).year();("month"===e&&t<=(0,r.default)(n).month()||"year"===e)&&(a+=1);var i=(0,r.default)().year();return"month"===e&&t>(0,r.default)().month()&&(i-=1),t>(0,r.default)().month()&&a===i&&"month"!==e&&(a="",i=""),Array(i-a+1).fill(void 0).map((function(e,t){var n=a+t;return{value:""!==a?n.toString():"",display:""!==a?n.toString():""}}))}},{key:"allowedAge",value:function(e,t){var n=(0,r.default)(e).startOf("day"),a=(0,r.default)().startOf("day");switch(t){case"years":return a.diff(n,"years");case"months":var i=a.diff(n,"months");return i>24?24:i;default:var l=a.diff(n,"weeks");return l>8?8:l}}},{key:"allowedAgeUnits",value:function(e,t){var n=(0,r.default)(e).startOf("day"),a=(0,r.default)().startOf("day");if(0===a.diff(n,"weeks"))return[];var i=[{value:"weeks",display:t.formatMessage({id:"Terra.onsetPicker.agePrecisionWeek"})}];return a.diff(n,"months")>0&&i.push({value:"months",display:t.formatMessage({id:"Terra.onsetPicker.agePrecisionMonth"})}),a.diff(n,"years")>0&&i.push({value:"years",display:t.formatMessage({id:"Terra.onsetPicker.agePrecisionYear"})}),i}},{key:"onsetToAge",value:function(e,t){if(void 0===t)return{age:void 0,ageUnit:void 0};var n=(0,r.default)(e).startOf("day"),a=t.startOf("day"),i=a.diff(n,"years"),l=a.diff(n,"months"),o=a.diff(n,"weeks"),s=a.diff(n,"days"),u=a.format(d),c="",p="";return n.format(d)===(0,r.default)().year(n.year()).month(n.month()).endOf("month").format(d)&&a.subtract(1,"days").daysInMonth()24&&l%12==0&&c===u?{age:i,ageUnit:"years"}:l<=24&&p===u?{age:l,ageUnit:"months"}:o<=8&&s%7==0?{age:o,ageUnit:"weeks"}:{age:void 0,ageUnit:void 0}}},{key:"allowedPrecisions",value:function(e,t){for(var n=[],a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var f=l.default.bind(s.default),m={children:r.default.node,help:r.default.node,legend:r.default.string,legendAttrs:r.default.object,required:r.default.bool,isLegendHidden:r.default.bool},h=function(e){var t=e.children,n=e.help,r=e.legend,l=e.legendAttrs,s=e.isLegendHidden,u=e.required,m=p(e,d),h=a.default.useContext(o.default),y=(0,i.default)(f(["fieldset",{"fieldset-required":u},h.className]),m.className),b=f(["legend",l.className,{"legend-visually-hidden":s}]);return a.default.createElement("fieldset",c({},m,{className:y}),r&&a.default.createElement("legend",c({},l,{className:b}),r),n&&a.default.createElement("small",{className:f("help-text"),tabIndex:"-1"},n),a.default.createElement("div",{className:f("fieldset-children")},t))};h.propTypes=m,h.defaultProps={legendAttrs:{},required:!1,isLegendHidden:!1};var y=h;t.default=y},86256:function(e,t,n){"use strict";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=void 0;var r=c(n(67294)),i=c(n(45697)),l=c(n(93967)),o=c(n(19845)),s=c(n(50026)),d=c(n(68344)),u=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign||function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function y(e,t){for(var n=0;n=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={inputId:r.default.string.isRequired,label:r.default.string.isRequired,defaultValue:r.default.oneOfType([r.default.string,r.default.number]),disabled:r.default.bool,error:r.default.node,errorIcon:r.default.element,help:r.default.node,hideRequired:r.default.bool,inputAttrs:r.default.object,isIncomplete:r.default.bool,isInline:r.default.bool,isInvalid:r.default.bool,isLabelHidden:r.default.bool,labelAttrs:r.default.object,maxWidth:r.default.string,onChange:r.default.func,onInput:r.default.func,refCallback:r.default.func,required:r.default.bool,showOptional:r.default.bool,type:r.default.string,value:r.default.oneOfType([r.default.string,r.default.number])},f={defaultValue:void 0,disabled:!1,error:null,errorIcon:a.default.createElement(l.default,null),help:null,hideRequired:!1,inputAttrs:{},isIncomplete:!1,isInline:!1,isInvalid:!1,isLabelHidden:!1,labelAttrs:{},onChange:void 0,onInput:void 0,maxWidth:void 0,refCallback:void 0,required:!1,showOptional:!1,type:void 0,value:void 0},m=function(e){var t,n=e.defaultValue,r=e.disabled,l=e.error,d=e.errorIcon,p=e.help,f=e.hideRequired,m=e.inputAttrs,h=e.inputId,y=e.isIncomplete,b=e.isInline,g=e.isInvalid,v=e.isLabelHidden,O=e.label,x=e.labelAttrs,j=e.maxWidth,T=e.onChange,k=e.onInput,w=e.refCallback,C=e.required,P=e.showOptional,_=e.type,D=e.value,N=c(e,s);p&&l&&g?t="".concat(h,"-error ").concat(h,"-help"):(p&&(t="".concat(h,"-help")),l&&g&&(t="".concat(h,"-error")));var S=_||m.type;return N.placeholder&&(N.placeholder=null),a.default.createElement(i.default,u({label:O,labelAttrs:x,error:l,errorIcon:d,help:p,hideRequired:f,required:C,showOptional:P,isInvalid:g,isInline:b,isLabelHidden:v,htmlFor:h,maxWidth:j},N),a.default.createElement(o.default,u({},m,{disabled:m.disabled||r,id:h,isIncomplete:y,type:S,onChange:T,onInput:k,value:D,defaultValue:n,refCallback:w,"aria-describedby":t})))};m.propTypes=p,m.defaultProps=f;var h=m;t.default=h},92577:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=v(n(67294)),r=v(n(45697)),i=v(n(44845)),l=v(n(88413)),o=v(n(87786)),s=v(n(30555)),d=v(n(13975)),u=v(n(96788)),c=v(n(97996)),p=v(n(14708)),f=["variant"],m=["maxSelectionCount"],h=["allowClear"],y=["maxSelectionCount"],b=["noResultContent","allowClear"],g=["isTouchAccessible","maxSelectionCount","onSearch","optionFilter"];function v(e){return e&&e.__esModule?e:{default:e}}function O(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var x={allowClear:r.default.bool,children:r.default.node,defaultValue:r.default.oneOfType([r.default.string,r.default.number,r.default.array]),disabled:r.default.bool,dropdownAttrs:r.default.object,isIncomplete:r.default.bool,isInvalid:r.default.bool,isTouchAccessible:r.default.bool,maxHeight:r.default.number,maxSelectionCount:r.default.number,noResultContent:r.default.node,onBlur:r.default.func,onChange:r.default.func,onClick:r.default.func,onDeselect:r.default.func,onFocus:r.default.func,onSearch:r.default.func,onSelect:r.default.func,optionFilter:r.default.func,placeholder:r.default.string,required:r.default.bool,value:r.default.oneOfType([r.default.string,r.default.number,r.default.array]),variant:r.default.oneOf([i.default.COMBOBOX,i.default.DEFAULT,i.default.MULTIPLE,i.default.SEARCH,i.default.TAG])},j={allowClear:!1,children:void 0,defaultValue:void 0,disabled:!1,dropdownAttrs:void 0,isIncomplete:!1,isInvalid:!1,isTouchAccessible:!1,maxSelectionCount:void 0,noResultContent:void 0,onChange:void 0,onDeselect:void 0,onSearch:void 0,onSelect:void 0,optionFilter:void 0,placeholder:void 0,required:!1,value:void 0,variant:"default"};function T(e){var t=e.variant,n=O(e,f);switch(t){case i.default.COMBOBOX:n.maxSelectionCount;var r=O(n,m);return a.default.createElement(s.default,r);case i.default.MULTIPLE:n.allowClear;var l=O(n,h);return a.default.createElement(u.default,l);case i.default.SEARCH:n.maxSelectionCount;var o=O(n,y);return a.default.createElement(c.default,o);case i.default.TAG:n.noResultContent,n.allowClear;var v=O(n,b);return a.default.createElement(p.default,v);case i.default.DEFAULT:default:n.isTouchAccessible,n.maxSelectionCount,n.onSearch,n.optionFilter;var x=O(n,g);return a.default.createElement(d.default,x)}}T.Option=l.default,T.OptGroup=o.default,T.propTypes=x,T.defaultProps=j,T.isSelect=!0;t.default=T},14581:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),r=u(n(45697)),i=n(25387),l=u(n(47717)),o=u(n(92577)),s=u(n(44845)),d=["allowClear","children","defaultValue","disabled","error","help","hideRequired","intl","isIncomplete","isInline","isInvalid","isLabelHidden","isTouchAccessible","label","labelAttrs","maxSelectionCount","maxHeight","maxWidth","onChange","placeholder","required","selectAttrs","selectId","showOptional","value","variant"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var f={allowClear:r.default.bool,children:r.default.node,label:r.default.string.isRequired,defaultValue:r.default.oneOfType([r.default.array,r.default.number,r.default.string]),disabled:r.default.bool,error:r.default.node,help:r.default.node,hideRequired:r.default.bool,intl:r.default.shape({formatMessage:r.default.func}).isRequired,isIncomplete:r.default.bool,isInline:r.default.bool,isInvalid:r.default.bool,isLabelHidden:r.default.bool,isTouchAccessible:r.default.bool,labelAttrs:r.default.object,maxHeight:r.default.number,maxSelectionCount:r.default.number,maxWidth:r.default.string,onChange:r.default.func,placeholder:r.default.string,required:r.default.bool,selectAttrs:r.default.object,selectId:r.default.string.isRequired,showOptional:r.default.bool,value:r.default.oneOfType([r.default.array,r.default.number,r.default.string]),variant:r.default.oneOf([s.default.COMBOBOX,s.default.DEFAULT,s.default.MULTIPLE,s.default.SEARCH,s.default.TAG])},m={allowClear:!1,children:void 0,defaultValue:void 0,disabled:!1,error:void 0,help:void 0,hideRequired:!1,isIncomplete:!1,isInline:!1,isInvalid:!1,isLabelHidden:!1,isTouchAccessible:!1,labelAttrs:{},maxSelectionCount:void 0,maxHeight:void 0,maxWidth:void 0,onChange:void 0,placeholder:void 0,required:!1,selectAttrs:{},showOptional:!1,value:void 0,variant:"default"},h=function(e){var t,n=e.allowClear,r=e.children,i=e.defaultValue,s=e.disabled,u=e.error,f=e.help,m=e.hideRequired,h=e.intl,y=e.isIncomplete,b=e.isInline,g=e.isInvalid,v=e.isLabelHidden,O=e.isTouchAccessible,x=e.label,j=e.labelAttrs,T=e.maxSelectionCount,k=e.maxHeight,w=e.maxWidth,C=e.onChange,P=e.placeholder,_=e.required,D=e.selectAttrs,N=e.selectId,S=e.showOptional,E=e.value,M=e.variant,I=p(e,d),R=f;if(void 0!==T&&T>=2){var A=h.formatMessage({id:"Terra.form.select.maxSelectionHelp"},{text:T});R=f?a.default.createElement("span",null,A," ",f):A}return f&&u&&g?t="".concat(N,"-error ").concat(N,"-help"):(f&&(t="".concat(N,"-help")),u&&g&&(t="".concat(N,"-error"))),a.default.createElement(l.default,c({},I,{label:x,labelAttrs:j,error:u,help:R,hideRequired:m,required:_,showOptional:S,isInvalid:g,isInline:b,isLabelHidden:v,htmlFor:N,maxWidth:w}),a.default.createElement(o.default,c({},D,{ariaLabel:x,allowClear:n,"aria-describedby":t,disabled:D.disabled||s,id:N,isIncomplete:y,isInvalid:g,isTouchAccessible:O,defaultValue:i,maxHeight:k||D.maxHeight,maxSelectionCount:void 0!==T&&T<2?void 0:T,onChange:C,placeholder:P,required:_,value:E,variant:M}),r))};h.propTypes=f,h.defaultProps=m,h.Option=o.default.Option,h.OptGroup=o.default.OptGroup;t.default=(0,i.injectIntl)(h)}}]); \ No newline at end of file diff --git a/86781-c8a2dc3d86d43b2c36cc.js b/86781-c8a2dc3d86d43b2c36cc.js new file mode 100644 index 000000000..8b66480a1 --- /dev/null +++ b/86781-c8a2dc3d86d43b2c36cc.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[86781],{38269:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(54520)),r=n(22678),l=n(5485),i={key:"uid_1",label:{display:"Data Label 1"},color:o.default.helpers.COLORS.BLUE,shape:o.default.helpers.SHAPES.DARK.SQUARE,onClick:r.loadPopup,legendOptions:{showLine:!0,showShape:!0},regions:[{axis:"y",start:2,end:10,color:"#f4f4f4"}],values:(0,l.createGraphValuesWithSin)({length:20,initialX:85,xModifier:10,yModifier:Math.PI})};t.default=i},5485:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createGraphValuesWithSin=t.createGraphValuesWithCos=void 0;t.createGraphValuesWithSin=function(e){var t=e.length,n=e.initialX,a=e.xModifier,o=e.yModifier;return new Array(t).fill("").map((function(e,t){return{y:Math.sin(t)*o,x:n+t*a}}))},t.createGraphValuesWithCos=function(e){var t=e.length,n=e.initialX,a=e.xModifier,o=e.yModifier;return new Array(t).fill("").map((function(e,t){return{y:Math.cos(t)*o,x:n+t*a}}))}},22678:function(e,t,n){"use strict";var a=n(64836),o=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.loadY2AxisLabelPopup=t.loadXAndYAxisLabelPopup=t.loadTrackPopup=t.loadTimelinePopup=t.loadTextLabelPopup=t.loadTaskPopup=t.loadPopup=t.loadPiePopup=t.loadDatelinePopup=t.loadBubblePopup=t.loadBarPopup=void 0;var r=a(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=s(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(79590)),i=a(n(88703)),p=a(n(53334));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)}var c=function(e){return new Date(e).toLocaleString()},u=function(e){return e?d(e)?c(e):e:null},d=function(e){return e instanceof Date},f=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t),a.append("g").classed("popup-text",!0).text(n)},y=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t);for(var o=a.append("g").classed("section",!0),l=function(){var e=p[i],t=o.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var n=(0,r.default)(e,2),a=n[0],o=n[1],l=t.append("g").classed("popup-item",!0);l.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),l.append("g").classed("popup-text",!0).text(o)}))},i=0,p=Object.values(n);i0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),y(a,"Tasks",p)}if(r&&r.length>0){var s=[];r.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),y(a,"Activities",s)}if(l&&l.length>0){var c=[];l.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),y(a,"Events",c)}if(i&&i.length>0){var u=[];i.forEach((function(e){u.push({name:e.key,values:e.values.join(", ")})})),y(a,"Actions",u)}},t.loadTaskPopup=function(e,t,n,a){m();var o=v(e).append("g"),r=a.label,l=a.display,i=a.y,p=a.startDate,s=a.endDate,u=a.percentage;r&&f(o,"Task Name",l),f(o,"Track",i),f(o,"Start Date",c(p)),f(o,"End Date",c(s)),u&&f(o,"Percentage",u)},t.loadDatelinePopup=function(e,t){m();var n=v(e).append("g"),a=t.label,o=t.value;a&&f(n,"Milestone",a.display),f(n,"Date",c(o))},t.loadTimelinePopup=function(e,t,n,a){m();var o=v(e).append("g"),r=a.x,l=(a.y,a.label),i=a.content;f(o,"X axis","".concat(d(r)?c(r):r)),f(o,"".concat(l.display),i)},t.loadPiePopup=function(e,t,n,a){m();var o=v(e).append("g"),r=a.label,l=a.value;f(o,r.display,l)}},93065:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(45697));n(80244);var l={id:r.default.string.isRequired},i=function(e){return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),o.default.createElement("div",{id:e.id,className:"example-graph-container"}))};i.propTypes=l;t.default=i},74357:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),o=["components"];function r(){return r=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}var i={},p="wrapper";function s(e){var t=e.components,n=l(e,o);return(0,a.mdx)(p,r({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\nimport { createGraphValuesWithSin } from '../createGraphValues';\n\nconst data = {\n key: 'uid_1',\n label: {\n display: 'Data Label 1',\n },\n color: Carbon.helpers.COLORS.BLUE,\n shape: Carbon.helpers.SHAPES.DARK.SQUARE,\n onClick: loadPopup,\n legendOptions: {\n showLine: true,\n showShape: true,\n },\n regions: [\n {\n axis: 'y',\n start: 2,\n end: 10,\n color: '#f4f4f4',\n },\n ],\n values: createGraphValuesWithSin({\n length: 20, initialX: 85, xModifier: 10, yModifier: Math.PI,\n }),\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0},61775:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),o=["components"];function r(){return r=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}var i={},p="wrapper";function s(e){var t=e.components,n=l(e,o);return(0,a.mdx)(p,r({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const getLineDefaultConfig = (id) => ({\n bindTo: id,\n bindLegendTo: null,\n axis: {\n x: {\n show: true,\n label: 'Data',\n lowerLimit: 80,\n upperLimit: 280,\n },\n y: {\n show: true,\n label: 'Line Set A',\n lowerLimit: -18,\n upperLimit: 18,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getLineDefaultConfig;\n\n\n")))}s.isMDXComponent=!0},51320:function(e,t,n){var a,o;void 0===(o="function"==typeof(a=function(){var e="details",t="summary";function n(e){if("summary"===e.target.nodeName.toLowerCase()){var t=e.target.parentNode;if(!t)return;t.getAttribute("open")?(t.open=!1,t.removeAttribute("open")):(t.open=!0,t.setAttribute("open","open"))}}function a(){var n=document.createElement(e);if(!("open"in n))return!1;n.innerHTML="<"+t+">ab",document.body.appendChild(n);var a=n.offsetHeight;n.open=!0;var o=a!=n.offsetHeight;return document.body.removeChild(n),o}function o(e,t){if(!document.getElementById(e)){var n=document.createElement("style");n.id=e,n.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(n)}}a()||(document.documentElement.className+=" no-details",window.addEventListener("click",n),o("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+t+") { display: none; }\nhtml.no-details "+e+" > "+t+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+t+':before { content: "▼"; }'))})?a.call(t,n,t,e):a)||(e.exports=o)},39003:function(e,t,n){"use strict";n.r(t),t.default={}}}]); \ No newline at end of file diff --git a/869-28dbf79687a2dcb91dac.js b/869-28dbf79687a2dcb91dac.js new file mode 100644 index 000000000..107a7894a --- /dev/null +++ b/869-28dbf79687a2dcb91dac.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[869],{20326:function(e,n,t){"use strict";var a=t(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=a(t(54520)),r=t(22678),l=t(5485),i={key:"uid_1",label:{display:"Data Label 1"},color:o.default.helpers.COLORS.BLACK,onClick:r.loadPopup,values:(0,l.createGraphValuesWithSin)({length:20,initialX:85,xModifier:10,yModifier:Math.PI})};n.default=i},10507:function(e,n,t){"use strict";var a=t(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=a(t(54520)),r=t(22678),l=t(5485),i={key:"uid_2",label:{display:"Data Label 2"},shape:o.default.helpers.SHAPES.DARK.TRIANGLE,color:o.default.helpers.COLORS.BLUE,style:{strokeDashArray:"2,2"},onClick:r.loadPopup,values:(0,l.createGraphValuesWithSin)({length:18,initialX:85,xModifier:10,yModifier:2*Math.PI}),legendOptions:{showLine:!0,showShape:!1,style:{strokeDashArray:"2,2"}},showShapes:!1};n.default=i},14450:function(e,n,t){"use strict";var a=t(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=a(t(54520)),r=t(22678),l=t(5485),i={key:"uid_3",label:{display:"Data Label 3"},shape:o.default.helpers.SHAPES.DARK.X,color:o.default.helpers.COLORS.GREEN,onClick:r.loadPopup,values:(0,l.createGraphValuesWithSin)({length:12,initialX:85,xModifier:25,yModifier:4*Math.PI})};n.default=i},5485:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.createGraphValuesWithSin=n.createGraphValuesWithCos=void 0;n.createGraphValuesWithSin=function(e){var n=e.length,t=e.initialX,a=e.xModifier,o=e.yModifier;return new Array(n).fill("").map((function(e,n){return{y:Math.sin(n)*o,x:t+n*a}}))},n.createGraphValuesWithCos=function(e){var n=e.length,t=e.initialX,a=e.xModifier,o=e.yModifier;return new Array(n).fill("").map((function(e,n){return{y:Math.cos(n)*o,x:t+n*a}}))}},22678:function(e,n,t){"use strict";var a=t(64836),o=t(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.loadY2AxisLabelPopup=n.loadXAndYAxisLabelPopup=n.loadTrackPopup=n.loadTimelinePopup=n.loadTextLabelPopup=n.loadTaskPopup=n.loadPopup=n.loadPiePopup=n.loadDatelinePopup=n.loadBubblePopup=n.loadBarPopup=void 0;var r=a(t(27424)),l=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var t=s(n);if(t&&t.has(e))return t.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,t&&t.set(e,a),a}(t(79590)),i=a(t(88703)),p=a(t(53334));function s(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(s=function(e){return e?t:n})(e)}var c=function(e){return new Date(e).toLocaleString()},u=function(e){return e?d(e)?c(e):e:null},d=function(e){return e instanceof Date},f=function(e,n,t){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(n),a.append("g").classed("popup-text",!0).text(t)},y=function(e,n,t){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(n);for(var o=a.append("g").classed("section",!0),l=function(){var e=p[i],n=o.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var t=(0,r.default)(e,2),a=t[0],o=t[1],l=n.append("g").classed("popup-item",!0);l.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),l.append("g").classed("popup-text",!0).text(o)}))},i=0,p=Object.values(t);i0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),y(a,"Tasks",p)}if(r&&r.length>0){var s=[];r.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),y(a,"Activities",s)}if(l&&l.length>0){var c=[];l.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),y(a,"Events",c)}if(i&&i.length>0){var u=[];i.forEach((function(e){u.push({name:e.key,values:e.values.join(", ")})})),y(a,"Actions",u)}},n.loadTaskPopup=function(e,n,t,a){g();var o=v(e).append("g"),r=a.label,l=a.display,i=a.y,p=a.startDate,s=a.endDate,u=a.percentage;r&&f(o,"Task Name",l),f(o,"Track",i),f(o,"Start Date",c(p)),f(o,"End Date",c(s)),u&&f(o,"Percentage",u)},n.loadDatelinePopup=function(e,n){g();var t=v(e).append("g"),a=n.label,o=n.value;a&&f(t,"Milestone",a.display),f(t,"Date",c(o))},n.loadTimelinePopup=function(e,n,t,a){g();var o=v(e).append("g"),r=a.x,l=(a.y,a.label),i=a.content;f(o,"X axis","".concat(d(r)?c(r):r)),f(o,"".concat(l.display),i)},n.loadPiePopup=function(e,n,t,a){g();var o=v(e).append("g"),r=a.label,l=a.value;f(o,r.display,l)}},45494:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});t(67294);var a=t(81254),o=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var i={},p="wrapper";function s(e){var n=e.components,t=l(e,o);return(0,a.mdx)(p,r({},i,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport {\n loadPopup,\n} from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst data = [\n {\n key: 'uid_1',\n label: {\n display: 'Data Label 1',\n },\n shape: Carbon.helpers.SHAPES.DARK.CIRCLE,\n onClick: loadPopup,\n values: [\n {\n x: new Date(2016, 0, 1, 1, 5).toISOString(),\n y: 5,\n isCritical: false,\n },\n {\n x: new Date(2016, 0, 1, 2, 15).toISOString(),\n y: 11,\n },\n {\n x: new Date(2016, 0, 1, 3, 15).toISOString(),\n y: 12,\n },\n {\n x: new Date(2016, 0, 1, 4, 15).toISOString(),\n y: 16,\n },\n {\n x: new Date(2016, 0, 1, 5, 15).toISOString(),\n y: 17,\n },\n {\n x: new Date(2016, 0, 1, 6, 15).toISOString(),\n y: 9,\n },\n {\n x: new Date(2016, 0, 1, 7, 0).toISOString(),\n y: 11,\n },\n {\n x: new Date(2016, 0, 1, 8, 15).toISOString(),\n y: 12,\n },\n {\n x: new Date(2016, 0, 1, 9, 45).toISOString(),\n y: 16,\n },\n {\n x: new Date(2016, 0, 1, 12, 15).toISOString(),\n y: 17,\n },\n {\n x: new Date(2016, 0, 1, 13, 15).toISOString(),\n y: 28,\n },\n {\n x: new Date(2016, 0, 1, 14, 15).toISOString(),\n y: 12,\n },\n {\n x: new Date(2016, 0, 1, 19, 45).toISOString(),\n y: 13,\n },\n {\n x: new Date(2016, 0, 1, 21, 15).toISOString(),\n y: 14,\n },\n ],\n yAxis: 'y',\n },\n {\n key: 'uid_3',\n label: {\n display: 'Data Label 3',\n },\n shape: Carbon.helpers.SHAPES.DARK.CIRCLE,\n color: Carbon.helpers.COLORS.BLUE,\n onClick: loadPopup,\n values: [\n {\n x: new Date(2016, 0, 1, 1, 5).toISOString(),\n y: 15,\n },\n {\n x: new Date(2016, 0, 1, 2, 15).toISOString(),\n y: 21,\n },\n {\n x: new Date(2016, 0, 1, 3, 15).toISOString(),\n y: null,\n },\n {\n x: new Date(2016, 0, 1, 4, 15).toISOString(),\n y: 16,\n },\n {\n x: new Date(2016, 0, 1, 5, 15).toISOString(),\n y: 17,\n },\n {\n x: new Date(2016, 0, 1, 6, 15).toISOString(),\n y: 19,\n },\n {\n x: new Date(2016, 0, 1, 9, 45).toISOString(),\n y: 16,\n },\n {\n x: new Date(2016, 0, 1, 12, 15).toISOString(),\n y: 17,\n },\n {\n x: new Date(2016, 0, 1, 13, 15).toISOString(),\n y: 28,\n },\n {\n x: new Date(2016, 0, 1, 14, 15).toISOString(),\n y: 22,\n },\n {\n x: new Date(2016, 0, 1, 19, 45).toISOString(),\n y: 23,\n },\n ],\n yAxis: 'y',\n },\n];\n\nexport default data;\n\n")))}s.isMDXComponent=!0},11598:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});t(67294);var a=t(81254),o=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var i={},p="wrapper";function s(e){var n=e.components,t=l(e,o);return(0,a.mdx)(p,r({},i,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\n\nconst getLineTimeseriesConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n type: Carbon.helpers.AXIS_TYPE.TIME_SERIES,\n label: 'Datetime',\n lowerLimit: new Date(2016, 0, 1, 1, 0).toISOString(),\n upperLimit: new Date(2016, 0, 1, 23, 59).toISOString(),\n },\n y: {\n label: 'Line Set A',\n lowerLimit: 10,\n upperLimit: 30,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getLineTimeseriesConfig;\n\n")))}s.isMDXComponent=!0},51320:function(e,n,t){var a,o;void 0===(o="function"==typeof(a=function(){var e="details",n="summary";function t(e){if("summary"===e.target.nodeName.toLowerCase()){var n=e.target.parentNode;if(!n)return;n.getAttribute("open")?(n.open=!1,n.removeAttribute("open")):(n.open=!0,n.setAttribute("open","open"))}}function a(){var t=document.createElement(e);if(!("open"in t))return!1;t.innerHTML="<"+n+">ab",document.body.appendChild(t);var a=t.offsetHeight;t.open=!0;var o=a!=t.offsetHeight;return document.body.removeChild(t),o}function o(e,n){if(!document.getElementById(e)){var t=document.createElement("style");t.id=e,t.innerHTML=n,document.getElementsByTagName("head")[0].appendChild(t)}}a()||(document.documentElement.className+=" no-details",window.addEventListener("click",t),o("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+n+") { display: none; }\nhtml.no-details "+e+" > "+n+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+n+':before { content: "▼"; }'))})?a.call(n,t,n,e):a)||(e.exports=o)},39003:function(e,n,t){"use strict";t.r(n),n.default={}}}]); \ No newline at end of file diff --git a/87080-5fab7f1145b1ff416364.css b/87080-5fab7f1145b1ff416364.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/87080-5fab7f1145b1ff416364.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/87080-5fab7f1145b1ff416364.js b/87080-5fab7f1145b1ff416364.js new file mode 100644 index 000000000..357a8c32c --- /dev/null +++ b/87080-5fab7f1145b1ff416364.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[87080,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,d){var l=d(64836);a.Z=void 0;var m=l(d(67294)),n=l(d(45697)),r=l(d(19845)),i=l(d(17422)),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,d=e.name,l=e.url,n=e.version,r=m.default.createElement("a",{className:u("badge"),href:l||"https://www.npmjs.org/package/".concat(d,"/v/").concat(n)},m.default.createElement("span",{className:u("badge-name")},l?"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;var x=p;a.Z=x},87080:function(e,a,d){d.r(a),d.d(a,{default:function(){return h}});d(67294);var l=d(81254),m=d(35300),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[d]=e[d]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,d)&&(m[d]=e[d])}return m}var u={},t="wrapper";function p(e){var a=e.components,d=i(e,n);return(0,l.mdx)(t,r({},u,d,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"changelog"},"Changelog"),(0,l.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,l.mdx)("h2",{id:"3390---november-13-2023"},"3.39.0 - (November 13, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3380---february-15-2023"},"3.38.0 - (February 15, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,l.mdx)("h2",{id:"3370---december-7-2022"},"3.37.0 - (December 7, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added a new props ",(0,l.mdx)("inlineCode",{parentName:"li"},"id"),", ",(0,l.mdx)("inlineCode",{parentName:"li"},"level")," to the divider.")))),(0,l.mdx)("h2",{id:"3361---december-14-2021"},"3.36.1 - (December 14, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Migrate doc to terra-core-docs.")))),(0,l.mdx)("h2",{id:"3360---september-21-2021"},"3.36.0 - (September 21, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,l.mdx)("h2",{id:"3350---april-6-2021"},"3.35.0 - (April 6, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,l.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,l.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,l.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,l.mdx)("h2",{id:"3340---january-5-2021"},"3.34.0 - (January 5, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed"),(0,l.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,l.mdx)("h2",{id:"3330---november-17-2020"},"3.33.0 - (November 17, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,l.mdx)("h2",{id:"3320---august-18-2020"},"3.32.0 - (August 18, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed custom props spread on the text divider")))),(0,l.mdx)("h2",{id:"3310---august-4-2020"},"3.31.0 - (August 4, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3300---july-29-2020"},"3.30.0 - (July 29, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,l.mdx)("h2",{id:"3290---june-23-2020"},"3.29.0 - (June 23, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added display to ",(0,l.mdx)("inlineCode",{parentName:"li"},"block")," on hr element in the divider component")))),(0,l.mdx)("h2",{id:"3280---june-9-2020"},"3.28.0 - (June 9, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,l.mdx)("h2",{id:"3270---may-19-2020"},"3.27.0 - (May 19, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,l.mdx)("h2",{id:"3260---april-28-2020"},"3.26.0 - (April 28, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,l.mdx)("h2",{id:"3250---april-22-2020"},"3.25.0 - (April 22, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,l.mdx)("h2",{id:"3240---february-18-2020"},"3.24.0 - (February 18, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,l.mdx)("h2",{id:"3230---february-13-2020"},"3.23.0 - (February 13, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,l.mdx)("h2",{id:"3220---january-7-2020"},"3.22.0 - (January 7, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Removed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,l.mdx)("h2",{id:"3210---december-3-2019"},"3.21.0 - (December 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,l.mdx)("h2",{id:"3200---october-30-2019"},"3.20.0 - (October 30, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3190---october-3-2019"},"3.19.0 - (October 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3180---september-19-2019"},"3.18.0 - (September 19, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,l.mdx)("h2",{id:"3170---september-6-2019"},"3.17.0 - (September 6, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,l.mdx)("h2",{id:"3160---august-21-2019"},"3.16.0 - (August 21, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,l.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,l.mdx)("h2",{id:"3150---august-14-2019"},"3.15.0 - (August 14, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,l.mdx)("h2",{id:"3140---july-30-2019"},"3.14.0 - (July 30, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3130---july-24-2019"},"3.13.0 - (July 24, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3120---july-16-2019"},"3.12.0 - (July 16, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,l.mdx)("h2",{id:"3110----july-11-2019"},"3.11.0 - (July 11, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,l.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,l.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,l.mdx)("h2",{id:"3100---june-28-2019"},"3.10.0 - (June 28, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,l.mdx)("h2",{id:"390---june-11-2019"},"3.9.0 - (June 11, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,l.mdx)("h2",{id:"380---may-1-2019"},"3.8.0 - (May 1, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"370---april-18-2019"},"3.7.0 - (April 18, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Reset margin to ",(0,l.mdx)("inlineCode",{parentName:"li"},"0")," on hr element in the divider component")))),(0,l.mdx)("h2",{id:"360---april-16-2019"},"3.6.0 - (April 16, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Optional ",(0,l.mdx)("inlineCode",{parentName:"li"},"text")," property to display within the center of the divider"),(0,l.mdx)("li",{parentName:"ul"},"Themeable SCSS variables for the text and divider")))),(0,l.mdx)("h2",{id:"350---march-26-2019"},"3.5.0 - (March 26, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,l.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,l.mdx)("h2",{id:"340---march-21-2019"},"3.4.0 - (March 21, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"330---february-26-2019"},"3.3.0 - (February 26, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"320---february-12-2019"},"3.2.0 - (February 12, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"310---february-5-2019"},"3.1.0 - (February 5, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,l.mdx)("h2",{id:"2310---january-22-2019"},"2.31.0 - (January 22, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,l.mdx)("h2",{id:"2300---january-8-2019"},"2.30.0 - (January 8, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2290---january-2-2019"},"2.29.0 - (January 2, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2280---november-19-2018"},"2.28.0 - (November 19, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2270---november-13-2018"},"2.27.0 - (November 13, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2260---november-9-2018"},"2.26.0 - (November 9, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2250---october-24-2018"},"2.25.0 - (October 24, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2240---october-16-2018"},"2.24.0 - (October 16, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2230---october-8-2018"},"2.23.0 - (October 8, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2220---september-25-2018"},"2.22.0 - (September 25, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Hide divider from Screen Readers for accessibility")))),(0,l.mdx)("h2",{id:"2211---september-6-2018"},"2.21.1 - (September 6, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,l.mdx)("h2",{id:"2210---september-5-2018"},"2.21.0 - (September 5, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,l.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,l.mdx)("h2",{id:"2200---september-4-2018"},"2.20.0 - (September 4, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2190---august-29-2018"},"2.19.0 - (August 29, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2180---august-1-2018"},"2.18.0 - (August 1, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2170---july-19-2018"},"2.17.0 - (July 19, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,l.mdx)("h2",{id:"2160---july-17-2018"},"2.16.0 - (July 17, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2150---july-10-2018"},"2.15.0 - (July 10, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2140---june-28-2018"},"2.14.0 - (June 28, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,l.mdx)("h2",{id:"2130---june-22-2018"},"2.13.0 - (June 22, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,l.mdx)("h2",{id:"2120---june-12-2018"},"2.12.0 - (June 12, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,l.mdx)("h2",{id:"2110---may-30-2018"},"2.11.0 - (May 30, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,l.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Changed nightwatch tests to webdriverIO")))),(0,l.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Removed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,l.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,l.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,l.mdx)("h2",{id:"150---february-1-2018"},"1.5.0 - (February 1, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"140---january-18-2018"},"1.4.0 - (January 18, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"130---january-5-2018"},"1.3.0 - (January 5, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"120---november-28-2017"},"1.2.0 - (November 28, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"110---november-16-2017"},"1.1.0 - (November 16, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"100---october-31-2017"},"1.0.0 - (October 31, 2017)"),(0,l.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[d]=e[d]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,d)&&(m[d]=e[d])}return m}var s={},c="wrapper";function h(e){var a=e.components,d=N(e,x);return(0,l.mdx)(c,o({},s,d,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(m.C,{mdxType:"Badge"}),(0,l.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},35300:function(e,a,d){d.d(a,{C:function(){return n}});var l=d(67294),m=d(22863),n=function(e){var a=e.url;return l.createElement(m.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-divider",name:"terra-divider",version:"3.39.0",url:a})}},17422:function(e,a,d){d.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/8743-5596cdd1352af9d35595.js b/8743-5596cdd1352af9d35595.js new file mode 100644 index 000000000..d2aef788a --- /dev/null +++ b/8743-5596cdd1352af9d35595.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[8743],{8743:function(e,r,n){n.r(r),n.d(r,{default:function(){return d}});n(67294);var t=n(81254),a=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(a[n]=e[n]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={},p="wrapper";function d(e){var r=e.components,n=i(e,a);return(0,t.mdx)(p,o({},s,n,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)("h1",{id:"terra-functional-testing---version-3-upgrade-guide"},"Terra Functional Testing - Version 3 Upgrade Guide"),(0,t.mdx)("p",null,"To upgrade to ",(0,t.mdx)("inlineCode",{parentName:"p"},"terra-functional-testing")," from v2 to v3, consumers will need to update ",(0,t.mdx)("inlineCode",{parentName:"p"},"webpack")," to v5 and ",(0,t.mdx)("inlineCode",{parentName:"p"},"webpack-dev-server")," to v4 and make any additional changes necessary as part of the migration. Refer to the Resources section for more information."),(0,t.mdx)("h2",{id:"breaking-changes"},"Breaking Changes"),(0,t.mdx)("p",null,"The only breaking change with this major version is the ",(0,t.mdx)("inlineCode",{parentName:"p"},"webpack-dev-server")," upgrade to v4. To know more about breaking changes of ",(0,t.mdx)("inlineCode",{parentName:"p"},"webpack-dev-server")," version 4, refer to the Resources section."),(0,t.mdx)("h2",{id:"resources"},"Resources"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://webpack.js.org/migrate/5/"},"Migrating to Webpack v5")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://github.com/webpack/webpack-dev-server/blob/master/migration-v4.md#migration-guide"},"Webpack-dev-server breaking changes"))))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/8756-c7270be1596982849ca7.css b/8756-c7270be1596982849ca7.css new file mode 100644 index 000000000..b6d65c39c --- /dev/null +++ b/8756-c7270be1596982849ca7.css @@ -0,0 +1,3 @@ +:root{--default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1);--default-transition-duration: 1s}:root{--terra-graphs-white: #fff;--terra-graphs-dark: #1c1f21;--terra-graphs-grey5: #f4f4f4;--terra-graphs-grey10: #e8e9ea;--terra-graphs-grey15: #dedfe0;--terra-graphs-grey25: #c8cacb;--terra-graphs-grey30: #bcbfc0;--terra-graphs-grey45: #9b9fa1;--terra-graphs-grey65: #6f7477;--terra-graphs-blue100: #004c76;--terra-graphs-blue30: #a6d9f4;--terra-graphs-blue10: #ebf6fd;--terra-graphs-red85: #c00;--terra-graphs-yellow60: #ffc20a;--terra-graphs-grey55: #868a8c}.carbon-svg-icon{display:inline-block;height:.625rem;width:.625rem}.carbon-graph-container{color:#1c1f21;color:var(--terra-graphs-dark);display:block;width:100%}[dir] .carbon-graph-container{padding-bottom:.8333rem;padding-top:.8333rem}.carbon-graph-container svg:not(:root){overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.carbon-graph-canvas{box-sizing:border-box;display:block;overflow-x:hidden;overflow-y:auto}.carbon-axis path.domain,.carbon-axis line{fill:none;stroke:#bcbfc0;stroke:var(--terra-graphs-grey30)}.carbon-grid line,.carbon-content-container{shape-rendering:auto}.carbon-axis-x[aria-hidden=true],.carbon-axis-y[aria-hidden=true],.carbon-axis-y2[aria-hidden=true],.carbon-axis-info-row[aria-hidden=true]{display:none}.carbon-axis.carbon-axis-reference-line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:2px}.carbon-grid>* .domain[stroke]{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-lower-step-grid line{stroke:#9b9b9b;stroke-width:1px}.carbon-midpoint-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10);stroke-width:1px}.carbon-upper-step-grid line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:3px}.carbon-no-data-text{fill:#1c1f21;fill:var(--terra-graphs-dark)}.carbon-legend{-ms-flex-line-pack:center;align-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;list-style-type:none}[dir] .carbon-legend{margin:0;padding:0}.carbon-legend .carbon-legend-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;outline:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-legend .carbon-legend-item{margin:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-btn{-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;font-size:inherit;height:1.875rem;width:2.1875rem}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{background-color:#dedfe0;background-color:var(--terra-graphs-grey15);border:0;border-radius:.25rem;padding:0}[dir=ltr] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-right:.5rem}[dir=rtl] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-left:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-text{word-wrap:break-word}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]{cursor:pointer}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]:hover{background-color:#ebf6fd;background-color:var(--terra-graphs-blue10)}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-btn, [dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-text{cursor:pointer}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn,.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{outline:none}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn{opacity:.35}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{color:#bcbfc0;color:var(--terra-graphs-grey30)}.carbon-legend .carbon-legend-item .carbon-legend-item-icon{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-icon-with-line{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-span{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:center;justify-content:center}.carbon-legend .carbon-legend-item .carbon-legend-item-line{height:5px;width:28px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{height:5px;width:18px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-white-line{stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:6px}[dir] .carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-btn{background-color:#fff;background-color:var(--terra-graphs-white);border-color:#dedfe0;border-color:var(--terra-graphs-grey15);border-style:solid;border-width:1px}.carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-text{color:#6f7477;color:var(--terra-graphs-grey65)}.carbon-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing);opacity:.2}[dir] .carbon-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-point[aria-disabled=false]{cursor:pointer}.carbon-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point{display:block;fill:#ebf6fd;fill:var(--terra-graphs-blue10);fill-opacity:.25;stroke:#a6d9f4;stroke:var(--terra-graphs-blue30)}.carbon-selected-data-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-selected-data-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point path{stroke-width:1px}.carbon-criticality-outer[aria-hidden=true],.carbon-criticality-inner[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-criticality-outer[aria-hidden=true], [dir] .carbon-criticality-inner[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-criticality-outer{fill:#c00;fill:var(--terra-graphs-red85);stroke:#c00;stroke:var(--terra-graphs-red85);stroke-width:24px}.carbon-criticality-inner{fill:#fff;fill:var(--terra-graphs-white);stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:8px}.carbon-region{fill:#f4f4f4;fill:var(--terra-graphs-grey5)}.carbon-region[aria-hidden=true],.carbon-region.carbon-region-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-region[aria-hidden=true], [dir] .carbon-region.carbon-region-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-region.carbon-value-region{stroke:#f4f4f4;stroke:var(--terra-graphs-grey5);stroke-width:.625rem}.carbon-region.carbon-region-highlight{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:1;visibility:visible}[dir] .carbon-region.carbon-region-highlight{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-content-container{fill:none;stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-data-completion-bar,.carbon-data-bar{shape-rendering:auto;stroke-width:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-data-completion-bar[aria-disabled=false], [dir] .carbon-data-bar[aria-disabled=false]{cursor:pointer}.carbon-data-completion-bar[aria-hidden=true],.carbon-data-bar[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-data-completion-bar[aria-hidden=true], [dir] .carbon-data-bar[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-axis-info-row-item[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-axis-info-row-item[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-axis-info-row-item[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline{shape-rendering:auto;opacity:.3;stroke-width:3px}[dir] .carbon-dateline-group .carbon-dateline-point[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-eventline-group .carbon-eventline{shape-rendering:auto;opacity:1;stroke-width:2px}.carbon-no-data-label{fill:#6f7477;fill:var(--terra-graphs-grey65);font-size:1.25rem;text-anchor:middle}.carbon-no-data-overlay{fill:#fff;fill:var(--terra-graphs-white);opacity:.6}.carbon-label-popup-tooltip{-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:absolute;z-index:20}[dir] .carbon-label-popup-tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.carbon-label-popup-tooltip.popup-item{display:block}.carbon-label-popup-tooltip.section{display:block}[dir=ltr] .carbon-label-popup-tooltip.section{padding-left:1rem}[dir=rtl] .carbon-label-popup-tooltip.section{padding-right:1rem}.carbon-label-popup-tooltip.content{display:block}[dir] .carbon-label-popup-tooltip.content:last-child{padding-bottom:0}[dir] .carbon-label-popup-tooltip.content:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-tooltip g{display:inline-block}.carbon-label-popup-tooltip g.popup-label{color:#01579b}.carbon-label-popup-tooltip g.popup-label::after{content:": "}.carbon-label-popup-tooltip g.popup-text{color:#000}[dir] .carbon-label-popup-tooltip g:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .carbon-label-popup-overlay{cursor:pointer}[dir=ltr] .carbon-label-popup-overlay{left:0}[dir=rtl] .carbon-label-popup-overlay{right:0} +[dir] .example-graph-container, [dir] .legend-bindto-container{padding:2.17rem 0}.carbon-graph-container,.carbon-timeline-container,.legend-bindto-container{font-size:.75rem}.bindto-container{display:-ms-flexbox;display:flex;width:100%}.bindto-container .legend-bindto-container{width:20%}.bindto-container .legend-bindto-graph-container{width:80%}.tooltip{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:fixed;z-index:20}[dir] .tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.tooltip .popup-item{display:block}.tooltip .section{display:block}[dir=ltr] .tooltip .section{padding-left:1rem}[dir=rtl] .tooltip .section{padding-right:1rem}.tooltip .content{display:block}[dir] .tooltip .content:last-child{padding-bottom:0}[dir] .tooltip .content:not(:last-child){padding-bottom:.5rem}.tooltip g{display:inline-block}.tooltip g .popup-label{color:#01579b}.tooltip g .popup-label::after{content:": "}.tooltip g .popup-text{color:#000}[dir] .tooltip g:not(:last-child){padding-bottom:.5rem}.overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .overlay{cursor:pointer}[dir=ltr] .overlay{left:0}[dir=rtl] .overlay{right:0}.shape-container{width:100%}.panning-container{display:-ms-flexbox;display:flex}[dir] .panning-container{padding:1rem}.panning-container .nav-left,.panning-container .nav-right{display:-ms-flexbox;display:flex;font-size:inherit}[dir] .panning-container .nav-left, [dir] .panning-container .nav-right{background-color:#176ba0;border:.1rem solid #dedfe0;border-radius:.25rem;cursor:pointer;padding:.5rem}[dir=ltr] .panning-container .nav-left, [dir=ltr] .panning-container .nav-right{margin-right:.5rem}[dir=rtl] .panning-container .nav-left, [dir=rtl] .panning-container .nav-right{margin-left:.5rem}.custom-container-style{height:auto !important}[dir] .custom-container-style{border:1px dashed;padding:5rem 5rem 0}[dir] .custom-container-style .carbon-graph-container, [dir] .custom-container-style .legend-bindto-container{padding:0}[dir] .custom-container-legend-style .carbon-graph-container, [dir] .custom-container-legend-style .legend-bindto-container{padding:0}[dir] .background-color-class{background-color:#176ba0}.initial-tooltip{display:none}[dir] .button-pan-right{margin-top:15px}[dir] .button-pan-left{margin-top:15px}[dir=ltr] .button-pan-left{margin-left:18px;margin-right:10px}[dir=rtl] .button-pan-left{margin-right:18px;margin-left:10px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/8756-c7270be1596982849ca7.js b/8756-c7270be1596982849ca7.js new file mode 100644 index 000000000..0e3013926 --- /dev/null +++ b/8756-c7270be1596982849ca7.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[8756],{11381:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;n.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,label:"Data",lowerLimit:80,upperLimit:280},y:{show:!0,label:"Line Set A",lowerLimit:-18,upperLimit:18},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!1,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0}}},91893:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t="Project long display value which is only for testing, Project long display value which is only for testing Project long display value which is only for testing, Project long display value which is only for testing";n.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,label:t,lowerLimit:80,upperLimit:280},y:{show:!0,label:t,lowerLimit:-18,upperLimit:18},y2:{show:!0,label:t,lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0}}},93065:function(e,n,t){"use strict";var r=t(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=r(t(67294)),o=r(t(45697));t(80244);var l={id:o.default.string.isRequired},i=function(e){return a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),a.default.createElement("div",{id:e.id,className:"example-graph-container"}))};i.propTypes=l;n.default=i},30445:function(e,n,t){"use strict";var r=t(64836);n.Z=void 0;var a=r(t(67294)),o=r(t(54520)),l=r(t(53334));t(56867);var i=r(t(93065)),s=r(t(11381)),p=l.default.deepClone((0,s.default)("#labelHidden"));p.showLabel=!1;n.Z=function(){return a.default.useEffect((function(){o.default.api.graph(p)}),[]),a.default.createElement(i.default,{id:"labelHidden"})}},16626:function(e,n,t){"use strict";var r=t(64836);n.Z=void 0;var a=r(t(67294)),o=r(t(54520)),l=r(t(53334));t(56867);var i=r(t(93065)),s=r(t(91893)),p=l.default.deepClone((0,s.default)("#labelTruncation"));n.Z=function(){return a.default.useEffect((function(){o.default.api.graph(p)}),[]),a.default.createElement(i.default,{id:"labelTruncation"})}},47812:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return H}});var r=t(67294),a=t(81254),o=t(30445),l=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var p={};function u(e){var n=e.components,t=s(e,l);return(0,a.mdx)("wrapper",i({},p,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/generalDefaultLabelHidden';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#labelHidden'));\ngraphConfig.showLabel = false;\n\nconst LabelHiddenGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default LabelHiddenGeneralExample;\n\n")))}u.isMDXComponent=!0;var d=t(49271),c=t(25005),m=function(e){var n=e.title,t=e.description,a=e.isExpanded;return r.createElement(d.Z,{title:n||"Label Hidden",description:t,example:r.createElement(o.Z,null),exampleCssSrc:r.createElement(c.Z,null),exampleSrc:r.createElement(u,null),isExpanded:a})},f=t(61775),b=t(16626),h=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var x={};function v(e){var n=e.components,t=y(e,h);return(0,a.mdx)("wrapper",g({},x,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/generalDefaultLabelTruncation';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#labelTruncation'));\n\nconst LabelTruncationGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default LabelTruncationGeneralExample;\n\n")))}v.isMDXComponent=!0;var w=function(e){var n=e.title,t=e.description,a=e.isExpanded;return r.createElement(d.Z,{title:n||"Label Truncation",description:t,example:r.createElement(b.Z,null),exampleCssSrc:r.createElement(c.Z,null),exampleSrc:r.createElement(v,null),isExpanded:a})},L=["components"];function j(){return j=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var C={},E="wrapper";function G(e){var n=e.components,t=O(e,L);return(0,a.mdx)(E,j({},C,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const largeLabel = 'Project long display value which is only for testing, Project long display value which is only for testing '\n + 'Project long display value which is only for testing, Project long display value which is only for testing';\n\nconst getDefaultConfig = (id) => ({\n bindTo: id,\n bindLegendTo: null,\n axis: {\n x: {\n show: true,\n label: largeLabel,\n lowerLimit: 80,\n upperLimit: 280,\n },\n y: {\n show: true,\n label: largeLabel,\n lowerLimit: -18,\n upperLimit: 18,\n },\n y2: {\n show: true,\n label: largeLabel,\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getDefaultConfig;\n\n")))}G.isMDXComponent=!0;var T=["components"];function P(){return P=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}t(51320);var N={},D="wrapper";function H(e){var n=e.components,t=S(e,T);return(0,a.mdx)(D,P({},N,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"label-hidden"},"Label Hidden"),(0,a.mdx)("p",null,"Label hidden contains simple graph examples related to label like label hidden and axis label truncation in x, y and y2 axes."),(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 i @cerner/carbon-graphs --save-dev"))))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(m,{mdxType:"LabelHiddenGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data used for label hidden")),(0,a.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,a.mdx)(f.Z,{mdxType:"LabelHiddenGraphConfig"})),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)(w,{mdxType:"LabelTruncationGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data used for label truncation")),(0,a.mdx)("h3",{id:"graph-config-object-1"},"Graph Config object"),(0,a.mdx)(G,{mdxType:"LabelTruncationGraphConfig"})))}H.isMDXComponent=!0},61775:function(e,n,t){"use strict";t.d(n,{Z:function(){return p}});t(67294);var r=t(81254),a=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var i={},s="wrapper";function p(e){var n=e.components,t=l(e,a);return(0,r.mdx)(s,o({},i,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"const getLineDefaultConfig = (id) => ({\n bindTo: id,\n bindLegendTo: null,\n axis: {\n x: {\n show: true,\n label: 'Data',\n lowerLimit: 80,\n upperLimit: 280,\n },\n y: {\n show: true,\n label: 'Line Set A',\n lowerLimit: -18,\n upperLimit: 18,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getLineDefaultConfig;\n\n\n")))}p.isMDXComponent=!0},51320:function(e,n,t){var r,a;void 0===(a="function"==typeof(r=function(){var e="details",n="summary";function t(e){if("summary"===e.target.nodeName.toLowerCase()){var n=e.target.parentNode;if(!n)return;n.getAttribute("open")?(n.open=!1,n.removeAttribute("open")):(n.open=!0,n.setAttribute("open","open"))}}function r(){var t=document.createElement(e);if(!("open"in t))return!1;t.innerHTML="<"+n+">ab",document.body.appendChild(t);var r=t.offsetHeight;t.open=!0;var a=r!=t.offsetHeight;return document.body.removeChild(t),a}function a(e,n){if(!document.getElementById(e)){var t=document.createElement("style");t.id=e,t.innerHTML=n,document.getElementsByTagName("head")[0].appendChild(t)}}r()||(document.documentElement.className+=" no-details",window.addEventListener("click",t),a("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+n+") { display: none; }\nhtml.no-details "+e+" > "+n+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+n+':before { content: "▼"; }'))})?r.call(n,t,n,e):r)||(e.exports=a)}}]); \ No newline at end of file diff --git a/87617-5c5b77bbb2c9efde80c6.css b/87617-5c5b77bbb2c9efde80c6.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/87617-5c5b77bbb2c9efde80c6.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/87617-5c5b77bbb2c9efde80c6.js b/87617-5c5b77bbb2c9efde80c6.js new file mode 100644 index 000000000..4fd1da5bd --- /dev/null +++ b/87617-5c5b77bbb2c9efde80c6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[87617,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,a,n){var r=n(64836);a.Z=void 0;var l=r(n(67294)),t=r(n(45697)),d=r(n(19845)),m=r(n(17422)),u=d.default.bind(m.default),i={name:t.default.string.isRequired,src:t.default.string,url:t.default.string,version:t.default.string.isRequired},p=function(e){var a=e.src,n=e.name,r=e.url,t=e.version,d=l.default.createElement("a",{className:u("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(t)},l.default.createElement("span",{className:u("badge-name")},r?"package":"npm"),l.default.createElement("span",{className:u("badge-version")},"v".concat(t))),m=a?l.default.createElement("a",{className:u("badge"),href:a},l.default.createElement("span",{className:u("badge-name")},"github"),l.default.createElement("span",{className:u("badge-version")},"source")):void 0;return l.default.createElement("div",{className:u("badge-container")},d,m)};p.propTypes=i;var o=p;a.Z=o},87617:function(e,a,n){n.r(a),n.d(a,{default:function(){return N}});n(67294);var r=n(81254),l=n(93626),t=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[n]=e[n]);return l}(e,a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var u={},i="wrapper";function p(e){var a=e.components,n=m(e,t);return(0,r.mdx)(i,d({},u,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"changelog"},"Changelog"),(0,r.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,r.mdx)("h2",{id:"330---september-26-2023"},"3.3.0 - (September 26, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"320---august-31-2023"},"3.2.0 - (August 31, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"312---august-30-2023"},"3.1.2 - (August 30, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"311---august-25-2023"},"3.1.1 - (August 25, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Fixed install failures by removing unnecessary ",(0,r.mdx)("inlineCode",{parentName:"li"},"postinstall")," step.")))),(0,r.mdx)("h2",{id:"310---august-24-2023"},"3.1.0 - (August 24, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"301---august-30-2022"},"3.0.1 - (August 30, 2022)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Reverts terra-aggregate-translations to v2.")))),(0,r.mdx)("h2",{id:"300---may-12-2022"},"3.0.0 - (May 12, 2022)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Breaking",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added devMiddleWare to support webpack-dev-server v4.")))),(0,r.mdx)("h2",{id:"240---february-11-2022"},"2.4.0 - (February 11, 2022)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Revert limiting upper Node version to 14.")))),(0,r.mdx)("h2",{id:"230---february-8-2022"},"2.3.0 - (February 8, 2022)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated component to support Node 14.")))),(0,r.mdx)("h2",{id:"220---september-28-2021"},"2.2.0 - (September 28, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"210---august-25-2021"},"2.1.0 - (August 25, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"200---august-13-2021"},"2.0.0 - (August 13, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Breaking",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Upgraded from ",(0,r.mdx)("inlineCode",{parentName:"li"},"node-sass")," to ",(0,r.mdx)("inlineCode",{parentName:"li"},"sass (dart-sass)"),"."),(0,r.mdx)("li",{parentName:"ul"},"Removed polyfill entries.")))),(0,r.mdx)("h2",{id:"131---january-27-2021"},"1.3.1 - (January 27, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"130---january-27-2021"},"1.3.0 - (January 27, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Added"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"browser")," to ",(0,r.mdx)("inlineCode",{parentName:"li"},"resolve.mainFields")," in webpack module list."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Passively consume @cerner/terra-aggregate-translations package.")))),(0,r.mdx)("h2",{id:"120---january-5-2021"},"1.2.0 - (January 5, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added optional support for aggregate themes."),(0,r.mdx)("li",{parentName:"ul"},"Make postcss a peer dependency."),(0,r.mdx)("li",{parentName:"ul"},"Opened the node version to allow versions higher than node 10.")))),(0,r.mdx)("h2",{id:"110---december-7-2020"},"1.1.0 - (December 7, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Upgrade to postcss 8.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"AutoPrefixer to v10"),(0,r.mdx)("li",{parentName:"ul"},"Postcss-rtl to a forked version to support postcss8"))),(0,r.mdx)("li",{parentName:"ul"},"Support webpack 5")))),(0,r.mdx)("h2",{id:"100---november-24-2020"},"1.0.0 - (November 24, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated dependencies.")))),(0,r.mdx)("h2",{id:"100-alpha1---october-20-2020"},"1.0.0-alpha.1 - (October 20, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Removed default source map generation in loaders for prod."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Added"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added the generateLoaderSourceMaps env to re-enable source map generation for loaders on demand.")))),(0,r.mdx)("h2",{id:"100-alpha0---october-1-2020"},"1.0.0-alpha.0 - (October 1, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Initial alpha release")))}p.isMDXComponent=!0;var o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[n]=e[n]);return l}(e,a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c={},g="wrapper";function N(e){var a=e.components,n=x(e,o);return(0,r.mdx)(g,s({},c,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)(p,{mdxType:"ChangeLog"}))}N.isMDXComponent=!0},93626:function(e,a,n){n.d(a,{C:function(){return t}});var r=n(67294),l=n(22863),t=function(e){var a=e.url;return r.createElement(l.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/webpack-config-terra",name:"@cerner/webpack-config-terra",version:"3.3.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/87643-c6b659508e8aba70d885.js b/87643-c6b659508e8aba70d885.js new file mode 100644 index 000000000..9ce8f70f5 --- /dev/null +++ b/87643-c6b659508e8aba70d885.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[87643],{22863:function(e,a,l){var m=l(64836);a.Z=void 0;var d=m(l(67294)),n=m(l(45697)),r=m(l(19845)),t=m(l(17422)),u=r.default.bind(t.default),i={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,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))),t=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,t)};p.propTypes=i;var x=p;a.Z=x},87643:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(67294);var m=l(81254),d=l(78052),n=["components"];function r(){return r=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}var u={},i="wrapper";function p(e){var a=e.components,l=t(e,n);return(0,m.mdx)(i,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"6730---december-18-2023"},"6.73.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:"6720---november-23-2023"},"6.72.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:"6711---october-11-2023"},"6.71.1 - (October 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 popup click events propagating to elements underneath it.")))),(0,m.mdx)("h2",{id:"6710---october-3-2023"},"6.71.0 - (October 3, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added aria-label prop for terra-popup to announce the close instruction.")))),(0,m.mdx)("h2",{id:"6701---august-4-2023"},"6.70.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:"6700---july-31-2023"},"6.70.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:"6690---july-25-2023"},"6.69.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:"6680---july-19-2023"},"6.68.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6670---june-5-2023"},"6.67.0 - (June 5, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Updated contentWidth with value 400.")),(0,m.mdx)("h2",{id:"6660---may-11-2023"},"6.66.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"},"Updated close handler to return focus to target object upon pop-up closure. ")))),(0,m.mdx)("h2",{id:"6650---april-27-2023"},"6.65.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:"6640---march-29-2023"},"6.64.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 Jest snapshots.")))),(0,m.mdx)("h2",{id:"6630---march-1-2023"},"6.63.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"},"Updated Jest snapshot for terra-button changes")))),(0,m.mdx)("h2",{id:"6620---february-14-2023"},"6.62.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:"6610---march-15-2022"},"6.61.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"},"Migrate docs to terra-framework-docs.")))),(0,m.mdx)("h2",{id:"6600---november-16-2021"},"6.60.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:"6590---november-9-2021"},"6.59.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:"6580---october-14-2021"},"6.58.0 - (October 14, 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"},"Reverted focus-trap-react upgrade due to passivity concerns")))),(0,m.mdx)("h2",{id:"6570---october-12-2021"},"6.57.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"},"Upgrade focus-trap-react to version ^8.0.0.")))),(0,m.mdx)("h2",{id:"6560---september-20-2021"},"6.56.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"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,m.mdx)("h2",{id:"6550---july-21-2021"},"6.55.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:"6540---july-13-2021"},"6.54.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:"6530---june-8-2021"},"6.53.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:"6520---may-4-2021"},"6.52.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:"6510---april-6-2021"},"6.51.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:"6500---march-9-2021"},"6.50.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"},"Updated to use terra-functional-testing")))),(0,m.mdx)("h2",{id:"6490---february-9-2021"},"6.49.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:"6480---february-2-2021"},"6.48.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:"6470---january-26-2021"},"6.47.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:"6460---january-5-2021"},"6.46.0 - (January 5, 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 to support a peer dependency of react-intl v2-v5"),(0,m.mdx)("li",{parentName:"ul"},"Updated FormattedMessage child function to join if given an array.")))),(0,m.mdx)("h2",{id:"6450---december-8-2020"},"6.45.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:"6440---november-24-2020"},"6.44.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"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"6430---november-10-2020"},"6.43.0 - (November 10, 2020)"),(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 build failures due to the react/sort-comp rule")))),(0,m.mdx)("h2",{id:"6420---october-20-2020"},"6.42.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:"6410---october-13-2020"},"6.41.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"},"Replaced references to terra-doc-template with terra-docs")))),(0,m.mdx)("h2",{id:"6400---august-18-2020"},"6.40.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:"6390---august-11-2020"},"6.39.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:"6380---august-4-2020"},"6.38.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:"6370---july-14-2020"},"6.37.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 file changes to comply with eslint rules"),(0,m.mdx)("li",{parentName:"ul"},"Replace some empty text with aria-label to comply with eslint")))),(0,m.mdx)("h2",{id:"6360---june-16-2020"},"6.36.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:"6350---june-9-2020"},"6.35.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"},"Apply themes by context and directly include packaged themes.")))),(0,m.mdx)("h2",{id:"6340---june-2-2020"},"6.34.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:"6330---may-19-2020"},"6.33.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:"6320---april-28-2020"},"6.32.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"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(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:"6310---april-6-2020"},"6.31.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:"6300---march-31-2020"},"6.30.0 - (March 31, 2020)"),(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 clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"6290---march-10-2020"},"6.29.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:"6280---march-3-2020"},"6.28.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:"6260---february-18-2020"},"6.26.0 - (February 18, 2020)"),(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 clinical-lowlight-theme theming files")))),(0,m.mdx)("h2",{id:"6250---february-4-2020"},"6.25.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:"6240---january-28-2020"},"6.24.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:"6230---january-7-2020"},"6.23.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:"6220---december-16-2019"},"6.22.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"},"Updated Jest snapshots.")))),(0,m.mdx)("h2",{id:"6210---december-10-2019"},"6.21.0 - (December 10, 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 orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"6200---november-20-2019"},"6.20.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:"6190---november-18-2019"},"6.19.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"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"6180---november-7-2019"},"6.18.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"},"Updated examples to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"hooks")),(0,m.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,m.mdx)("h2",{id:"6170---october-30-2019"},"6.17.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"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"6160---october-21-2019"},"6.16.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:"6150---october-16-2019"},"6.15.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:"6140---october-3-2019"},"6.14.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:"6130---september-26-2019"},"6.13.0 - (September 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(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 private prop ",(0,m.mdx)("inlineCode",{parentName:"li"},"popupContentRole")," intend to allow modification of the role attribute applied to the ",(0,m.mdx)("inlineCode",{parentName:"li"},"")," component used with the ",(0,m.mdx)("inlineCode",{parentName:"li"},"")," component"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Reverted Placeholder import in example files.")))),(0,m.mdx)("h2",{id:"6120---september-19-2019"},"6.12.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(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)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,m.mdx)("h2",{id:"6110---september-6-2019"},"6.11.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:"6100---august-21-2019"},"6.10.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"},"Cleaned up lint in test files")))),(0,m.mdx)("h2",{id:"690---august-14-2019"},"6.9.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts"))),(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 themeable variable for z-index, short not be based upon theme")))),(0,m.mdx)("h2",{id:"680---july-30-2019"},"6.8.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:"671---july-23-2019"},"6.7.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:"670---july-23-2019"},"6.7.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:"660---july-16-2019"},"6.6.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:"650---july-10-2019"},"6.5.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:"640---july-2-2019"},"6.4.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:"630---june-19-2019"},"6.3.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:"620---june-12-2019"},"6.2.0 - (June 12, 2019)"),(0,m.mdx)("ul",null,(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 node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,m.mdx)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports")))),(0,m.mdx)("h2",{id:"610---may-21-2019"},"6.1.0 - (May 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 update")))),(0,m.mdx)("h2",{id:"600---may-13-2019"},"6.0.0 - (May 13, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," prop"),(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"requestFocus")," prop"),(0,m.mdx)("li",{parentName:"ul"},"Updated focus-trap-react dependency to ^6.0.0")))),(0,m.mdx)("h2",{id:"5120---may-7-2019"},"5.12.0 - (May 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 update")))),(0,m.mdx)("h2",{id:"5110---april-24-2019"},"5.11.0 - (April 24, 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"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,m.mdx)("h2",{id:"5100---april-16-2019"},"5.10.0 - (April 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 update")))),(0,m.mdx)("h2",{id:"590---april-9-2019"},"5.9.0 - (April 9, 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 update")))),(0,m.mdx)("h2",{id:"580---april-2-2019"},"5.8.0 - (April 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"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"570---march-26-2019"},"5.7.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(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 peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"560---march-20-2019"},"5.6.0 - (March 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"},"Updated heading levels in doc site README.md to correct Section 508 errors"),(0,m.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,m.mdx)("h2",{id:"550---march-12-2019"},"5.5.0 - (March 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"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"540---march-5-2019"},"5.4.0 - (March 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove Opts export, instead named export cornerSize"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove need to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"injectIntl"),", use ",(0,m.mdx)("inlineCode",{parentName:"li"},"")," instead"),(0,m.mdx)("li",{parentName:"ul"},"Updated docs")))),(0,m.mdx)("h2",{id:"530---february-26-2019"},"5.3.0 - (February 26, 2019)"),(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 en-AU translations"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed prop breaking the modal example")))),(0,m.mdx)("h2",{id:"520---february-13-2019"},"5.2.0 - (February 13, 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 dependency on terra-list"),(0,m.mdx)("li",{parentName:"ul"},"Removed dependency on terra-grid")))),(0,m.mdx)("h2",{id:"510---february-5-2019"},"5.1.0 - (February 5, 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 update")))),(0,m.mdx)("h2",{id:"500---january-25-2019"},"5.0.0 - (January 25, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking Change"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated variable names to match new naming standard"),(0,m.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,m.mdx)("li",{parentName:"ul"},"Removed variables for css theming"),(0,m.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed 'close' class from ",(0,m.mdx)("inlineCode",{parentName:"li"},"_PopupContent")," button"),(0,m.mdx)("li",{parentName:"ul"},"Added text prop to ",(0,m.mdx)("inlineCode",{parentName:"li"},"_PopupContent")," button for conversion to aria-label in Button component"))),(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"},"react-intl dependency added for i18n translations"),(0,m.mdx)("li",{parentName:"ul"},"intl prop added to ",(0,m.mdx)("inlineCode",{parentName:"li"},"_PopupContent")," for i18n message formatting"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove use of componentWillReceiveProps")))),(0,m.mdx)("h2",{id:"4220---january-5-2019"},"4.22.0 - (January 5, 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 update")))),(0,m.mdx)("h2",{id:"4210---january-2-2019"},"4.21.0 - (January 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"},"Prevent click events from propagating from popup overlay")))),(0,m.mdx)("h2",{id:"4200---december-5-2018"},"4.20.0 - (December 5, 2018)"),(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 onClickOutside detection to popup overlay"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Replaced hookshot content component with a version that does not use onClickOutside HOC"),(0,m.mdx)("li",{parentName:"ul"},"Disabled focus trap when popup is open and users click outside of the popup")))),(0,m.mdx)("h2",{id:"4191---december-3-2018"},"4.19.1 - (December 3, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Wdio tests changed to use themeCombinationOfCustomProperties"),(0,m.mdx)("li",{parentName:"ul"},"Replaced use of componentWillMount with componentDidMount"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed preventDefault error"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated examples to consume terra-disclosure-manager v3.x"))),(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 dependency on terra-app-delegate package.")))),(0,m.mdx)("h2",{id:"4181---november-15-2018"},"4.18.1 - (November 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency update")))),(0,m.mdx)("h2",{id:"4180---november-15-2018"},"4.18.0 - (November 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"4170---october-30-2018"},"4.17.0 - (October 30, 2018)"),(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 mixin import to be more explicit")))),(0,m.mdx)("h2",{id:"4160---october-16-2018"},"4.16.0 - (October 16, 2018)"),(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 popup examples to highlight how to achieve better focus management for screen readers")))),(0,m.mdx)("h2",{id:"4150---october-8-2018"},"4.15.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features"),(0,m.mdx)("li",{parentName:"ul"},"Upgrade focus-trap-react version to ^4.0.1"))),(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"},"Webdriver theme test for --terra-popup-arrow-inner-color")))),(0,m.mdx)("h2",{id:"4140---september-25-2018"},"4.14.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,m.mdx)("h2",{id:"4130---september-5-2018"},"4.13.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"4120---august-30-2018"},"4.12.0 - (August 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,m.mdx)("h2",{id:"4110---august-13-2018"},"4.11.0 - (August 13, 2018)"),(0,m.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:"4100---august-8-2018"},"4.10.0 - (August 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution"),(0,m.mdx)("li",{parentName:"ul"},"Popup Content will clone prop to indicate missing close button")))),(0,m.mdx)("h2",{id:"490---july-26-2018"},"4.9.0 - (July 26, 2018)"),(0,m.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:"480---july-25-2018"},"4.8.0 - (July 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"470---july-10-2018"},"4.7.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Clean up dependencies")))),(0,m.mdx)("h2",{id:"460---july-3-2018"},"4.6.0 - (July 3, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"450---june-29-2018"},"4.5.0 - (June 29, 2018)"),(0,m.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:"440---june-12-2018"},"4.4.0 - (June 12, 2018)"),(0,m.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:"430---june-5-2018"},"4.3.0 - (June 5, 2018)"),(0,m.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:"420---may-30-2018"},"4.2.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,m.mdx)("h2",{id:"410---may-22-2018"},"4.1.0 - (May 22, 2018)"),(0,m.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:"400---may-8-2018"},"4.0.0 - (May 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Major Change"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use terra-modal-manager v3.0.0"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update webdriver screenshots")))),(0,m.mdx)("h2",{id:"330---april-30-2018"},"3.3.0 - (April 30, 2018)"),(0,m.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)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,m.mdx)("h2",{id:"320---april-20-2018"},"3.2.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added a call to preventDefault on onOutsideClick")))),(0,m.mdx)("h2",{id:"310---april-13-2018"},"3.1.0 - (April 13, 2018)"),(0,m.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:"300---april-10-2018"},"3.0.0 - (April 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed attachment behavior ",(0,m.mdx)("inlineCode",{parentName:"li"},"none"),". Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"push")," as a replacement to ",(0,m.mdx)("inlineCode",{parentName:"li"},"none")," to regain previous bounded repositioning.")))),(0,m.mdx)("h2",{id:"241---april-5-2018"},"2.4.1 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added terra-mixins dependency")))),(0,m.mdx)("h2",{id:"240---april-3-2018"},"2.4.0 - (April 3, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Miragte package to terra-framework")))),(0,m.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Allow Popup 'Up' Arrow to be themed")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(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 props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(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 WebDriverIO tests")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(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 peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16"))),(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"},"WebDriverIO tests and themable styles")))),(0,m.mdx)("h2",{id:"1200---february-1-2018"},"1.20.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1190---january-18-2018"},"1.19.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1180---january-5-2018"},"1.18.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Console warning")))),(0,m.mdx)("h2",{id:"1170---december-5-2017"},"1.17.0 - (December 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1160---november-28-2017"},"1.16.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1150---november-16-2017"},"1.15.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1140---november-7-2017"},"1.14.0 - (November 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1130---october-31-2017"},"1.13.0 - (October 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Consume content resize prop on HookshotContent")))),(0,m.mdx)("h2",{id:"1120---october-24-2017"},"1.12.0 - (October 24, 2017)"),(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 tether implementation with terra-hookshot components")))),(0,m.mdx)("h2",{id:"1110---october-6-2017"},"1.11.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1100---september-26-2017"},"1.10.0 - (September 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"190---september-19-2017"},"1.9.0 - (September 19, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"180---september-12-2017"},"1.8.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fix ",(0,m.mdx)("inlineCode",{parentName:"li"},"-var()")," syntax."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Implementation of the overlay styling.")))),(0,m.mdx)("h2",{id:"170---september-7-2017"},"1.7.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"160---september-5-2017"},"1.6.0 - (September 5, 2017)"),(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 nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"150---august-31-2017"},"1.5.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"140---august-15-2017"},"1.4.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Switched CSS custom properties usage to inline fallback syntax")))),(0,m.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"110---august-1-2017"},"1.1.0 - (August 1, 2017)"),(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 requestFocus and releaseFocus props to support requesting and releasing focus."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Prevent Invalid Props from breaking size logic. (Issue #679)")))),(0,m.mdx)("h2",{id:"100---july-26-2017"},"1.0.0 - (July 26, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=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}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,m.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},78052:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-popup",name:"terra-popup",version:"6.73.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/87812-cc90f6267c7788342f28.js b/87812-cc90f6267c7788342f28.js new file mode 100644 index 000000000..9584f1788 --- /dev/null +++ b/87812-cc90f6267c7788342f28.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[87812],{97878:function(e,l,t){l.Z=void 0;var n=d(t(67294)),a=d(t(13975)),r=d(t(19845)),o=d(t(48824));function d(e){return e&&e.__esModule?e:{default:e}}var p=r.default.bind(o.default);l.Z=function(){return n.default.createElement(a.default,{placeholder:"Select a color",allowClear:!0,className:p("form-select")},n.default.createElement(a.default.Option,{value:"blue",display:"Blue"}),n.default.createElement(a.default.Option,{value:"green",display:"Green"}),n.default.createElement(a.default.Option,{value:"purple",display:"Purple"}),n.default.createElement(a.default.Option,{value:"red",display:"Red"}),n.default.createElement(a.default.Option,{value:"violet",display:"Violet"}))}},88455: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)}l.Z=void 0;var a=function(e,l){if(!l&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var t=i(l);if(t&&t.has(e))return t.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=r?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(a,o,d):a[o]=e[o]}return a.default=e,t&&t.set(e,a),a}(t(67294)),r=p(t(13975)),o=p(t(19845)),d=p(t(48824));function p(e){return e&&e.__esModule?e:{default:e}}function i(e){if("function"!=typeof WeakMap)return null;var l=new WeakMap,t=new WeakMap;return(i=function(e){return e?t:l})(e)}function m(e,l){return function(e){if(Array.isArray(e))return e}(e)||function(e,l){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,r,o,d=[],p=!0,i=!1;try{if(r=(t=t.call(e)).next,0===l){if(Object(t)!==t)return;p=!1}else for(;!(p=(n=r.call(t)).done)&&(d.push(n.value),d.length!==l);p=!0);}catch(e){i=!0,a=e}finally{try{if(!p&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(i)throw a}}return d}}(e,l)||function(e,l){if(!e)return;if("string"==typeof e)return u(e,l);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return u(e,l)}(e,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,l){(null==l||l>e.length)&&(l=e.length);for(var t=0,n=new Array(l);t=0||(a[t]=e[t]);return a}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var m={};function u(e){var l=e.components,t=i(e,d);return(0,a.mdx)("wrapper",p({},m,t,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SingleSelect from \'terra-form-select/lib/SingleSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst AllowClearExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default AllowClearExample;\n\n')))}u.isMDXComponent=!0;var c=t(49271),s=t(15305),x=function(e){var l=e.title,t=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:l||"Allow Clear",description:t,example:n.createElement(o.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(u,null),isExpanded:a})},f=t(88455),y=["components"];function g(){return g=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 r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var b={};function O(e){var l=e.components,t=v(e,y);return(0,a.mdx)("wrapper",g({},b,t,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport SingleSelect from \'terra-form-select/lib/SingleSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ControlledExample = () => {\n const [value, setValue] = useState(\'blue\');\n\n return (\n \n \n \n \n \n \n \n );\n};\n\nexport default ControlledExample;\n\n')))}O.isMDXComponent=!0;var S=function(e){var l=e.title,t=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:l||"Controlled",description:t,example:n.createElement(f.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(O,null),isExpanded:a})},h=t(26078),T=["components"];function N(){return N=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 r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var C={};function w(e){var l=e.components,t=E(e,T);return(0,a.mdx)("wrapper",N({},C,t,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SingleSelect from \'terra-form-select/lib/SingleSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SingleSelectExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SingleSelectExample;\n\n')))}w.isMDXComponent=!0;var j=function(e){var l=e.title,t=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:l||"Single Select",description:t,example:n.createElement(h.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(w,null),isExpanded:a})},_=t(31447),D=["components"];function R(){return R=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 r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var k={};function W(e){var l=e.components,t=P(e,D);return(0,a.mdx)("wrapper",R({},k,t,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SingleSelect from \'terra-form-select/lib/SingleSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst DisabledExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default DisabledExample;\n\n')))}W.isMDXComponent=!0;var q=function(e){var l=e.title,t=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:l||"Disabled",description:t,example:n.createElement(_.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(W,null),isExpanded:a})},M=t(44346),Z=["components"];function X(){return X=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 r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var G={};function I(e){var l=e.components,t=V(e,Z);return(0,a.mdx)("wrapper",X({},G,t,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SingleSelect from \'terra-form-select/lib/SingleSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst InvalidExample = () => (\n <>\n \n \n \n \n \n \n \n

Note: User should always use form single select field inorder to convey the error state when error has occurred.

\n \n);\n\nexport default InvalidExample;\n\n')))}I.isMDXComponent=!0;var A=function(e){var l=e.title,t=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:l||"Invalid",description:t,example:n.createElement(M.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(I,null),isExpanded:a})},B=t(82),F=["components"];function L(){return L=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 r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var H={};function U(e){var l=e.components,t=z(e,F);return(0,a.mdx)("wrapper",L({},H,t,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SingleSelect from \'terra-form-select/lib/SingleSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IncompleteExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default IncompleteExample;\n\n')))}U.isMDXComponent=!0;var K=function(e){var l=e.title,t=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:l||"Incomplete",description:t,example:n.createElement(B.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(U,null),isExpanded:a})},Y=t(72155),J=["components"];function Q(){return Q=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 r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var ee={};function le(e){var l=e.components,t=$(e,J);return(0,a.mdx)("wrapper",Q({},ee,t,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SingleSelect from \'terra-form-select/lib/SingleSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MaxHeightExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default MaxHeightExample;\n\n')))}le.isMDXComponent=!0;var te=function(e){var l=e.title,t=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:l||"Max Height",description:t,example:n.createElement(Y.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(le,null),isExpanded:a})},ne=t(61544),ae=["components"];function re(){return re=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 r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var de={};function pe(e){var l=e.components,t=oe(e,ae);return(0,a.mdx)("wrapper",re({},de,t,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SingleSelect from \'terra-form-select/lib/SingleSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst OptGroupExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default OptGroupExample;\n\n')))}pe.isMDXComponent=!0;var ie=function(e){var l=e.title,t=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:l||"Opt Group",description:t,example:n.createElement(ne.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(pe,null),isExpanded:a})},me=t(78530),ue=["components"];function ce(){return ce=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 r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var xe={},fe="wrapper";function ye(e){var l=e.components,t=se(e,ue);return(0,a.mdx)(fe,ce({},xe,t,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(me.ZP,{mdxType:"PropsTable"},(0,a.mdx)(me.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"allowClear"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether a clear option is available to clear the selection, will use placeholder text if provided."))),(0,a.mdx)(me.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The dropdown menu options."))),(0,a.mdx)(me.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"defaultValue"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The default selected value. Can be a string, number, or array of strings/numbers."))),(0,a.mdx)(me.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"disabled"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select is disabled."))),(0,a.mdx)(me.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"dropdownAttrs"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Additional attributes to spread onto the dropdown. ( Style, ClassNames, etc.. )"))),(0,a.mdx)(me.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select displays as Incomplete. Use when no value has been provided. ",(0,a.mdx)("em",{parentName:"p"},"(usage note: ",(0,a.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,a.mdx)(me.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"isInvalid"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select displays as Invalid. Use when value does not meet validation pattern."))),(0,a.mdx)(me.X2,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"maxHeight"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The max height of the dropdown."))),(0,a.mdx)(me.X2,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"noResultContent"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Content to display when no results are found."))),(0,a.mdx)(me.X2,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"onBlur"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select loses focus. function(event)"))),(0,a.mdx)(me.X2,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the value changes. function(value)"))),(0,a.mdx)(me.X2,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select is clicked. function(event)"))),(0,a.mdx)(me.X2,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"onDeselect"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when an option is deselected. function(value)"))),(0,a.mdx)(me.X2,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"onFocus"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select receives focus. function(event)"))),(0,a.mdx)(me.X2,{key:"ROW15",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"onSelect"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when an option is selected. function(value)"))),(0,a.mdx)(me.X2,{key:"ROW16",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"placeholder"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Placeholder text."))),(0,a.mdx)(me.X2,{key:"ROW17",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field is required."))),(0,a.mdx)(me.X2,{key:"ROW18",mdxType:"Row"},(0,a.mdx)(me.O,{mdxType:"PropNameCell"},"value"),(0,a.mdx)(me.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(me.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(me.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(me.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The selected value. Can be a string, number, or array of strings/numbers.")))))}ye.isMDXComponent=!0;var ge=t(47549),ve=t(25148),be=["components"];function Oe(){return Oe=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 r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var he={},Te="wrapper";function Ne(e){var l=e.components,t=Se(e,be);return(0,a.mdx)(Te,Oe({},he,t,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-single-select"},"Terra Form Single Select"),(0,a.mdx)("p",null,"The Single Select component allows selecting a single option from a dropdown of selectable options."),(0,a.mdx)("p",null,"Consumers are encouraged to use the ",(0,a.mdx)("inlineCode",{parentName:"p"},"SingleSelectField")," component over the ",(0,a.mdx)("inlineCode",{parentName:"p"},"SingleSelect")," component wherever possible, as the latter does not provide the labels necessary to support accessibility."),(0,a.mdx)("p",null,"To create an accessible ",(0,a.mdx)("inlineCode",{parentName:"p"},"SingleSelect")," component:"),(0,a.mdx)("ol",null,(0,a.mdx)("li",{parentName:"ol"},"Ensure that ",(0,a.mdx)("inlineCode",{parentName:"li"},"SelectField")," can receive keyboard focus."),(0,a.mdx)("li",{parentName:"ol"},"Ensure that ",(0,a.mdx)("inlineCode",{parentName:"li"},"SelectField")," programmatically associates all related content (such as visible label, helper text & error messaging) to the field."),(0,a.mdx)("li",{parentName:"ol"},"Ensure any visible ",(0,a.mdx)("inlineCode",{parentName:"li"},"SelectLabel")," matches any artificially applied programmatic label."),(0,a.mdx)("li",{parentName:"ol"},"Error messaging should provide error suggestions when the system can programmatically understand what is wrong.")),(0,a.mdx)("p",null,"To close the combobox while using JAWS with VPC ",(0,a.mdx)("strong",{parentName:"p"},"ON")," mode, user have to press escape key twice. The first escape key press loses the VPC focus and the second escape key press closes the single select as it has control focus."),(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-form-select"))))),(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:"implementation-notes"},"Implementation Notes:"),(0,a.mdx)("p",null,"The Form-Select component must be composed inside the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-core-docs/base/about"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SingleSelect from 'terra-form-select/lib/SingleSelect';\n")),(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#responsive-support"},"Responsive 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#internationalization-i18n"},"Localization 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)(j,{description:"A Single Select allows selecting a single option.",mdxType:"SingleSelectExample"}),(0,a.mdx)(q,{mdxType:"DisabledExample"}),(0,a.mdx)(A,{description:"Applies theme-specific styling for invalid. Will also display error text when used with a Field.",mdxType:"InvalidExample"}),(0,a.mdx)(K,{description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteExample"}),(0,a.mdx)(ie,{title:"Ability to add Option Groups",description:"An OptGroup provides a way to group options together within the listbox.",mdxType:"OptGroupExample"}),(0,a.mdx)(te,{title:"Ability to set a Maximum Height",description:"An example of implementing a custom max height of the dropdown.",mdxType:"MaxHeightExample"}),(0,a.mdx)(x,{title:"Ability to Clear Selection",description:"An example with an option to clear the selected item.",mdxType:"AllowClearExample"}),(0,a.mdx)(S,{title:"Create a Controlled Single Select",description:"An example of implementing a controlled Single Select.",mdxType:"ControlledExample"}),(0,a.mdx)("h2",{id:"single-select-props"},"Single Select Props"),(0,a.mdx)(ye,{mdxType:"SingleSelectPropsTable"}),(0,a.mdx)("h2",{id:"option-props"},"Option Props"),(0,a.mdx)(ge.Z,{mdxType:"OptionPropsTable"}),(0,a.mdx)("h2",{id:"optgroup-props"},"OptGroup Props"),(0,a.mdx)(ve.Z,{mdxType:"OptGroupPropsTable"}))}Ne.isMDXComponent=!0},15305:function(e,l,t){t.d(l,{Z:function(){return i}});t(67294);var n=t(81254),a=["components"];function r(){return r=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 r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var d={},p="wrapper";function i(e){var l=e.components,t=o(e,a);return(0,n.mdx)(p,r({},d,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-scss"},"// import themes\n@import './clinical-lowlight-theme/FormSelectDocCommon.module';\n@import './orion-fusion-theme/FormSelectDocCommon.module';\n\n:local {\n .form-select {\n max-width: 300px;\n }\n\n .controlled-button {\n margin: 5px;\n }\n \n .error-text {\n color: var(--terra-core-docs-form-select-error-text-color, #e50000);\n font-size: 0.857rem;\n font-weight: normal;\n line-height: 1.25;\n margin-top: 0.357em;\n outline: 0;\n text-align: left;\n }\n\n .field-label {\n font-weight: 700;\n }\n}\n\n")))}i.isMDXComponent=!0},57739:function(e,l,t){t.d(l,{C:function(){return r}});var n=t(67294),a=t(22863),r=function(e){var l=e.url;return n.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.54.0",url:l})}},25148:function(e,l,t){t.d(l,{Z:function(){return m}});t(67294);var n=t(81254),a=t(78530),r=["components"];function o(){return o=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 r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var p={},i="wrapper";function m(e){var l=e.components,t=d(e,r);return(0,n.mdx)(i,o({},p,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(a.ZP,{mdxType:"PropsTable"},(0,n.mdx)(a.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The group options."))),(0,n.mdx)(a.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the option group is disabled."))),(0,n.mdx)(a.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(a.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The group label.")))))}m.isMDXComponent=!0},47549:function(e,l,t){t.d(l,{Z:function(){return m}});t(67294);var n=t(81254),a=t(78530),r=["components"];function o(){return o=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 r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var p={},i="wrapper";function m(e){var l=e.components,t=d(e,r);return(0,n.mdx)(i,o({},p,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(a.ZP,{mdxType:"PropsTable"},(0,n.mdx)(a.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the option is disabled."))),(0,n.mdx)(a.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"display"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The display text of the option."))),(0,n.mdx)(a.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n],\n"))),(0,n.mdx)(a.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The value of the option. The value must be unique.")))))}m.isMDXComponent=!0},48824:function(e,l,t){t.r(l),l.default={"form-select":"FormSelectDocCommon-module__form-select___Tm1QE","controlled-button":"FormSelectDocCommon-module__controlled-button___wG6cn","error-text":"FormSelectDocCommon-module__error-text___lKsl1","field-label":"FormSelectDocCommon-module__field-label___h3hRZ"}},53560: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"}},33864:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var n=r(t(67294)),a=r(t(99139));function r(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var u={},i="wrapper";function c(e){var a=e.components,r=d(e,o);return(0,t.mdx)(i,s({},u,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-breakpoints-upgrade-guide"},"Terra Breakpoints Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-10-to-20"},"Changes from 1.0 to 2.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template")))}c.isMDXComponent=!0},51419:function(e,a,r){r.d(a,{C:function(){return o}});var t=r(67294),n=r(22863),o=function(e){var a=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-breakpoints",name:"terra-breakpoints",version:"2.39.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/88127-bbfa1e8685357e97aedd.css b/88127-bbfa1e8685357e97aedd.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/88127-bbfa1e8685357e97aedd.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/88127-bbfa1e8685357e97aedd.js b/88127-bbfa1e8685357e97aedd.js new file mode 100644 index 000000000..b05d20768 --- /dev/null +++ b/88127-bbfa1e8685357e97aedd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[88127,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319,20116,33609,12026],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),i=a(n(19845)),o=a(n(17422)),s=i.default.bind(o.default),d={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,i=r.default.createElement("a",{className:s("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:s("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:s("badge-version")},"v".concat(l))),o=t?r.default.createElement("a",{className:s("badge"),href:t},r.default.createElement("span",{className:s("badge-name")},"github"),r.default.createElement("span",{className:s("badge-version")},"source")):void 0;return r.default.createElement("div",{className:s("badge-container")},i,o)};m.propTypes=d;var c=m;t.Z=c},40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),l=d(n(19845)),i=d(n(50026)),o=d(n(66983)),s=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u=l.default.bind(o.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:r.default.string},g=function(e){var t=e.children,n=c(e,s),r=a.default.useContext(i.default),o=(0,l.default)(u(["button",r.className]),n.className);return a.default.createElement("button",m({},n,{type:"button",className:o,onBlur:p,onMouseDown:h,"data-focus-styles-enabled":!0}),t)};g.propTypes=f;t.default=g},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(67294)),r=s(n(45697)),l=s(n(19845)),i=s(n(50026)),o=s(n(30866));function s(e){return e&&e.__esModule?e:{default:e}}var d=l.default.bind(o.default),m={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,l=a.default.useContext(i.default);return a.default.createElement("div",{className:d("notice",n,l.className)},a.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:d("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:d("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:d("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};c.propTypes=m,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=m(n(67294)),r=m(n(45697)),l=m(n(93967)),i=m(n(19845)),o=m(n(50026)),s=m(n(42620)),d=["title"];function m(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=i.default.bind(s.default),h={title:r.default.string},f=function(e){var t=e.title,n=u(e,d),r=a.default.useContext(o.default),i=(0,l.default)(p(["placeholder",r.className]),n.className),s=p(["inner"]);return a.default.createElement("div",c({},n,{className:i}),a.default.createElement("div",{className:s},a.default.createElement("p",{className:p("title")},t)))};f.propTypes=h,f.defaultProps={title:""};t.default=f},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=i(n(59278)),r=i(n(47306)),l=i(n(40996));function i(e){return e&&e.__esModule?e:{default:e}}},88127:function(e,t,n){n.r(t),n.d(t,{default:function(){return c}});n(67294);var a=n(81254),r=n(34261),l=n(69608),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={},m="wrapper";function c(e){var t=e.components,n=s(e,i);return(0,a.mdx)(m,o({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-functional-testing"},"Terra Functional Testing"),(0,a.mdx)("p",null,"The terra-functional-testing library is a utility for developing automation tests. The library extends ",(0,a.mdx)("a",{parentName:"p",href:"https://v6.webdriver.io/"},"WebdriverIO")," to facilitate automating accessibility and functional testing for Terra projects."),(0,a.mdx)("h2",{id:"system-requirements"},"System Requirements"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"http://nodejs.org/"},"Node.js")," Install at least v10.24.0. Due to requirements of fibers used within the project install no greater than lts/erbium (v12)."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.docker.com/"},"Docker")," Install docker. Docker is used to setup and run tests in a containerized environment.")),(0,a.mdx)("p",null,"We strongly recommend using ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/nvm-sh/nvm"},"nvm")," for installing node versions."),(0,a.mdx)("h2",{id:"installation"},"Installation"),(0,a.mdx)("p",null,"Install @cerner/terra-functional-testing and @cerner/terra-cli as development dependencies with npm:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"npm install --save-dev @cerner/terra-functional-testing @cerner/terra-cli\n")),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("p",null,"A test runner is provided for local development. The test runner is invoked via the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/dev_tools/cerner-terra-toolkit-docs/terra-cli/about"},"terra-cli"),"."),(0,a.mdx)("p",null,"package.json"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-json"},'"scripts": {\n "test:wdio": "terra wdio"\n}\n')),(0,a.mdx)("h3",{id:"options"},"Options"),(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},"Option"),(0,a.mdx)("th",{parentName:"tr",align:null},"Type"),(0,a.mdx)("th",{parentName:"tr",align:null},"Default"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--assetServerPort"),(0,a.mdx)("td",{parentName:"tr",align:null},"number"),(0,a.mdx)("td",{parentName:"tr",align:null},"8080"),(0,a.mdx)("td",{parentName:"tr",align:null},"The port to run the webpack and express asset services on.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--browsers"),(0,a.mdx)("td",{parentName:"tr",align:null},"array"),(0,a.mdx)("td",{parentName:"tr",align:null}),(0,a.mdx)("td",{parentName:"tr",align:null},"A list of browsers for the test run.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--config, -c"),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null}),(0,a.mdx)("td",{parentName:"tr",align:null},"A file path to the test runner configuration.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--disableSeleniumService"),(0,a.mdx)("td",{parentName:"tr",align:null},"boolean"),(0,a.mdx)("td",{parentName:"tr",align:null},"false"),(0,a.mdx)("td",{parentName:"tr",align:null},"A flag to disable the selenium docker service.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--ignoreScreenshotMismatch"),(0,a.mdx)("td",{parentName:"tr",align:null},"boolean"),(0,a.mdx)("td",{parentName:"tr",align:null},"false"),(0,a.mdx)("td",{parentName:"tr",align:null},"A flag to ignore screenshot mismatch.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--externalHost"),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null}),(0,a.mdx)("td",{parentName:"tr",align:null},"The host address the testing environment is connected to.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--externalPort"),(0,a.mdx)("td",{parentName:"tr",align:null},"number"),(0,a.mdx)("td",{parentName:"tr",align:null}),(0,a.mdx)("td",{parentName:"tr",align:null},"The port mapping from the host to the container.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--formFactors"),(0,a.mdx)("td",{parentName:"tr",align:null},"array"),(0,a.mdx)("td",{parentName:"tr",align:null}),(0,a.mdx)("td",{parentName:"tr",align:null},"A list of form factors for the test run. One of tiny, small, medium, large, huge, or enormous")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--gridUrl"),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null}),(0,a.mdx)("td",{parentName:"tr",align:null},"The remote selenium grid address.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--locales"),(0,a.mdx)("td",{parentName:"tr",align:null},"array"),(0,a.mdx)("td",{parentName:"tr",align:null},"en"),(0,a.mdx)("td",{parentName:"tr",align:null},"A list of language locales for the test run.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--seleniumServicePort"),(0,a.mdx)("td",{parentName:"tr",align:null},"number"),(0,a.mdx)("td",{parentName:"tr",align:null},"4444"),(0,a.mdx)("td",{parentName:"tr",align:null},"The port mapping for the selenium service or the external selenium grid.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--seleniumServiceUrl"),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null},"localhost"),(0,a.mdx)("td",{parentName:"tr",align:null},"The address for the selenium service.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--site"),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null}),(0,a.mdx)("td",{parentName:"tr",align:null},"A file path to a static directory of assets. When defined, an express server will launch to serve the assets and disable running webpack.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--spec"),(0,a.mdx)("td",{parentName:"tr",align:null},"array"),(0,a.mdx)("td",{parentName:"tr",align:null}),(0,a.mdx)("td",{parentName:"tr",align:null},"A list of spec file paths.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--suite"),(0,a.mdx)("td",{parentName:"tr",align:null},"array"),(0,a.mdx)("td",{parentName:"tr",align:null}),(0,a.mdx)("td",{parentName:"tr",align:null},"Overrides specs and runs only the defined suites.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--themes"),(0,a.mdx)("td",{parentName:"tr",align:null},"array"),(0,a.mdx)("td",{parentName:"tr",align:null},"theme specified in terra-theme.config.js file"),(0,a.mdx)("td",{parentName:"tr",align:null},"A list of themes for the test run.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--updateScreenshots, -u"),(0,a.mdx)("td",{parentName:"tr",align:null},"boolean"),(0,a.mdx)("td",{parentName:"tr",align:null},"false"),(0,a.mdx)("td",{parentName:"tr",align:null},"Updates all reference screenshots with the latest screenshots.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--useHttps"),(0,a.mdx)("td",{parentName:"tr",align:null},"boolean"),(0,a.mdx)("td",{parentName:"tr",align:null},"false"),(0,a.mdx)("td",{parentName:"tr",align:null},"A flag to turn on secure HTTP for the webpack server when a gridUrl is provided.")))),(0,a.mdx)("p",null,"The following example will run the test suite a total of four times. Once for each permutation of the specified locales and form factors."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-json"},'"scripts": {\n "test:wdio": "terra wdio --locales en fr --formFactors tiny huge"\n}\n')),(0,a.mdx)("h2",{id:"browser-capabilities"},"Browser Capabilities"),(0,a.mdx)("p",null,"The following browsers are supported:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Chrome"),(0,a.mdx)("li",{parentName:"ul"},"Firefox"),(0,a.mdx)("li",{parentName:"ul"},"Internet Explorer")),(0,a.mdx)("p",null,"Chrome is enabled by default when running locally against the docker container."),(0,a.mdx)("p",null,"To target a list of browsers that are different than the default use the ",(0,a.mdx)("inlineCode",{parentName:"p"},"browsers")," cli option:"),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null," Internet Explorer can only be enabled when running against a remote selenium grid. Internet Explorer is not available within the docker container.")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-json"},'"scripts": {\n "test:wdio": "terra wdio --browsers firefox"\n}\n')),(0,a.mdx)("p",null,"To run against a remote selenium grid:"),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null," Chrome, Firefox, and Internet Explorer are all enabled by default when running against a remote selenium grid.")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-json"},'"scripts": {\n "test:wdio": "terra wdio --gridUrl grid.test.example.com"\n}\n')),(0,a.mdx)("h2",{id:"form-factors"},"Form Factors"),(0,a.mdx)("p",null,"Tests can be executed in the following form factors:"),(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},"Size"),(0,a.mdx)("th",{parentName:"tr",align:null},"Width"),(0,a.mdx)("th",{parentName:"tr",align:null},"Height"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"tiny"),(0,a.mdx)("td",{parentName:"tr",align:null},"470"),(0,a.mdx)("td",{parentName:"tr",align:null},"768")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"small"),(0,a.mdx)("td",{parentName:"tr",align:null},"622"),(0,a.mdx)("td",{parentName:"tr",align:null},"768")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"medium"),(0,a.mdx)("td",{parentName:"tr",align:null},"838"),(0,a.mdx)("td",{parentName:"tr",align:null},"768")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"large"),(0,a.mdx)("td",{parentName:"tr",align:null},"1020"),(0,a.mdx)("td",{parentName:"tr",align:null},"768")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"huge"),(0,a.mdx)("td",{parentName:"tr",align:null},"1300"),(0,a.mdx)("td",{parentName:"tr",align:null},"768")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"enormous"),(0,a.mdx)("td",{parentName:"tr",align:null},"1500"),(0,a.mdx)("td",{parentName:"tr",align:null},"768")))),(0,a.mdx)("p",null,"To specify a list of form factors use the cli option:"),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null," If no form factor is specified all tests will be run against the huge form factor.")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-json"},'"scripts": {\n "test:wdio": "terra wdio --formFactors tiny small enormous"\n}\n')),(0,a.mdx)("h2",{id:"configuration"},"Configuration"),(0,a.mdx)("p",null,"The test runner ships with a default ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit/blob/main/packages/terra-functional-testing/src/config/wdio.conf.js"},"wdio.conf.js"),". Options can be configured by extending the default configuration file."),(0,a.mdx)("p",null,"To extend the default configuration create a ",(0,a.mdx)("inlineCode",{parentName:"p"},"wdio.conf.js")," file at the root of your project and apply the desired options."),(0,a.mdx)("p",null,"wdio.conf.js"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const { config } = require('@cerner/terra-functional-testing');\n\n// Stop the test run if there is a test failure.\nconfig.bail = 1;\n\nexports.config = config;\n")),(0,a.mdx)("h2",{id:"service-options"},"Service Options"),(0,a.mdx)("p",null,"Service options are configurable by extending the wdio.conf.js file. These options are applied for every test run."),(0,a.mdx)("h3",{id:"selector"},"selector"),(0,a.mdx)("p",null,"Specifies the default element to be captured when taking a screenshot."),(0,a.mdx)("p",null,"Type: ",(0,a.mdx)("inlineCode",{parentName:"p"},"string")),(0,a.mdx)("p",null,"Required: ",(0,a.mdx)("inlineCode",{parentName:"p"},"false")),(0,a.mdx)("p",null,"Default: ",(0,a.mdx)("inlineCode",{parentName:"p"},"[data-terra-test-content] *:first-child")),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"4",mdxType:"Notice"},(0,a.mdx)("p",null," This selector is used as the default screenshot selector for Terra.validates.element and Terra.validates.screenshot.")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const { config } = require('@cerner/terra-functional-testing');\n\nconfig.serviceOptions = {\n selector: '#root',\n};\n\nexports.config = config;\n")),(0,a.mdx)("h3",{id:"seleniumversion"},"seleniumVersion"),(0,a.mdx)("p",null,"Specifies the ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/SeleniumHQ/docker-selenium/tree/selenium-3"},"docker selenium")," version used within the docker container."),(0,a.mdx)("p",null,"Type: ",(0,a.mdx)("inlineCode",{parentName:"p"},"string")),(0,a.mdx)("p",null,"Required: ",(0,a.mdx)("inlineCode",{parentName:"p"},"false")),(0,a.mdx)("p",null,"Default: ",(0,a.mdx)("inlineCode",{parentName:"p"},"3.14.0-helium")),(0,a.mdx)(r.Notice,{variant:"caution",ariaLevel:"4",mdxType:"Notice"},(0,a.mdx)("p",null," The selenium version is only applied when running tests against a docker container. This option does not change the version on a remote selenium grid. Keep this in mind if your tests run against a remote selenium grid on a CI system.")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const { config } = require('@cerner/terra-functional-testing');\n\nconfig.serviceOptions = {\n seleniumVersion: '3.141.59-20210311',\n};\n\nexports.config = config;\n")),(0,a.mdx)("h2",{id:"test-utilities"},"Test Utilities"),(0,a.mdx)("p",null,"Test utilities are available to help write tests. These utilities are accessed using the ",(0,a.mdx)("inlineCode",{parentName:"p"},"Terra")," global object."),(0,a.mdx)("h3",{id:"describe-helpers"},"Describe Helpers"),(0,a.mdx)("p",null,"The describe helpers are an alias for the top level ",(0,a.mdx)("inlineCode",{parentName:"p"},"describe")," block used within spec files. The describe helpers provide useful features for limiting a set of tests to specific form factors, locales, and themes."),(0,a.mdx)("h4",{id:"terradescribeviewports"},"Terra.describeViewports"),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"5",mdxType:"Notice"},(0,a.mdx)("p",null," We recommended using Terra.describeTests instead of Terra.describeViewports. The same features in Terra.describeViewports can be achieved with Terra.describeTests.")),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"Terra.describeViewports")," utility defines a list of form factors the tests are enabled for. By default, all tests will be run against each provided viewport. If a form factor is specified via the cli the describe viewpoint helper works as a filter and only allows the tests to execute if they match the current form factor."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"/**\n * Executes all tests for each defined viewport.\n * @param {string} title - The describe block title.\n * @param {string[]} viewports - A list of viewports. [tiny, small, medium, large, huge, enormous]\n * @param {function} fn - The block of tests to execute against each viewport.\n */\nTerra.describeViewports(title, [viewports], fn);\n")),(0,a.mdx)(r.Notice,{variant:"caution",ariaLevel:"5",mdxType:"Notice"},(0,a.mdx)("p",null," Describe helpers should not be nested within other describe helpers.")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"// The following example will scope the tests to run only for the `tiny` and `huge` form factors. The tests will not run for any other form factor.\n\nTerra.describeViewports('Describe viewports title', ['tiny', 'huge'], () => {\n it('should test tiny and huge screens', () => {\n browser.url('/testing/route/');\n\n Terra.validates.screenshot('describe viewports');\n });\n});\n\n// Multiple describe helpers can be used sequentially in the same spec file as long as they are not nested.\n\nTerra.describeViewports('Describe viewports title', ['small'], () => {\n it('should test small screens', () => {\n browser.url('/testing/route/small/');\n\n Terra.validates.screenshot('describe viewports');\n });\n});\n")),(0,a.mdx)("h4",{id:"terradescribetests"},"Terra.describeTests"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"Terra.describeTests")," helper extends the ",(0,a.mdx)("inlineCode",{parentName:"p"},"Terra.describeViewports")," helper by additionally filtering tests by locale and theme. Tests within this helper will only be executed if each of the form factors, locales, and themes listed in the options match those defined in the configurations for the current test run. If no form factors, locales, or themes are provided as options, then all tests under this helper will qualify to run in any form factor, locale, or theme."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"/**\n * Executes all tests for each defined set of form factors, locales, and themes.\n * @param {string} title - The describe block title.\n * @param {Object} options - An object containing arrays of formFactors, locales, and themes that the block of tests will only qualify to execute in.\n * @param {string} options.formFactors - The form factors that the block of tests only execute in.\n * @param {string} options.locales - The language locales that the block of tests only execute in.\n * @param {string} options.themes - The themes that the block of tests only execute in.\n * @param {function} fn - The block of tests to execute based on the defined form factor, locale, and theme.\n */\nTerra.describeTests(title, options, fn);\n")),(0,a.mdx)("p",null,"The following tests will only be ran for the locales, themes, and form factors provided:"),(0,a.mdx)(r.Notice,{variant:"caution",ariaLevel:"5",mdxType:"Notice"},(0,a.mdx)("p",null," The describe helper should not be nested inside of another describe helper.")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const testOptions = {\n formFactors: ['tiny', 'huge'],\n locales: ['en', 'fr'],\n themes: ['terra-default-theme', 'orion-fusion-theme']\n}\n\nTerra.describeTests('Describe tests', testOptions, () => {\n it('should execute only if form factor is tiny or huge, locale is en or fr, and theme is terra-default-theme or orion-fusion-theme', () => {\n browser.url('/testing/route/');\n Terra.validates.element('describe tests');\n });\n});\n")),(0,a.mdx)("h3",{id:"accessibility-testing"},"Accessibility Testing"),(0,a.mdx)("p",null,"The testing library integrates ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/dequelabs/axe-core"},"axe-core")," into the testing framework to help automate accessibility testing along side functional testing."),(0,a.mdx)("p",null,"Axe will analyze the entire document when run and report accessibility violations. The following ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/dequelabs/axe-core/blob/develop/doc/API.md#axe-core-tags"},"tags")," are enabled: ",(0,a.mdx)("inlineCode",{parentName:"p"},"wcag2a"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"wcag2aa"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"wcag21aa"),", and ",(0,a.mdx)("inlineCode",{parentName:"p"},"section508"),". Each tag has an associated list of ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md"},"rules")," that will be checked against the document when axe is run."),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"4",mdxType:"Notice"},(0,a.mdx)("p",null," Please note that not all accessibility testing can be automated. Axe provides a lightweight static analysis of the entire document to catch common accessibility violations, but it is the responsibility of each team and application to do thorough accessibility and functional testing manually when necessary.")),(0,a.mdx)("h4",{id:"terravalidatesaccessibility"},"Terra.validates.accessibility"),(0,a.mdx)("p",null,"The validates accessibility command will run accessibility checks on the entire document. If accessibility violations are found the test step will fail. It is recommended to run accessibility checks at various steps in a functional workflow to check for violations at different stages of the application."),(0,a.mdx)(r.Notice,{variant:"caution",ariaLevel:"4",mdxType:"Notice"},(0,a.mdx)("p",null," The accessibility assertion must be used within an ",(0,a.mdx)("inlineCode",{parentName:"p"},"it")," block.")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"it('should report no accessibility violations', () => {\n browser.url('/testing/route/');\n\n Terra.validates.accessibility(); // Fails if accessibility violations are found anywhere on the document.\n});\n")),(0,a.mdx)("p",null,"The accessibility assertion accepts ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/dequelabs/axe-core/blob/develop/doc/API.md#options-parameter"},"options")," that will be passed to axe for the document analysis."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"it('should override a rule configuration', () => {\n browser.url('/testing/route/');\n\n // Rule override for this specific test.\n const options = { rules: { 'color-contrast': { enabled: false } } };\n\n Terra.validates.accessibility(options);\n});\n")),(0,a.mdx)("h3",{id:"screenshot-testing"},"Screenshot Testing"),(0,a.mdx)("p",null,"A screenshot can be captured at any given point inside an ",(0,a.mdx)("inlineCode",{parentName:"p"},"it")," block in a test. The element(s) being captured in the screenshot is determined by the provided selector option or the default ",(0,a.mdx)("inlineCode",{parentName:"p"},"[data-terra-test-content]")," selector if one is not provided. If part or all of the selector or any of its children are rendered outside the bounds of the current viewport, only what is within the viewport will be captured and what is outside the viewport will be clipped. The captured screenshot will be used as a reference artifact. Element validation is done by comparing the reference screenshot against the screenshot captured in future test runs at the same point in the test."),(0,a.mdx)("h4",{id:"terravalidatesscreenshot"},"Terra.validates.screenshot"),(0,a.mdx)("p",null,"Invoking the assertion will capture a screenshot at the time it is invoked. If no reference screenshot exists, one will be created in the ",(0,a.mdx)("inlineCode",{parentName:"p"},"reference")," folder with the given screenshot name. If such reference screenshot already exists, the new screenshot will be compared with the reference screenshot to validate visually that they are within the mismatch tolerance. If the mismatch exceeds the tolerance, the test step will fail and a screenshot showing the difference will be generated."),(0,a.mdx)(r.Notice,{variant:"caution",ariaLevel:"5",mdxType:"Notice"},(0,a.mdx)("p",null," The screenshot assertion must be used within an ",(0,a.mdx)("inlineCode",{parentName:"p"},"it")," block and a screenshot name must be provided.")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"it('should validate the screenshot', () => {\n browser.url('/testing/route/');\n\n Terra.validates.screenshot('screenshot-name'); // Fails if the new screenshot doesn't visually match the reference screenshot.\n});\n")),(0,a.mdx)("p",null,"The screenshot naming pattern is as follows:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"base_directory/test_spec_directory/test_spec_name/__snapshots__/(reference|latest|diff)/theme/locale/browserName_terraViewportName/screenshot-name.png\n")),(0,a.mdx)("p",null,"The screenshot assertion accepts an optional second argument with the following keys."),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"selector")," - The element selector to use to capture the element for screenshot comparison. The default selector is ",(0,a.mdx)("inlineCode",{parentName:"li"},"data-terra-test-content"),"."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"mismatchTolerance")," - The number between 0 and 100 that defines the degree of mismatch to consider two images as identical. Increasing this value will decrease level of test coverage. The default mismatch tolerance is 0.01.")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"it('should validate the screenshot with options', () => {\n browser.url('/testing/route/');\n\n const options = {\n selector: '#element-id',\n mismatchTolerance: 10,\n };\n\n Terra.validates.screenshot('screenshot-name', options);\n});\n")),(0,a.mdx)("h4",{id:"terravalidateselement"},"Terra.validates.element"),(0,a.mdx)("p",null,"The validates element assertion performs both accessibility and screenshot assertions."),(0,a.mdx)(r.Notice,{variant:"caution",ariaLevel:"5",mdxType:"Notice"},(0,a.mdx)("p",null," The validates element assertion must be used within an ",(0,a.mdx)("inlineCode",{parentName:"p"},"it")," block and a screenshot name must be provided.")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"it('should validate the element', () => {\n browser.url('/testing/route/');\n\n Terra.validates.element('screenshot-name'); // Fails if the new screenshot doesn't visually match the reference screenshot.\n});\n")),(0,a.mdx)("p",null,"The element assertion accepts an optional second argument with the following keys."),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"rules")," - The accessibility ",(0,a.mdx)("a",{parentName:"li",href:"https://github.com/dequelabs/axe-core/blob/master/doc/rule-descriptions.md"},"rules")," to use as overrides if necessary."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"selector")," - The element selector to use to capture the element for screenshot comparison. The default selector is ",(0,a.mdx)("inlineCode",{parentName:"li"},"data-terra-test-content"),"."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"mismatchTolerance")," - The number between 0 and 100 that defines the degree of mismatch to consider two images as identical. Increasing this value will decrease level of test coverage. The default mismatch tolerance is 0.01.")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"it('should validate the element with options', () => {\n browser.url('/testing/route/');\n\n const options = {\n rules: { 'color-contrast': { enabled: false } },\n selector: '#element-id',\n mismatchTolerance: 10,\n };\n\n Terra.validates.element('screenshot-name', options);\n});\n")),(0,a.mdx)("h3",{id:"additional-utilities"},"Additional Utilities"),(0,a.mdx)("h4",{id:"terrahideinputcaret"},"Terra.hideInputCaret"),(0,a.mdx)("p",null,"An editable text field in focus will have a blinking caret. Often times this blinking caret causes inconsistent test failures due to the blinking of the caret during screenshot capture. This situation can be avoided by using ",(0,a.mdx)("inlineCode",{parentName:"p"},"Terra.hideInputCaret")," to set the CSS caret color to of the element to be transparent. This method must be placed in a ",(0,a.mdx)("inlineCode",{parentName:"p"},"before"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"beforeEach"),", or ",(0,a.mdx)("inlineCode",{parentName:"p"},"it")," block or it will not be ran. This method accepts a selector string as an argument and will only apply to the first selector if multiple are found. The caret will automatically be hidden for body every time the page loads or refreshes."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"it('should hide the caret', () => {\n Terra.hideInputCaret('#inputID');\n const element = browser.element('#inputID');\n\n expect(element.getCSSProperty('caretColor').value).toEqual('rgba(0,0,0,0)');\n});\n")),(0,a.mdx)("h4",{id:"terrasetapplicationlocale"},"Terra.setApplicationLocale"),(0,a.mdx)("p",null,"Use ",(0,a.mdx)("inlineCode",{parentName:"p"},"Terra.setApplicationLocale")," to update a terra application's locale on a case by case basis; particularly useful for testing locale changes on a deployed application. This method accepts a string containing the ",(0,a.mdx)("inlineCode",{parentName:"p"},"locale")," to update to."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"it('should update an application's locale, () => {\n Terra.setApplicationLocale('en');\n});\n")),(0,a.mdx)("h2",{id:"remote-screenshots-migration"},"Remote Screenshots Migration"),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null," The Remote Screenshots Mirgation feature is currently only supported by internal projects built using Jenkins at Cerner Corporation. Open source projects that utilize other CI such as Travis are not supported.")),(0,a.mdx)("p",null,"Follow this ",(0,a.mdx)("a",{parentName:"p",href:"https://pages.github.cerner.com/orion/docs/doc/docs/nexus-wdio-screenshots-mirgation/about"},"consumption guide")," to utilize this feature."))}c.isMDXComponent=!0},69608:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/terra-functional-testing",name:"@cerner/terra-functional-testing",version:"4.5.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]); \ No newline at end of file diff --git a/88228-472c0b52002137926419.js b/88228-472c0b52002137926419.js new file mode 100644 index 000000000..7fec9f90f --- /dev/null +++ b/88228-472c0b52002137926419.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[88228],{88228:function(e,a,n){n.r(a),n.d(a,{default:function(){return s}});n(67294);var t=n(81254),r=n.p+"79b2ba6be2c7a957573284c905bab1bc.png",l=["components"];function i(){return i=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 l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={},d="wrapper";function s(e){var a=e.components,n=o(e,l);return(0,t.mdx)(d,i({},p,n,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)("h1",{id:"getting-started"},"Getting Started"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"#getting-started"},"Getting Started"),(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"#install-carbon-graphs"},"Install Carbon-Graphs")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"#add-carbon-to-a-website"},"Add Carbon to a Website")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"#add-carbon-in-your-application"},"Add Carbon in your application")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"#drawing-a-line-graph"},"Drawing a Line Graph"))))),(0,t.mdx)("h2",{id:"install-carbon-graphs"},"Install Carbon-Graphs"),(0,t.mdx)("p",null,"Install with ",(0,t.mdx)("a",{parentName:"p",href:"https://www.npmjs.com/"},"npmjs"),":"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-html"}," npm i @cerner/carbon-graphs --save-dev\n")),(0,t.mdx)("p",null,"Now that you have installed ",(0,t.mdx)("inlineCode",{parentName:"p"},"Carbon Graphs"),", let's see how we can integrate it with your source-code."),(0,t.mdx)("h2",{id:"add-carbon-to-a-website"},"Add Carbon to a Website"),(0,t.mdx)("p",null,"You can use Carbon in a ",(0,t.mdx)("inlineCode",{parentName:"p"},"Terra
\ No newline at end of file + ;NREUM.info={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",licenseKey:"c494ac44c8",applicationID:"142381315",sa:1}Terra
\ No newline at end of file diff --git a/nl-BE-intl-local-fbc5ac6094ca4f3b1712.js b/nl-BE-intl-local-fbc5ac6094ca4f3b1712.js new file mode 100644 index 000000000..4648fcd56 --- /dev/null +++ b/nl-BE-intl-local-fbc5ac6094ca4f3b1712.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[24606],{79225:function(){IntlPolyfill.__addLocaleData({locale:"nl-BE",date:{ca:["gregory","buddhist","chinese","coptic","dangi","ethioaa","ethiopic","generic","hebrew","indian","islamic","islamicc","japanese","persian","roc"],hourNo0:!0,hour12:!1,formats:{short:"{1} {0}",medium:"{1} {0}",full:"{1} {0}",long:"{1} {0}",availableFormats:{d:"d",E:"ccc",Ed:"E d",Ehm:"E h:mm a",EHm:"E HH:mm",Ehms:"E h:mm:ss a",EHms:"E HH:mm:ss",Gy:"y G",GyMMM:"MMM y G",GyMMMd:"d MMM y G",GyMMMEd:"E d MMM y G",h:"h a",H:"HH",hm:"h:mm a",Hm:"HH:mm",hms:"h:mm:ss a",Hms:"HH:mm:ss",hmsv:"h:mm:ss a v",Hmsv:"HH:mm:ss v",hmv:"h:mm a v",Hmv:"HH:mm v",M:"L",Md:"d-M",MEd:"E d-M",MMM:"LLL",MMMd:"d MMM",MMMEd:"E d MMM",MMMMd:"d MMMM",ms:"mm:ss",y:"y",yM:"M-y",yMd:"d-M-y",yMEd:"E d-M-y",yMMM:"MMM y",yMMMd:"d MMM y",yMMMEd:"E d MMM y",yMMMM:"MMMM y",yQQQ:"QQQ y",yQQQQ:"QQQQ y"},dateFormats:{yMMMMEEEEd:"EEEE d MMMM y",yMMMMd:"d MMMM y",yMMMd:"d MMM y",yMd:"d/MM/yy"},timeFormats:{hmmsszzzz:"HH:mm:ss zzzz",hmsz:"HH:mm:ss z",hms:"HH:mm:ss",hm:"HH:mm"}},calendars:{buddhist:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mrt.","apr.","mei","jun.","jul.","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["BE"],short:["BE"],long:["BE"]},dayPeriods:{am:"a.m.",pm:"p.m."}},chinese:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["mnd 1","mnd 2","mnd 3","mnd 4","mnd 5","mnd 6","mnd 7","mnd 8","mnd 9","mnd 10","mnd 11","mnd 12"],long:["maand 1","maand 2","maand 3","maand 4","maand 5","maand 6","maand 7","maand 8","maand 9","maand 10","maand 11","maand 12"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},dayPeriods:{am:"a.m.",pm:"p.m."}},coptic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["Tut","Babah","Hatur","Kiyahk","Tubah","Amshir","Baramhat","Baramundah","Bashans","Ba’unah","Abib","Misra","Nasi"],long:["Tut","Babah","Hatur","Kiyahk","Tubah","Amshir","Baramhat","Baramundah","Bashans","Ba’unah","Abib","Misra","Nasi"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"a.m.",pm:"p.m."}},dangi:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["mnd 1","mnd 2","mnd 3","mnd 4","mnd 5","mnd 6","mnd 7","mnd 8","mnd 9","mnd 10","mnd 11","mnd 12"],long:["maand 1","maand 2","maand 3","maand 4","maand 5","maand 6","maand 7","maand 8","maand 9","maand 10","maand 11","maand 12"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},dayPeriods:{am:"a.m.",pm:"p.m."}},ethiopic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["Mäskäräm","Teqemt","Hedar","Tahsas","T’er","Yäkatit","Mägabit","Miyazya","Genbot","Säne","Hamle","Nähase","Pagumän"],long:["Mäskäräm","Teqemt","Hedar","Tahsas","T’er","Yäkatit","Mägabit","Miyazya","Genbot","Säne","Hamle","Nähase","Pagumän"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"a.m.",pm:"p.m."}},ethioaa:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["Mäskäräm","Teqemt","Hedar","Tahsas","T’er","Yäkatit","Mägabit","Miyazya","Genbot","Säne","Hamle","Nähase","Pagumän"],long:["Mäskäräm","Teqemt","Hedar","Tahsas","T’er","Yäkatit","Mägabit","Miyazya","Genbot","Säne","Hamle","Nähase","Pagumän"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["ERA0"],short:["ERA0"],long:["ERA0"]},dayPeriods:{am:"a.m.",pm:"p.m."}},generic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"],long:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"a.m.",pm:"p.m."}},gregory:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mrt.","apr.","mei","jun.","jul.","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["v.C.","n.C.","vgj","gj"],short:["v.Chr.","n.Chr.","v.g.j.","g.j."],long:["voor Christus","na Christus","vóór gewone jaartelling","gewone jaartelling"]},dayPeriods:{am:"a.m.",pm:"p.m."}},hebrew:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13","7"],short:["Tisjrie","Chesjwan","Kislev","Tevet","Sjevat","Adar A","Adar","Nisan","Ijar","Sivan","Tammoez","Av","Elloel","Adar B"],long:["Tisjrie","Chesjwan","Kislev","Tevet","Sjevat","Adar A","Adar","Nisan","Ijar","Sivan","Tammoez","Av","Elloel","Adar B"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["AM"],short:["AM"],long:["AM"]},dayPeriods:{am:"a.m.",pm:"p.m."}},indian:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Chaitra","Vaishakha","Jyeshtha","Aashaadha","Shraavana","Bhaadrapada","Ashvina","Kaartika","Agrahayana","Pausha","Maagha","Phaalguna"],long:["Chaitra","Vaishakha","Jyeshtha","Aashaadha","Shraavana","Bhaadrapada","Ashvina","Kaartika","Agrahayana","Pausha","Maagha","Phaalguna"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["SAKA"],short:["SAKA"],long:["SAKA"]},dayPeriods:{am:"a.m.",pm:"p.m."}},islamic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Moeh.","Saf.","Rab. I","Rab. II","Joem. I","Joem. II","Raj.","Sja.","Ram.","Sjaw.","Doe al k.","Doe al h."],long:["Moeharram","Safar","Rabiʻa al awal","Rabiʻa al thani","Joemadʻal awal","Joemadʻal thani","Rajab","Sjaʻaban","Ramadan","Sjawal","Doe al kaʻaba","Doe al hizja"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["Saʻna Hizjria"],short:["Saʻna Hizjria"],long:["Saʻna Hizjria"]},dayPeriods:{am:"a.m.",pm:"p.m."}},islamicc:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Moeh.","Saf.","Rab. I","Rab. II","Joem. I","Joem. II","Raj.","Sja.","Ram.","Sjaw.","Doe al k.","Doe al h."],long:["Moeharram","Safar","Rabiʻa al awal","Rabiʻa al thani","Joemadʻal awal","Joemadʻal thani","Rajab","Sjaʻaban","Ramadan","Sjawal","Doe al kaʻaba","Doe al hizja"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["Saʻna Hizjria"],short:["Saʻna Hizjria"],long:["Saʻna Hizjria"]},dayPeriods:{am:"a.m.",pm:"p.m."}},japanese:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mrt.","apr.","mei","jun.","jul.","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kahō (1094–1096)","Eichō (1096–1097)","Jōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen’ei (1118–1120)","Hōan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hōen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hōgen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken’ei (1206–1207)","Jōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Jōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tenpuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En’ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun’ō (1260–1261)","Kōchō (1261–1264)","Bun’ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkyō (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkō (1321–1324)","Shōchū (1324–1326)","Karyaku (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kenmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun’an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenbun (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genna (1615–1624)","Kan’ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Jōō (1652–1655)","Meireki (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenna (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan’en (1748–1751)","Hōreki (1751–1764)","Meiwa (1764–1772)","An’ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man’en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","M","T","S","H"],short:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kaho (1094–1096)","Eichō (1096–1097)","Shōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen-ei (1118-1120)","Hoan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hoen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hogen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken-ei (1206-1207)","Shōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Shōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tempuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En-ō (1239-1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun-ō (1260-1261)","Kōchō (1261–1264)","Bun-ei (1264-1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkei (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkyō (1321–1324)","Shōchū (1324–1326)","Kareki (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kemmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun-an (1444-1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenmon (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genwa (1615–1624)","Kan-ei (1624-1644)","Shōho (1644–1648)","Keian (1648–1652)","Shōō (1652–1655)","Meiryaku (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenwa (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan-en (1748-1751)","Hōryaku (1751–1764)","Meiwa (1764–1772)","An-ei (1772-1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man-en (1860-1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","Meiji","Taishō","Shōwa","Heisei"],long:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kaho (1094–1096)","Eichō (1096–1097)","Shōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen-ei (1118-1120)","Hoan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hoen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hogen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken-ei (1206-1207)","Shōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Shōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tempuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En-ō (1239-1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun-ō (1260-1261)","Kōchō (1261–1264)","Bun-ei (1264-1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkei (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkyō (1321–1324)","Shōchū (1324–1326)","Kareki (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kemmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun-an (1444-1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenmon (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genwa (1615–1624)","Kan-ei (1624-1644)","Shōho (1644–1648)","Keian (1648–1652)","Shōō (1652–1655)","Meiryaku (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenwa (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan-en (1748-1751)","Hōryaku (1751–1764)","Meiwa (1764–1772)","An-ei (1772-1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man-en (1860-1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","Meiji","Taishō","Shōwa","Heisei"]},dayPeriods:{am:"a.m.",pm:"p.m."}},persian:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Farvardin","Ordibehesht","Khordad","Tir","Mordad","Shahrivar","Mehr","Aban","Azar","Dey","Bahman","Esfand"],long:["Farvardin","Ordibehesht","Khordad","Tir","Mordad","Shahrivar","Mehr","Aban","Azar","Dey","Bahman","Esfand"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["AP"],short:["AP"],long:["AP"]},dayPeriods:{am:"a.m.",pm:"p.m."}},roc:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mrt.","apr.","mei","jun.","jul.","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["voor R.O.C.","Minguo"],short:["voor R.O.C.","Minguo"],long:["voor R.O.C.","Minguo"]},dayPeriods:{am:"a.m.",pm:"p.m."}}}},number:{nu:["latn"],patterns:{decimal:{positivePattern:"{number}",negativePattern:"{minusSign}{number}"},currency:{positivePattern:"{number} {currency}",negativePattern:"{minusSign}{number} {currency}"},percent:{positivePattern:"{number}{percentSign}",negativePattern:"{minusSign}{number}{percentSign}"}},symbols:{latn:{decimal:",",group:".",nan:"NaN",plusSign:"+",minusSign:"-",percentSign:"%",infinity:"∞"}},currencies:{AUD:"AU$",BRL:"R$",CAD:"C$",CNY:"CN¥",EUR:"€",FJD:"FJ$",GBP:"£",HKD:"HK$",ILS:"₪",INR:"₹",JPY:"JP¥",KRW:"₩",MXN:"MX$",NZD:"NZ$",SBD:"SI$",THB:"฿",TWD:"NT$",USD:"US$",VND:"₫",XAF:"FCFA",XCD:"EC$",XOF:"CFA"}}})}}]); \ No newline at end of file diff --git a/nl-BE-translations-bcb827cb6f87a2f5538b.js b/nl-BE-translations-bcb827cb6f87a2f5538b.js new file mode 100644 index 000000000..bb05dd8ba --- /dev/null +++ b/nl-BE-translations-bcb827cb6f87a2f5538b.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[80794],{42424:function(e,r,a){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.messages=r.locale=r.areTranslationsLoaded=void 0;var t,i=a(25387),n=a(95383),o=(t=n)&&t.__esModule?t:{default:t};(0,i.addLocaleData)(o.default);r.areTranslationsLoaded=!0,r.locale="nl-BE",r.messages={"Terra.AbstractModal.BeginModalDialog":"Begin de modale dialoog","Terra.AbstractModal.EndModalDialog":"Modale dialoog beëindigen","Terra.actionHeader.back":"Terug","Terra.actionHeader.close":"Sluiten","Terra.actionHeader.close.description":"Selecteer de knop om {text} te sluiten","Terra.actionHeader.maximize":"Maximalisatie","Terra.actionHeader.maximize.description":"Selecteer de knop om {text} te maximaliseren","Terra.actionHeader.minimize":"Minimaliseren","Terra.actionHeader.minimize.description":"Selecteer de knop om {text} te minimaliseren","Terra.actionHeader.next":"Volgende","Terra.actionHeader.previous":"Vorige","Terra.ajax.error":"Deze inhoud kon niet worden geladen.","Terra.alert.advisory":"Advies.","Terra.alert.alert":"Waarschuwing.","Terra.alert.dismiss":"Negeren","Terra.alert.error":"Fout.","Terra.alert.info":"Informatie.","Terra.alert.success":"Geslaagd.","Terra.alert.unsatisfied":"Vereiste actie.","Terra.alert.unverified":"Externe records.","Terra.alert.warning":"Waarschuwing.","Terra.avatar.deceased":"Overleden","Terra.badge.intent.info":"informatie","Terra.badge.intent.negative":"negatief","Terra.badge.intent.positive":"positief","Terra.badge.intent.primary":"primair","Terra.badge.intent.secondary":"secundair","Terra.badge.intent.warning":"waarschuwing","Terra.clinicalResult.additionalResults":"{numberOfAdditionalResults} aanvullende resultaten","Terra.clinicalResult.bloodPressure":"Bloeddruk","Terra.clinicalResult.includesAdditionalValuesAria":"Resultaat bevat aanvullende waarden","Terra.clinicalResult.interpretationAbnormal":"Afwijkend","Terra.clinicalResult.interpretationCritical":"Kritisch","Terra.clinicalResult.interpretationCriticalAbnormal":"Kritiek afwijkend","Terra.clinicalResult.interpretationCriticalHigh":"Kritisch hoog","Terra.clinicalResult.interpretationCriticalLow":"Kritisch laag","Terra.clinicalResult.interpretationHigh":"Hoog","Terra.clinicalResult.interpretationLow":"Laag","Terra.clinicalResult.interpretationOutOfRangeHigh":"Buiten bereik, te hoog","Terra.clinicalResult.interpretationOutOfRangeLow":"Buiten bereik, te laag","Terra.clinicalResult.interpretationPositive":"Positief","Terra.clinicalResult.resultComment":"Resultaat bevat een opmerking","Terra.clinicalResult.resultError":"Fout","Terra.clinicalResult.resultModified":"Gewijzigd resultaat","Terra.clinicalResult.resultNoData":"Geen resultaten","Terra.clinicalResult.resultUnverified":"Niet-geverifieerd resultaat","Terra.clinicalResult.selectToViewAria":"Selecteer om meer details te bekijken","Terra.clinicalResult.statusInError":"Fout","Terra.clinicalResult.statusInErrorHiddenText":"Geschrapt als Fout beschouwen","Terra.clinicalResult.statusInErrorStrikethrough":"Het resultaat {strikethroughResult} is per ongeluk ingevoerd","Terra.clinicalResult.viewResults":"Resultaten weergeven","Terra.collapsibleMenuView.more":"Meer","Terra.data-grid.navigate":"Navigeer naar gegevensraster","Terra.data-grid.row-selection-template":"Selecteer: {rowDescription}","Terra.date.input.april":"April","Terra.date.input.august":"Augustus","Terra.date.input.dateFormatLabel":"Datumnotatie:","Terra.date.input.dayDescription":"Een tweecijferig nummer","Terra.date.input.dayInputLabel":"Dag","Terra.date.input.dayInputLabelWithDefaultName":"Dag datum","Terra.date.input.dayInputLabelWithName":"Dag {a11yLabel}","Terra.date.input.december":"December","Terra.date.input.february":"Februari","Terra.date.input.formatDayMonthYear":"DD Maand JJJJ","Terra.date.input.formatMonthDayYear":"Maand DD JJJJ","Terra.date.input.hotKey":"Druk op T om de huidige datum in te stellen, op de plustoets voor de volgende datum en de mintoets voor de vorige datum.","Terra.date.input.january":"Januari","Terra.date.input.july":"Juli","Terra.date.input.june":"Juni","Terra.date.input.labelDefault":"Dag","Terra.date.input.march":"Maart","Terra.date.input.may":"Mei","Terra.date.input.monthPlaceholder":"- Selecteren -","Terra.date.input.monthSelectLabel":"Maand","Terra.date.input.monthSelectLabelWithDefaultName":"Maand datum","Terra.date.input.monthSelectLabelWithName":"Maand {a11yLabel}","Terra.date.input.november":"November","Terra.date.input.october":"Oktober","Terra.date.input.optional":"(optioneel)","Terra.date.input.required":"Verplicht","Terra.date.input.september":"September","Terra.date.input.yearDescription":"Een viercijferig nummer","Terra.date.input.yearLabel":"Jaar","Terra.datePicker.calendarInstructions":"Gebruik de pijltoetsen om de selectie te wijzigen. Druk op Enter om een datum te selecteren. Druk op Esc om de datumkiezer te sluiten.","Terra.datePicker.closeCalendar":"Sluiten","Terra.datePicker.date":"Datum","Terra.datePicker.dateFormat":"DD/MM/JJJJ","Terra.datePicker.dateFormatLabel":"Datumnotatie:","Terra.datePicker.dayLabel":"Dag","Terra.datePicker.disabled":"Gedeactiveerd","Terra.datePicker.hotKey":"Druk op T om de huidige datum in te stellen, op de plustoets voor de volgende datum en de mintoets voor de vorige datum.","Terra.datePicker.invalidDate":"Voer een geldige datum in","Terra.datePicker.monthLabel":"Maand","Terra.datePicker.nextMonth":"Volgende maand","Terra.datePicker.openCalendar":"Agenda openen","Terra.datePicker.previousMonth":"Vorige maand","Terra.datePicker.selected":"geselecteerd.","Terra.datePicker.today":"Vandaag","Terra.datePicker.yearLabel":"Jaar","Terra.dateTimePicker.timeClarification.button.daylightSaving":"Voor (zomertijd)","Terra.dateTimePicker.timeClarification.button.standardTime":"Na (wintertijd/standaardtijd)","Terra.dateTimePicker.timeClarification.message":"De geselecteerde tijd bevindt zich op de overgang van zomertijd naar wintertijd (standaardtijd). Wilt u deze voor of na de wijziging van zomertijd naar standaardtijd invoeren?","Terra.dateTimePicker.timeClarification.title":"Tijdverduidelijking","Terra.demographicsBanner.age":"Leeftijd","Terra.demographicsBanner.dateOfBirth":"Geboortedatum","Terra.demographicsBanner.dateOfBirthFullText":"Geboortedatum","Terra.demographicsBanner.deceased":"Overleden","Terra.demographicsBanner.gender":"Geslacht","Terra.demographicsBanner.gestationalAge":"Gestatieleeftijd","Terra.demographicsBanner.gestationalAgeFullText":"Zwangerschapsduur","Terra.demographicsBanner.noDataProvided":"--","Terra.demographicsBanner.postMenstrualAge":"Postmenstruele leeftijd","Terra.demographicsBanner.postMenstrualAgeFullText":"Postmenstruele leeftijd","Terra.dialog.close":"Sluiten","Terra.dropdownButton.activeOption":"{currentItemLabel},({currentIndex} van {totalItems})","Terra.dropdownButton.expanded":"Knop uitgevouwen","Terra.dropdownButton.moreOptions":"Meer opties","Terra.dropdownButton.selected":"Geselecteerd","Terra.embeddedContentConsumer.beginEmbeddedContent":"Begin ingesloten inhoud, {name}","Terra.embeddedContentConsumer.endEmbeddedContent":"Einde ingesloten inhoud, {name}","Terra.flowsheetDataGrid.cells-selected":"{cellCount} cellen geselecteerd.","Terra.flowsheetDataGrid.no-cells-selected":"Geen cellen geselecteerd.","Terra.flowsheetDataGrid.no-result":"Geen resultaat","Terra.flowsheetDataGrid.no-result-display":"--","Terra.form.field.optional":"(optioneel)","Terra.form.field.required":"Verplicht","Terra.form.select.activeOption":"{text} {index} van {totalOptions}.","Terra.form.select.add":'"{text}" toevoegen',"Terra.form.select.ariaLabel":"Zoeken","Terra.form.select.clearSelect":"Selectie wissen","Terra.form.select.collapsed":"Samengevouwen keuzelijst.","Terra.form.select.defaultComboboxDisplay":"Selecteer of druk op Enter","Terra.form.select.defaultDisplay":"- Selecteren -","Terra.form.select.defaultUsageGuidance":"Gebruik de knoppen Pijl-omhoog en Pijl-omlaag om de opties te bekijken. Druk op Enter om een optie te selecteren.","Terra.form.select.dimmed":"Gedimd.","Terra.form.select.disabled":"Gedeactiveerd.","Terra.form.select.expanded":"Uitgevouwen keuzelijst.","Terra.form.select.listOfTotalOptions":"Lijst van opties.","Terra.form.select.maxSelectionHelp":"Limiet: {text} items.","Terra.form.select.maxSelectionOption":"Maximumaantal van {text} items geselecteerd","Terra.form.select.menu":"Menu","Terra.form.select.mobileButtonUsageGuidance":"Tik om naar opties te gaan.","Terra.form.select.mobileUsageGuidance":"Veeg naar rechts om naar opties te gaan.","Terra.form.select.multiSelectUsageGuidance":"Voer tekst in of gebruik de knoppen Pijl-omhoog en Pijl-omlaag om de opties te bekijken. Druk op Enter om een optie te selecteren of te deselecteren.","Terra.form.select.noResults":'Geen resultaten gevonden voor "{text}"',"Terra.form.select.of":"van","Terra.form.select.optGroup":"Groeperen {text}","Terra.form.select.option":"Opties","Terra.form.select.resultsText":'Resultaten met "{text}"',"Terra.form.select.searchUsageGuidance":"Voer tekst in of gebruik de knoppen Pijl-omhoog en Pijl-omlaag om de opties te bekijken. Druk op Enter om een optie te selecteren.","Terra.form.select.selectCleared":"Geselecteerde waarde gewist","Terra.form.select.selected":"Geselecteerd.","Terra.form.select.selectedText":"{text} geselecteerd. ({index} van {totalOptions})","Terra.form.select.unselected":"Gedeselecteerd.","Terra.form.select.unselectedText":"{text} niet geselecteerd.","Terra.hyperlink.iconLabel.audio":"(hiermee wordt een geluidsbestand geopend)","Terra.hyperlink.iconLabel.document":"(hiermee wordt een document geopend)","Terra.hyperlink.iconLabel.external":"(hiermee wordt een externe pagina of applicatie geopend)","Terra.hyperlink.iconLabel.image":"(hiermee wordt een beeldbestand geopend)","Terra.hyperlink.iconLabel.video":"(hiermee wordt een video geopend)","Terra.icon.IconConsultInstructionsForUse.title":"Pictogram Elektronische gebruiksaanwijzing","Terra.InfiniteList.loading":"Bezig met laden","Terra.itemDisplay.comment":"Opmerking","Terra.itemDisplay.textStyleMeaningEnd":"einde {textStyleMeaning}","Terra.itemDisplay.textStyleMeaningStrikethrough":"verwijdering","Terra.itemDisplay.textStyleMeaningStrikethroughEnd":"einde verwijdering","Terra.list.cancelDrag":"Verplaatsing geannuleerd. Het item is teruggezet naar startpositie {startPosition}.","Terra.list.drag":"U heeft het item van positie {startPosition} naar positie {endPosition} verplaatst","Terra.list.drop":"U heeft het item neergezet. U heeft het item van positie {startPosition} naar {endPosition} verplaatst.","Terra.list.focus":"Druk op de spatiebalk om een sleepactie te starten. U kunt tijdens het slepen de pijltoetsen gebruiken om het item te verplaatsen. Druk op Escape om te annuleren","Terra.list.lift":"U heeft een item op positie {startPosition} geselecteerd voor verplaatsing. Gebruik de pijltoetsen om het item naar een nieuwe positie te slepen. Druk op de spatiebalk om het item neer te zetten of op Escape om te annuleren.","Terra.list.multiSelect":"Lijst met meervoudige selectie. Druk op Enter of de spatiebalk om items te selecteren of deselecteren","Terra.list.singleSelect":"Lijst met enkelvoudige selectie. Druk op Enter of de spatiebalk om items te selecteren of deselecteren","Terra.menu.back":"Terug","Terra.menu.close":"Sluiten","Terra.menu.exitSubmenu":"druk op de pijl naar links om het submenu te verbergen of navigeer naar de knop Terug","Terra.menu.index":"({index} van {totalItems})","Terra.menu.itemWithSubmenu":"met submenu-items","Terra.menu.navigateMenuItem":"Gebruik de pijl omhoog of omlaag om door items te bladeren","Terra.menu.selected":"geselecteerd","Terra.menu.unselected":"niet geselecteerd","Terra.navigation.side.menu.selected":"Geselecteerd","Terra.notification.dialog.error":"Fout","Terra.notification.dialog.hazard-high":"Adviserend","Terra.notification.dialog.hazard-low":"Informatie","Terra.notification.dialog.hazard-medium":"Waarschuwing","Terra.onsetPicker.age":"Leeftijd","Terra.onsetPicker.ageLabel":"Voer een leeftijd in","Terra.onsetPicker.agePrecision":"Leeftijdprecisie","Terra.onsetPicker.agePrecisionLabel":"Selecteer een leeftijdprecisie","Terra.onsetPicker.agePrecisionMonth":"Maanden","Terra.onsetPicker.agePrecisionWeek":"Weken","Terra.onsetPicker.agePrecisionYear":"jaren","Terra.onsetPicker.april":"april","Terra.onsetPicker.august":"augustus","Terra.onsetPicker.date":"Datum","Terra.onsetPicker.dateLabel":"Selecteer een datum","Terra.onsetPicker.december":"december","Terra.onsetPicker.february":"februari","Terra.onsetPicker.granularity":"Garnulariteit","Terra.onsetPicker.granularityLabel":"Selecteer een datumgranulariteit","Terra.onsetPicker.january":"januari","Terra.onsetPicker.july":"juli","Terra.onsetPicker.june":"juni","Terra.onsetPicker.march":"maart","Terra.onsetPicker.may":"mei","Terra.onsetPicker.month":"Maand","Terra.onsetPicker.monthLabel":"Selecteer een maand","Terra.onsetPicker.november":"november","Terra.onsetPicker.october":"oktober","Terra.onsetPicker.precision":"Precisie","Terra.onsetPicker.precisionAbout":"Over","Terra.onsetPicker.precisionAfter":"Na","Terra.onsetPicker.precisionBefore":"Voor","Terra.onsetPicker.precisionLabel":"Selecteer een datumprecisie","Terra.onsetPicker.precisionOnAt":"Op","Terra.onsetPicker.precisionUnknown":"Onbekend","Terra.onsetPicker.september":"september","Terra.onsetPicker.year":"Jaar","Terra.onsetPicker.yearLabel":"Selecteer een jaar","Terra.Overlay.loading":"Bezig met laden","Terra.paginator.customPageSelected":"{pageLabel} geselecteerd","Terra.paginator.customPageSelectedWithCount":"{pageLabel} {pageNumber} van {pageNumberTotal} is geselecteerd","Terra.paginator.first":"Eerste","Terra.paginator.last":"Laatste","Terra.paginator.next":"Volgende","Terra.paginator.pageCount":"Pagina {pageNumber} van {pageNumberTotal}","Terra.paginator.pageCountWithLabel":"{pageLabel} {pageNumber} van {pageNumberTotal}","Terra.paginator.pageIndex":"Pagina {pageNumber}","Terra.paginator.pageIndexWithLabel":"{pageLabel} {pageNumber}","Terra.paginator.pageSelected":"Pagina {pageNumber} geselecteerd","Terra.paginator.pageSelectedWithCount":"Pagina {pageNumber} van {pageNumberTotal} is geselecteerd","Terra.paginator.previous":"Vorige","Terra.pills.hint.pillList":"Bevat {numberOfPills} items","Terra.pills.hint.removable":"kan verwijderd worden via de toets Delete of de toets Backspace","Terra.pills.hint.rollupNotVisible":"{pillsNotVisibleCount} items worden niet weergegeven","Terra.pills.hint.rollupPill":"{pillsNotVisibleCount} items zijn verborgen. Selecteer om {pillsNotVisibleCount} verborgen items weer te geven","Terra.pills.hint.rollupVisible":"{pillsNotVisibleCount} verbogen items worden nu weergegeven","Terra.pills.hint.selectable":"voor meer informatie kunt u de knop selecteren via de spatiebalk of de toets Enter","Terra.pills.hint.selectableAndRemovable":"kan verwijderd worden via de toets Delete of de toets Backspace, voor meer informatie kunt u de knop selecteren via de spatiebalk of de toets Enter","Terra.pills.hint.showLess":"selecteer om items te verbergen","Terra.pills.hint.wasRemoved":"{pillLabelName} verwijderd","Terra.pills.label.delete":"{pillLabelName} verwijderen","Terra.pills.label.rollupPill":"nog {pillsNotVisibleCount}","Terra.pills.label.showLess":"Minder tonen","Terra.popup.header.close":"Sluiten","Terra.searchField.clear":"Wissen","Terra.searchField.search":"Zoeken","Terra.searchField.submit-search":"Zoeken","Terra.showhide.hide":"Verbergen","Terra.showhide.showmore":"Meer tonen","Terra.slidePanel.defaultPanelLabel":"Detailvenster","Terra.slidePanel.discloseWarning":"Sommige acties in deze inhoud kunnen contextveranderingen in detailvensters veroorzaken.","Terra.slider.ariaDescribedByTextWithLabels":"Pas de schuifregelaar aan om een waarde tussen {minimumLabel} ({minimumValue}) en {maximumLabel} ({maximumValue}) te selecteren","Terra.slider.ariaDescribedByTextWithoutLabels":"Pas de schuifregelaar aan om een waarde tussen {minimumValue} en {maximumValue} te selecteren","Terra.status-view.error":"Fout","Terra.status-view.no-data":"Geen resultaten","Terra.status-view.no-matching-results":"Geen overeenkomende resultaten","Terra.status-view.not-authorized":"Niet geautoriseerd","Terra.switch.switchstatuslabel.off":"Uit","Terra.switch.switchstatuslabel.on":"Aan","Terra.table.all-rows-selected":"Alle rijen geselecteerd","Terra.table.all-rows-unselected":"Geen rijen geselecteerd","Terra.table.blank":"Leeg","Terra.table.cell-focus-trapped":"Focus behouden in cel. Druk op Escape om de rasternavigatie te hervatten.","Terra.table.cell-interactable":"Cel bevat interactieve elementen. Druk op Enter om de focus binnen de cel te verplaatsen.","Terra.table.columnError":"Fouten die verband houden met kolom","Terra.table.maskedCell":"Gemaskeerde gegevens","Terra.table.multiple-rows-selected":"{rowCount} rijen geselecteerd. ","Terra.table.multiple-rows-unselected":"{rowCount} rijen gedeselecteerd. ","Terra.table.resize-handle-template":"Kolomformaatgreep voor {columnText}. Druk op Enter om te gebruiken.","Terra.table.resize-handle-value-text":"{columnWidth} pixels","Terra.table.resizeHandleValueText":"{columnWidth} pixels kolombreedte","Terra.table.resume-navigation":"Rasternavigatie hervat.","Terra.table.row-index":"Rij {row}","Terra.table.row-selection-cleared-template":"Rij {row} gedeselecteerd. ","Terra.table.row-selection-mode-disabled":"Selectiemodus voor rijen uitgeschakeld.","Terra.table.row-selection-mode-enabled":"Selectiemodus voor rijen ingeschakeld.","Terra.table.row-selection-template":"Rij {row} geselecteerd. ","Terra.tabs.addbutton.focus":"Druk op Enter of de spatiebalk om een nieuw tabblad toe te voegen","Terra.tabs.cancelDrag":"Verplaatsing geannuleerd. Het tabblad is teruggezet naar startpositie {startPosition}","Terra.tabs.drag":"U heeft het tabblad van positie {startPosition} naar positie {endPosition} verplaatst","Terra.tabs.drop":"U heeft het tabblad neergezet. Het tabblad is verplaatst van positie {startPosition} naar {endPosition}.","Terra.tabs.focus":"Druk op Enter om een tabblad te activeren of druk op de spatiebalk om een sleepactie te starten.","Terra.tabs.hint.currentTabClosed":" verwijderd","Terra.tabs.hint.hiddenTabs":"{hiddenTabs} items worden niet weergegeven","Terra.tabs.hint.removable":"kan verwijderd worden via de toets Delete of de toets Backspace","Terra.tabs.hint.tabList":"Bevat {numberOfTabs} items","Terra.tabs.hint.tabMenu":"{hiddenTabs} items zijn verborgen. Selecteer om {hiddenTabs} verborgen items weer te geven","Terra.tabs.lift":"U heeft een tabblad op positie {startPosition} geselecteerd voor verplaatsing. Gebruik de pijltoetsen om het tabblad naar een nieuwe positie te slepen. U kunt het tabblad niet voorbij de eerste of laatste positie slepen. Druk op de spatiebalk om het tabblad neer te zetten of op Escape om te annuleren.","Terra.tabs.more":"Meer","Terra.tags.hint.removable":"kan verwijderd worden via de toets Delete of de toets Backspace","Terra.tags.hint.rollupNotVisible":"{tagsNotVisibleCount} items worden niet weergegeven","Terra.tags.hint.rollupTag":"{tagsNotVisibleCount} items zijn verborgen. Selecteer om {tagsNotVisibleCount} verborgen items weer te geven","Terra.tags.hint.rollupVisible":"{tagsNotVisibleCount} verbogen items worden nu weergegeven","Terra.tags.hint.selectable":"voor meer informatie kunt u de knop selecteren via de spatiebalk of de toets Enter","Terra.tags.hint.selectableAndRemovable":"kan verwijderd worden via de toets Delete of de toets Backspace, voor meer informatie kunt u de knop selecteren via de spatiebalk of de toets Enter","Terra.tags.hint.showLess":"selecteer om items te verbergen","Terra.tags.hint.tagList":"Bevat {numberOfTags} items","Terra.tags.hint.wasRemoved":"{tagLabelName} verwijderd","Terra.tags.label.delete":"{tagLabelName} verwijderen","Terra.tags.label.rollupTag":"nog {tagsNotVisibleCount}","Terra.tags.label.showLess":"Minder tonen","Terra.timeInput.a11yLabelDefault":"Tijd","Terra.timeInput.am":"AM","Terra.timeInput.descriptionMinute":"Een tweecijferige minuut.","Terra.timeInput.descriptionSecond":"Een tweecijferige seconde.","Terra.timeInput.hourDescriptionTwelve":"Een tweecijferige 12-uurswaarde","Terra.timeInput.hourDescriptionTwentyFour":"Een tweecijferige 24-uurswaarde","Terra.timeInput.hourLabel":"{a11yLabel} uur","Terra.timeInput.hours":"Uren","Terra.timeInput.invalidTime":"Voer een geldige tijd in","Terra.timeInput.labeledTextValue":"{a11yLabel} {a11yTimeValue}","Terra.timeInput.maskHourMinute":"(uu:mm)","Terra.timeInput.maskHourMinuteSecond":"(uu:mm:ss)","Terra.timeInput.minutes":"Minuten","Terra.timeInput.pm":"PM","Terra.timeInput.seconds":"Seconden","Terra.timeInput.textValueTwelveHourMinute":"{hour}:{minute} {meridiem}","Terra.timeInput.textValueTwelveHourMinuteSecond":"{hour}:{minute}:{second} {meridiem}","Terra.timeInput.textValueTwentyFourHourMinute":"{hour}:{minute}","Terra.timeInput.textValueTwentyFourHourMinuteSecond":"{hour}:{minute}:{second}","Terra.timeInput.timeFormatLabel":"Tijdformaat:","Terra.timeInput.timeSpacer":":","terraApplication.actionMenu.headerCloseButtonLabel":"Sluiten","terraApplication.errorBoundary.defaultErrorMessage":"In het systeem is een fout opgetreden: {errorDetails}","terraApplication.navigation.drawerMenu.navigation":"Navigatie-items","terraApplication.navigation.drawerMenu.utilities":"Hulp-items","terraApplication.navigation.extensions.rollupButtonDescription":"Aanvullende tools","terraApplication.navigation.extensions.rollupMenuHeaderTitle":"Aanvullende tools","terraApplication.navigation.header.menuButtonTitle":"Menu","terraApplication.navigation.header.skipToContentTitle":"Doorgaan naar content","terraApplication.navigation.header.utilityButtonTitleNoUser":"Opties","terraApplication.navigation.header.utilityButtonTitleUser":"Gebruikersinstellingen voor {currentUserName}","terraApplication.navigation.notifications.new":"Nieuw","terraApplication.navigation.tabs.rollupButtonDescription":"Meer navigatie","terraApplication.navigation.tabs.rollupButtonTitle":"Meer","terraApplication.navigation.tabs.rollupMenuHeaderTitle":"Meer navigatie","terraApplication.navigation.utilityMenu.headerTitle":"Hulpprogramma's","terraApplication.navigation.utilityMenu.help":"Help","terraApplication.navigation.utilityMenu.logout":"Afmelden","terraApplication.navigation.utilityMenu.settings":"Instellingen","terraApplication.notificationBanner.advisory":"Advies.","terraApplication.notificationBanner.alert":"Waarschuwing.","terraApplication.notificationBanner.dismiss":"Negeren","terraApplication.notificationBanner.error":"Fout.","terraApplication.notificationBanner.info":"Informatie.","terraApplication.notificationBanner.success":"Geslaagd.","terraApplication.notificationBanner.unsatisfied":"Vereiste actie.","terraApplication.notificationBanner.unverified":"Externe records.","terraApplication.notificationBanner.warning":"Waarschuwing.","terraApplication.notifications.newNotificationLabel":"Nieuwe {label}-melding. {bannerType} {bannerDescription}, {bannerAction}, {bannerDismiss}.","terraApplication.notifications.regionLabel":"{label}-meldingen.","terraApplication.notifications.removedNotificationLabel":"Verwijderde {label}-melding. {bannerType} {bannerDescription}.","terraApplication.notifications.totalCountLabel":"Totaal {label}-meldingen:{count}","terraApplication.statusLayout.error":"Fout","terraApplication.statusLayout.no-data":"Geen resultaten","terraApplication.statusLayout.no-matching-results":"Geen resultaten","terraApplication.statusLayout.not-authorized":"Niet geautoriseerd","terraApplication.unsavedChangesPrompt.acceptButtonText":"Niet opslaan","terraApplication.unsavedChangesPrompt.multiplePromptMessageIntro":"Er zijn niet-opgeslagen wijzigingen in het volgende:","terraApplication.unsavedChangesPrompt.multiplePromptMessageOutro":"Deze wijzigingen gaan verloren als u ze niet opslaat. Hoe wilt u verder gaan?","terraApplication.unsavedChangesPrompt.rejectButtonText":"Doorgaan met bewerken","terraApplication.unsavedChangesPrompt.singlePromptMessage":"Er zijn niet-opgeslagen wijzigingen in {promptDescription}.","terraApplication.unsavedChangesPrompt.title":"Niet-opgeslagen wijzigingen","terraApplication.workspace.activityOverlay.loading":"Bezig met laden","terraApplication.workspace.hideWorkspaceLabel":"Werkruimte verbergen","terraApplication.workspace.showWorkspaceLabel":"Werkruimte weergeven","terraApplication.workspace.skipToLabel":"Doorgaan naar werkruimte","terraApplication.workspace.workspaceLabel":"Werkruimte","terraApplication.workspace.workspaceSettingsLabel":"Instellingen werkruimte","terraDevSite.pageActivityOverlayContainer.loading":"Bezig met laden...","terraDevSite.pageHeader.actionsMenu":"{label} Actions","terraDevSite.pageHeader.back":"Terug","terraDevSite.pageHeader.moreActions":"More Actions"}},95383:function(e){e.exports=function(){"use strict";return[{locale:"nl",pluralRuleFunction:function(e,r){var a=!String(e).split(".")[1];return r?"other":1==e&&a?"one":"other"},fields:{year:{displayName:"jaar",relative:{0:"dit jaar",1:"volgend jaar","-1":"vorig jaar"},relativeTime:{future:{one:"over {0} jaar",other:"over {0} jaar"},past:{one:"{0} jaar geleden",other:"{0} jaar geleden"}}},"year-short":{displayName:"jr",relative:{0:"dit jaar",1:"volgend jaar","-1":"vorig jaar"},relativeTime:{future:{one:"over {0} jaar",other:"over {0} jaar"},past:{one:"{0} jaar geleden",other:"{0} jaar geleden"}}},month:{displayName:"maand",relative:{0:"deze maand",1:"volgende maand","-1":"vorige maand"},relativeTime:{future:{one:"over {0} maand",other:"over {0} maanden"},past:{one:"{0} maand geleden",other:"{0} maanden geleden"}}},"month-short":{displayName:"mnd",relative:{0:"deze maand",1:"volgende maand","-1":"vorige maand"},relativeTime:{future:{one:"over {0} maand",other:"over {0} maanden"},past:{one:"{0} maand geleden",other:"{0} maanden geleden"}}},day:{displayName:"dag",relative:{0:"vandaag",1:"morgen",2:"overmorgen","-2":"eergisteren","-1":"gisteren"},relativeTime:{future:{one:"over {0} dag",other:"over {0} dagen"},past:{one:"{0} dag geleden",other:"{0} dagen geleden"}}},"day-short":{displayName:"dag",relative:{0:"vandaag",1:"morgen",2:"overmorgen","-2":"eergisteren","-1":"gisteren"},relativeTime:{future:{one:"over {0} dag",other:"over {0} dgn"},past:{one:"{0} dag geleden",other:"{0} dgn geleden"}}},hour:{displayName:"uur",relative:{0:"binnen een uur"},relativeTime:{future:{one:"over {0} uur",other:"over {0} uur"},past:{one:"{0} uur geleden",other:"{0} uur geleden"}}},"hour-short":{displayName:"uur",relative:{0:"binnen een uur"},relativeTime:{future:{one:"over {0} uur",other:"over {0} uur"},past:{one:"{0} uur geleden",other:"{0} uur geleden"}}},minute:{displayName:"minuut",relative:{0:"binnen een minuut"},relativeTime:{future:{one:"over {0} minuut",other:"over {0} minuten"},past:{one:"{0} minuut geleden",other:"{0} minuten geleden"}}},"minute-short":{displayName:"min",relative:{0:"binnen een minuut"},relativeTime:{future:{one:"over {0} min.",other:"over {0} min."},past:{one:"{0} min. geleden",other:"{0} min. geleden"}}},second:{displayName:"seconde",relative:{0:"nu"},relativeTime:{future:{one:"over {0} seconde",other:"over {0} seconden"},past:{one:"{0} seconde geleden",other:"{0} seconden geleden"}}},"second-short":{displayName:"sec",relative:{0:"nu"},relativeTime:{future:{one:"over {0} sec.",other:"over {0} sec."},past:{one:"{0} sec. geleden",other:"{0} sec. geleden"}}}}},{locale:"nl-AW",parentLocale:"nl"},{locale:"nl-BE",parentLocale:"nl"},{locale:"nl-BQ",parentLocale:"nl"},{locale:"nl-CW",parentLocale:"nl"},{locale:"nl-SR",parentLocale:"nl"},{locale:"nl-SX",parentLocale:"nl"}]}()}}]); \ No newline at end of file diff --git a/nl-intl-local-8061b3b367f0a96fbf1e.js b/nl-intl-local-8061b3b367f0a96fbf1e.js new file mode 100644 index 000000000..79a780f50 --- /dev/null +++ b/nl-intl-local-8061b3b367f0a96fbf1e.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15694],{13447:function(){IntlPolyfill.__addLocaleData({locale:"nl",date:{ca:["gregory","buddhist","chinese","coptic","dangi","ethioaa","ethiopic","generic","hebrew","indian","islamic","islamicc","japanese","persian","roc"],hourNo0:!0,hour12:!1,formats:{short:"{1} {0}",medium:"{1} {0}",full:"{1} {0}",long:"{1} {0}",availableFormats:{d:"d",E:"ccc",Ed:"E d",Ehm:"E h:mm a",EHm:"E HH:mm",Ehms:"E h:mm:ss a",EHms:"E HH:mm:ss",Gy:"y G",GyMMM:"MMM y G",GyMMMd:"d MMM y G",GyMMMEd:"E d MMM y G",h:"h a",H:"HH",hm:"h:mm a",Hm:"HH:mm",hms:"h:mm:ss a",Hms:"HH:mm:ss",hmsv:"h:mm:ss a v",Hmsv:"HH:mm:ss v",hmv:"h:mm a v",Hmv:"HH:mm v",M:"L",Md:"d-M",MEd:"E d-M",MMM:"LLL",MMMd:"d MMM",MMMEd:"E d MMM",MMMMd:"d MMMM",ms:"mm:ss",y:"y",yM:"M-y",yMd:"d-M-y",yMEd:"E d-M-y",yMMM:"MMM y",yMMMd:"d MMM y",yMMMEd:"E d MMM y",yMMMM:"MMMM y",yQQQ:"QQQ y",yQQQQ:"QQQQ y"},dateFormats:{yMMMMEEEEd:"EEEE d MMMM y",yMMMMd:"d MMMM y",yMMMd:"d MMM y",yMd:"dd-MM-yy"},timeFormats:{hmmsszzzz:"HH:mm:ss zzzz",hmsz:"HH:mm:ss z",hms:"HH:mm:ss",hm:"HH:mm"}},calendars:{buddhist:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mrt.","apr.","mei","jun.","jul.","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["BE"],short:["BE"],long:["BE"]},dayPeriods:{am:"a.m.",pm:"p.m."}},chinese:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["mnd 1","mnd 2","mnd 3","mnd 4","mnd 5","mnd 6","mnd 7","mnd 8","mnd 9","mnd 10","mnd 11","mnd 12"],long:["maand 1","maand 2","maand 3","maand 4","maand 5","maand 6","maand 7","maand 8","maand 9","maand 10","maand 11","maand 12"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},dayPeriods:{am:"a.m.",pm:"p.m."}},coptic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["Tut","Babah","Hatur","Kiyahk","Tubah","Amshir","Baramhat","Baramundah","Bashans","Ba’unah","Abib","Misra","Nasi"],long:["Tut","Babah","Hatur","Kiyahk","Tubah","Amshir","Baramhat","Baramundah","Bashans","Ba’unah","Abib","Misra","Nasi"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"a.m.",pm:"p.m."}},dangi:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["mnd 1","mnd 2","mnd 3","mnd 4","mnd 5","mnd 6","mnd 7","mnd 8","mnd 9","mnd 10","mnd 11","mnd 12"],long:["maand 1","maand 2","maand 3","maand 4","maand 5","maand 6","maand 7","maand 8","maand 9","maand 10","maand 11","maand 12"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},dayPeriods:{am:"a.m.",pm:"p.m."}},ethiopic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["Mäskäräm","Teqemt","Hedar","Tahsas","T’er","Yäkatit","Mägabit","Miyazya","Genbot","Säne","Hamle","Nähase","Pagumän"],long:["Mäskäräm","Teqemt","Hedar","Tahsas","T’er","Yäkatit","Mägabit","Miyazya","Genbot","Säne","Hamle","Nähase","Pagumän"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"a.m.",pm:"p.m."}},ethioaa:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["Mäskäräm","Teqemt","Hedar","Tahsas","T’er","Yäkatit","Mägabit","Miyazya","Genbot","Säne","Hamle","Nähase","Pagumän"],long:["Mäskäräm","Teqemt","Hedar","Tahsas","T’er","Yäkatit","Mägabit","Miyazya","Genbot","Säne","Hamle","Nähase","Pagumän"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["ERA0"],short:["ERA0"],long:["ERA0"]},dayPeriods:{am:"a.m.",pm:"p.m."}},generic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"],long:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"a.m.",pm:"p.m."}},gregory:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mrt.","apr.","mei","jun.","jul.","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["v.C.","n.C.","vgj","gj"],short:["v.Chr.","n.Chr.","v.g.j.","g.j."],long:["voor Christus","na Christus","vóór gewone jaartelling","gewone jaartelling"]},dayPeriods:{am:"a.m.",pm:"p.m."}},hebrew:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13","7"],short:["Tisjrie","Chesjwan","Kislev","Tevet","Sjevat","Adar A","Adar","Nisan","Ijar","Sivan","Tammoez","Av","Elloel","Adar B"],long:["Tisjrie","Chesjwan","Kislev","Tevet","Sjevat","Adar A","Adar","Nisan","Ijar","Sivan","Tammoez","Av","Elloel","Adar B"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["AM"],short:["AM"],long:["AM"]},dayPeriods:{am:"a.m.",pm:"p.m."}},indian:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Chaitra","Vaishakha","Jyeshtha","Aashaadha","Shraavana","Bhaadrapada","Ashvina","Kaartika","Agrahayana","Pausha","Maagha","Phaalguna"],long:["Chaitra","Vaishakha","Jyeshtha","Aashaadha","Shraavana","Bhaadrapada","Ashvina","Kaartika","Agrahayana","Pausha","Maagha","Phaalguna"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["SAKA"],short:["SAKA"],long:["SAKA"]},dayPeriods:{am:"a.m.",pm:"p.m."}},islamic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Moeh.","Saf.","Rab. I","Rab. II","Joem. I","Joem. II","Raj.","Sja.","Ram.","Sjaw.","Doe al k.","Doe al h."],long:["Moeharram","Safar","Rabiʻa al awal","Rabiʻa al thani","Joemadʻal awal","Joemadʻal thani","Rajab","Sjaʻaban","Ramadan","Sjawal","Doe al kaʻaba","Doe al hizja"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["Saʻna Hizjria"],short:["Saʻna Hizjria"],long:["Saʻna Hizjria"]},dayPeriods:{am:"a.m.",pm:"p.m."}},islamicc:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Moeh.","Saf.","Rab. I","Rab. II","Joem. I","Joem. II","Raj.","Sja.","Ram.","Sjaw.","Doe al k.","Doe al h."],long:["Moeharram","Safar","Rabiʻa al awal","Rabiʻa al thani","Joemadʻal awal","Joemadʻal thani","Rajab","Sjaʻaban","Ramadan","Sjawal","Doe al kaʻaba","Doe al hizja"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["Saʻna Hizjria"],short:["Saʻna Hizjria"],long:["Saʻna Hizjria"]},dayPeriods:{am:"a.m.",pm:"p.m."}},japanese:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mrt.","apr.","mei","jun.","jul.","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kahō (1094–1096)","Eichō (1096–1097)","Jōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen’ei (1118–1120)","Hōan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hōen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hōgen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken’ei (1206–1207)","Jōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Jōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tenpuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En’ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun’ō (1260–1261)","Kōchō (1261–1264)","Bun’ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkyō (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkō (1321–1324)","Shōchū (1324–1326)","Karyaku (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kenmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun’an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenbun (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genna (1615–1624)","Kan’ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Jōō (1652–1655)","Meireki (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenna (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan’en (1748–1751)","Hōreki (1751–1764)","Meiwa (1764–1772)","An’ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man’en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","M","T","S","H"],short:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kaho (1094–1096)","Eichō (1096–1097)","Shōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen-ei (1118-1120)","Hoan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hoen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hogen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken-ei (1206-1207)","Shōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Shōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tempuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En-ō (1239-1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun-ō (1260-1261)","Kōchō (1261–1264)","Bun-ei (1264-1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkei (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkyō (1321–1324)","Shōchū (1324–1326)","Kareki (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kemmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun-an (1444-1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenmon (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genwa (1615–1624)","Kan-ei (1624-1644)","Shōho (1644–1648)","Keian (1648–1652)","Shōō (1652–1655)","Meiryaku (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenwa (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan-en (1748-1751)","Hōryaku (1751–1764)","Meiwa (1764–1772)","An-ei (1772-1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man-en (1860-1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","Meiji","Taishō","Shōwa","Heisei"],long:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kaho (1094–1096)","Eichō (1096–1097)","Shōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen-ei (1118-1120)","Hoan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hoen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hogen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken-ei (1206-1207)","Shōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Shōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tempuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En-ō (1239-1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun-ō (1260-1261)","Kōchō (1261–1264)","Bun-ei (1264-1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkei (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkyō (1321–1324)","Shōchū (1324–1326)","Kareki (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kemmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun-an (1444-1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenmon (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genwa (1615–1624)","Kan-ei (1624-1644)","Shōho (1644–1648)","Keian (1648–1652)","Shōō (1652–1655)","Meiryaku (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenwa (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan-en (1748-1751)","Hōryaku (1751–1764)","Meiwa (1764–1772)","An-ei (1772-1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man-en (1860-1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","Meiji","Taishō","Shōwa","Heisei"]},dayPeriods:{am:"a.m.",pm:"p.m."}},persian:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Farvardin","Ordibehesht","Khordad","Tir","Mordad","Shahrivar","Mehr","Aban","Azar","Dey","Bahman","Esfand"],long:["Farvardin","Ordibehesht","Khordad","Tir","Mordad","Shahrivar","Mehr","Aban","Azar","Dey","Bahman","Esfand"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["AP"],short:["AP"],long:["AP"]},dayPeriods:{am:"a.m.",pm:"p.m."}},roc:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mrt.","apr.","mei","jun.","jul.","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"]},days:{narrow:["Z","M","D","W","D","V","Z"],short:["zo","ma","di","wo","do","vr","za"],long:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},eras:{narrow:["voor R.O.C.","Minguo"],short:["voor R.O.C.","Minguo"],long:["voor R.O.C.","Minguo"]},dayPeriods:{am:"a.m.",pm:"p.m."}}}},number:{nu:["latn"],patterns:{decimal:{positivePattern:"{number}",negativePattern:"{minusSign}{number}"},currency:{positivePattern:"{currency} {number}",negativePattern:"{currency} {minusSign}{number}"},percent:{positivePattern:"{number}{percentSign}",negativePattern:"{minusSign}{number}{percentSign}"}},symbols:{latn:{decimal:",",group:".",nan:"NaN",plusSign:"+",minusSign:"-",percentSign:"%",infinity:"∞"}},currencies:{AUD:"AU$",BRL:"R$",CAD:"C$",CNY:"CN¥",EUR:"€",FJD:"FJ$",GBP:"£",HKD:"HK$",ILS:"₪",INR:"₹",JPY:"JP¥",KRW:"₩",MXN:"MX$",NZD:"NZ$",SBD:"SI$",THB:"฿",TWD:"NT$",USD:"US$",VND:"₫",XAF:"FCFA",XCD:"EC$",XOF:"CFA"}}})}}]); \ No newline at end of file diff --git a/nl-translations-7763a98dd1d47245a6fd.js b/nl-translations-7763a98dd1d47245a6fd.js new file mode 100644 index 000000000..6dc950bc2 --- /dev/null +++ b/nl-translations-7763a98dd1d47245a6fd.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[32321],{4298:function(e,r,a){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.messages=r.locale=r.areTranslationsLoaded=void 0;var t,i=a(25387),n=a(95383),o=(t=n)&&t.__esModule?t:{default:t};(0,i.addLocaleData)(o.default);r.areTranslationsLoaded=!0,r.locale="nl",r.messages={"Terra.AbstractModal.BeginModalDialog":"Begin de modale dialoog","Terra.AbstractModal.EndModalDialog":"Modale dialoog beëindigen","Terra.actionHeader.back":"Terug","Terra.actionHeader.close":"Sluiten","Terra.actionHeader.close.description":"Selecteer de knop om {text} te sluiten","Terra.actionHeader.maximize":"Maximalisatie","Terra.actionHeader.maximize.description":"Selecteer de knop om {text} te maximaliseren","Terra.actionHeader.minimize":"Minimaliseren","Terra.actionHeader.minimize.description":"Selecteer de knop om {text} te minimaliseren","Terra.actionHeader.next":"Volgende","Terra.actionHeader.previous":"Vorige","Terra.ajax.error":"Deze inhoud kon niet worden geladen.","Terra.alert.advisory":"Advies.","Terra.alert.alert":"Waarschuwing.","Terra.alert.dismiss":"Negeren","Terra.alert.error":"Fout.","Terra.alert.info":"Informatie.","Terra.alert.success":"Geslaagd.","Terra.alert.unsatisfied":"Vereiste actie.","Terra.alert.unverified":"Externe records.","Terra.alert.warning":"Waarschuwing.","Terra.avatar.deceased":"Overleden","Terra.badge.intent.info":"informatie","Terra.badge.intent.negative":"negatief","Terra.badge.intent.positive":"positief","Terra.badge.intent.primary":"primair","Terra.badge.intent.secondary":"secundair","Terra.badge.intent.warning":"waarschuwing","Terra.clinicalResult.additionalResults":"{numberOfAdditionalResults} aanvullende resultaten","Terra.clinicalResult.bloodPressure":"Bloeddruk","Terra.clinicalResult.includesAdditionalValuesAria":"Resultaat bevat aanvullende waarden","Terra.clinicalResult.interpretationAbnormal":"Afwijkend","Terra.clinicalResult.interpretationCritical":"Kritisch","Terra.clinicalResult.interpretationCriticalAbnormal":"Kritiek afwijkend","Terra.clinicalResult.interpretationCriticalHigh":"Kritisch hoog","Terra.clinicalResult.interpretationCriticalLow":"Kritisch laag","Terra.clinicalResult.interpretationHigh":"Hoog","Terra.clinicalResult.interpretationLow":"Laag","Terra.clinicalResult.interpretationOutOfRangeHigh":"Buiten bereik, te hoog","Terra.clinicalResult.interpretationOutOfRangeLow":"Buiten bereik, te laag","Terra.clinicalResult.interpretationPositive":"Positief","Terra.clinicalResult.resultComment":"Resultaat bevat een opmerking","Terra.clinicalResult.resultError":"Fout","Terra.clinicalResult.resultModified":"Gewijzigd resultaat","Terra.clinicalResult.resultNoData":"Geen resultaten","Terra.clinicalResult.resultUnverified":"Niet-geverifieerd resultaat","Terra.clinicalResult.selectToViewAria":"Selecteer om meer details te bekijken","Terra.clinicalResult.statusInError":"Fout","Terra.clinicalResult.statusInErrorHiddenText":"Waarde geschrapt als Fout","Terra.clinicalResult.statusInErrorStrikethrough":"Het resultaat {strikethroughResult} is per ongeluk ingevoerd","Terra.clinicalResult.viewResults":"Resultaten weergeven","Terra.collapsibleMenuView.more":"Meer","Terra.data-grid.navigate":"Navigeer naar gegevensraster","Terra.data-grid.row-selection-template":"Selecteer: {rowDescription}","Terra.date.input.april":"April","Terra.date.input.august":"Augustus","Terra.date.input.dateFormatLabel":"Datumnotatie:","Terra.date.input.dayDescription":"Een tweecijferig nummer","Terra.date.input.dayInputLabel":"Dag","Terra.date.input.dayInputLabelWithDefaultName":"Dag datum","Terra.date.input.dayInputLabelWithName":"Dag {a11yLabel}","Terra.date.input.december":"December","Terra.date.input.february":"Februari","Terra.date.input.formatDayMonthYear":"DD Maand JJJJ","Terra.date.input.formatMonthDayYear":"Maand DD JJJJ","Terra.date.input.hotKey":"Druk op T om de huidige datum in te stellen, op de plustoets voor de volgende datum en de mintoets voor de vorige datum.","Terra.date.input.january":"Januari","Terra.date.input.july":"Juli","Terra.date.input.june":"Juni","Terra.date.input.labelDefault":"Dag","Terra.date.input.march":"Maart","Terra.date.input.may":"Mei","Terra.date.input.monthPlaceholder":"- Selecteren -","Terra.date.input.monthSelectLabel":"Maand","Terra.date.input.monthSelectLabelWithDefaultName":"Maand datum","Terra.date.input.monthSelectLabelWithName":"Maand {a11yLabel}","Terra.date.input.november":"November","Terra.date.input.october":"Oktober","Terra.date.input.optional":"(optioneel)","Terra.date.input.required":"Verplicht","Terra.date.input.september":"September","Terra.date.input.yearDescription":"Een viercijferig nummer","Terra.date.input.yearLabel":"Jaar","Terra.datePicker.calendarInstructions":"Gebruik de pijltoetsen om de selectie te wijzigen. Druk op Enter om een datum te selecteren. Druk op Esc om de datumkiezer te sluiten.","Terra.datePicker.closeCalendar":"Sluiten","Terra.datePicker.date":"Datum","Terra.datePicker.dateFormat":"DD-MM-JJJJ","Terra.datePicker.dateFormatLabel":"Datumnotatie:","Terra.datePicker.dayLabel":"Dag","Terra.datePicker.disabled":"Gedeactiveerd","Terra.datePicker.hotKey":"Druk op T om de huidige datum in te stellen, op de plustoets voor de volgende datum en de mintoets voor de vorige datum.","Terra.datePicker.invalidDate":"Voer een geldige datum in","Terra.datePicker.monthLabel":"Maand","Terra.datePicker.nextMonth":"Volgende maand","Terra.datePicker.openCalendar":"Agenda openen","Terra.datePicker.previousMonth":"Vorige maand","Terra.datePicker.selected":"geselecteerd.","Terra.datePicker.today":"Vandaag","Terra.datePicker.yearLabel":"Jaar","Terra.dateTimePicker.timeClarification.button.daylightSaving":"Voor (zomertijd)","Terra.dateTimePicker.timeClarification.button.standardTime":"Na (wintertijd/standaardtijd)","Terra.dateTimePicker.timeClarification.message":"De geselecteerde tijd bevindt zich op de overgang van zomertijd naar wintertijd (standaardtijd). Wilt u deze voor of na de wijziging van zomertijd naar standaardtijd invoeren?","Terra.dateTimePicker.timeClarification.title":"Tijdverduidelijking","Terra.demographicsBanner.age":"Leeftijd","Terra.demographicsBanner.dateOfBirth":"Geboortedatum","Terra.demographicsBanner.dateOfBirthFullText":"Geboortedatum","Terra.demographicsBanner.deceased":"Overleden","Terra.demographicsBanner.gender":"Geslacht","Terra.demographicsBanner.gestationalAge":"Gestatieleeftijd","Terra.demographicsBanner.gestationalAgeFullText":"Zwangerschapsduur","Terra.demographicsBanner.noDataProvided":"--","Terra.demographicsBanner.postMenstrualAge":"Postmenstruele leeftijd","Terra.demographicsBanner.postMenstrualAgeFullText":"Postmenstruele leeftijd","Terra.dialog.close":"Sluiten","Terra.dropdownButton.activeOption":"{currentItemLabel},({currentIndex} van {totalItems})","Terra.dropdownButton.expanded":"Knop uitgevouwen","Terra.dropdownButton.moreOptions":"Meer opties","Terra.dropdownButton.selected":"Geselecteerd","Terra.embeddedContentConsumer.beginEmbeddedContent":"Begin ingesloten inhoud, {name}","Terra.embeddedContentConsumer.endEmbeddedContent":"Einde ingesloten inhoud, {name}","Terra.flowsheetDataGrid.cells-selected":"{cellCount} cellen geselecteerd.","Terra.flowsheetDataGrid.no-cells-selected":"Geen cellen geselecteerd.","Terra.flowsheetDataGrid.no-result":"Geen resultaat","Terra.flowsheetDataGrid.no-result-display":"--","Terra.form.field.optional":"(optioneel)","Terra.form.field.required":"Verplicht","Terra.form.select.activeOption":"{text} {index} van {totalOptions}.","Terra.form.select.add":'"{text}" toevoegen',"Terra.form.select.ariaLabel":"Zoeken","Terra.form.select.clearSelect":"Selectie wissen","Terra.form.select.collapsed":"Samengevouwen keuzelijst.","Terra.form.select.defaultComboboxDisplay":"Selecteer of druk op Enter","Terra.form.select.defaultDisplay":"- Selecteren -","Terra.form.select.defaultUsageGuidance":"Gebruik de knoppen Pijl-omhoog en Pijl-omlaag om de opties te bekijken. Druk op Enter om een optie te selecteren.","Terra.form.select.dimmed":"Gedimd.","Terra.form.select.disabled":"Gedeactiveerd.","Terra.form.select.expanded":"Uitgevouwen keuzelijst.","Terra.form.select.listOfTotalOptions":"Lijst van opties.","Terra.form.select.maxSelectionHelp":"Limiet: {text} items.","Terra.form.select.maxSelectionOption":"Maximumaantal van {text} items geselecteerd","Terra.form.select.menu":"Menu","Terra.form.select.mobileButtonUsageGuidance":"Tik om naar opties te gaan.","Terra.form.select.mobileUsageGuidance":"Veeg naar rechts om naar opties te gaan.","Terra.form.select.multiSelectUsageGuidance":"Voer tekst in of gebruik de knoppen Pijl-omhoog en Pijl-omlaag om de opties te bekijken. Druk op Enter om een optie te selecteren of te deselecteren.","Terra.form.select.noResults":'Geen resultaten gevonden voor "{text}"',"Terra.form.select.of":"van","Terra.form.select.optGroup":"Groeperen {text}","Terra.form.select.option":"Opties","Terra.form.select.resultsText":'Resultaten met "{text}"',"Terra.form.select.searchUsageGuidance":"Voer tekst in of gebruik de knoppen Pijl-omhoog en Pijl-omlaag om de opties te bekijken. Druk op Enter om een optie te selecteren.","Terra.form.select.selectCleared":"Geselecteerde waarde gewist","Terra.form.select.selected":"Geselecteerd.","Terra.form.select.selectedText":"{text} geselecteerd. {index} van {totalOptions}","Terra.form.select.unselected":"Gedeselecteerd.","Terra.form.select.unselectedText":"{text} niet geselecteerd.","Terra.hyperlink.iconLabel.audio":"(hiermee wordt een geluidsbestand geopend)","Terra.hyperlink.iconLabel.document":"(hiermee wordt een document geopend)","Terra.hyperlink.iconLabel.external":"(hiermee wordt een externe pagina of applicatie geopend)","Terra.hyperlink.iconLabel.image":"(hiermee wordt een beeldbestand geopend)","Terra.hyperlink.iconLabel.video":"(hiermee wordt een video geopend)","Terra.icon.IconConsultInstructionsForUse.title":"Pictogram Elektronische gebruiksaanwijzing","Terra.InfiniteList.loading":"Bezig met laden","Terra.itemDisplay.comment":"Opmerking","Terra.itemDisplay.textStyleMeaningEnd":"einde {textStyleMeaning}","Terra.itemDisplay.textStyleMeaningStrikethrough":"verwijdering","Terra.itemDisplay.textStyleMeaningStrikethroughEnd":"einde verwijdering","Terra.list.cancelDrag":"Verplaatsing geannuleerd. Het item is teruggezet naar startpositie {startPosition}.","Terra.list.drag":"U heeft het item van positie {startPosition} naar positie {endPosition} verplaatst","Terra.list.drop":"U heeft het item neergezet. U heeft het item van positie {startPosition} naar {endPosition} verplaatst.","Terra.list.focus":"Druk op de spatiebalk om een sleepactie te starten. U kunt tijdens het slepen de pijltoetsen gebruiken om het item te verplaatsen. Druk op Escape om te annuleren","Terra.list.lift":"U heeft een item op positie {startPosition} geselecteerd voor verplaatsing. Gebruik de pijltoetsen om het item naar een nieuwe positie te slepen. Druk op de spatiebalk om het item neer te zetten of op Escape om te annuleren.","Terra.list.multiSelect":"Lijst met meervoudige selectie. Druk op Enter of de spatiebalk om items te selecteren of deselecteren","Terra.list.singleSelect":"Lijst met enkelvoudige selectie. Druk op Enter of de spatiebalk om items te selecteren of deselecteren","Terra.menu.back":"Terug","Terra.menu.close":"Sluiten","Terra.menu.exitSubmenu":"druk op de pijl naar links om het submenu te verbergen of navigeer naar de knop Terug","Terra.menu.index":"({index} van {totalItems})","Terra.menu.itemWithSubmenu":"met submenu-items","Terra.menu.navigateMenuItem":"Gebruik de pijl omhoog of omlaag om door items te bladeren","Terra.menu.selected":"geselecteerd","Terra.menu.unselected":"niet geselecteerd","Terra.navigation.side.menu.selected":"Geselecteerd","Terra.notification.dialog.error":"Fout","Terra.notification.dialog.hazard-high":"Waarschuwing","Terra.notification.dialog.hazard-low":"Informatie","Terra.notification.dialog.hazard-medium":"Waarschuwing","Terra.onsetPicker.age":"Leeftijd","Terra.onsetPicker.ageLabel":"Voer een leeftijd in","Terra.onsetPicker.agePrecision":"Leeftijdprecisie","Terra.onsetPicker.agePrecisionLabel":"Selecteer een leeftijdprecisie","Terra.onsetPicker.agePrecisionMonth":"Maanden","Terra.onsetPicker.agePrecisionWeek":"Weken","Terra.onsetPicker.agePrecisionYear":"jaren","Terra.onsetPicker.april":"april","Terra.onsetPicker.august":"augustus","Terra.onsetPicker.date":"Datum","Terra.onsetPicker.dateLabel":"Selecteer een datum","Terra.onsetPicker.december":"december","Terra.onsetPicker.february":"februari","Terra.onsetPicker.granularity":"Garnulariteit","Terra.onsetPicker.granularityLabel":"Selecteer een datumgranulariteit","Terra.onsetPicker.january":"januari","Terra.onsetPicker.july":"juli","Terra.onsetPicker.june":"juni","Terra.onsetPicker.march":"maart","Terra.onsetPicker.may":"mei","Terra.onsetPicker.month":"Maand","Terra.onsetPicker.monthLabel":"Selecteer een maand","Terra.onsetPicker.november":"november","Terra.onsetPicker.october":"oktober","Terra.onsetPicker.precision":"Precisie","Terra.onsetPicker.precisionAbout":"Over","Terra.onsetPicker.precisionAfter":"Na","Terra.onsetPicker.precisionBefore":"Voor","Terra.onsetPicker.precisionLabel":"Selecteer een datumprecisie","Terra.onsetPicker.precisionOnAt":"Op","Terra.onsetPicker.precisionUnknown":"Onbekend","Terra.onsetPicker.september":"september","Terra.onsetPicker.year":"Jaar","Terra.onsetPicker.yearLabel":"Selecteer een jaar","Terra.Overlay.loading":"Bezig met laden","Terra.paginator.customPageSelected":"{pageLabel} geselecteerd","Terra.paginator.customPageSelectedWithCount":"{pageLabel} {pageNumber} van {pageNumberTotal} is geselecteerd","Terra.paginator.first":"Eerste","Terra.paginator.last":"Laatste","Terra.paginator.next":"Volgende","Terra.paginator.pageCount":"Pagina {pageNumber} van {pageNumberTotal}","Terra.paginator.pageCountWithLabel":"{pageLabel} {pageNumber} van {pageNumberTotal}","Terra.paginator.pageIndex":"Pagina {pageNumber}","Terra.paginator.pageIndexWithLabel":"{pageLabel} {pageNumber}","Terra.paginator.pageSelected":"Pagina {pageNumber} geselecteerd","Terra.paginator.pageSelectedWithCount":"Pagina {pageNumber} van {pageNumberTotal} is geselecteerd","Terra.paginator.previous":"Vorige","Terra.pills.hint.pillList":"Bevat {numberOfPills} items","Terra.pills.hint.removable":"kan verwijderd worden via de toets Delete of de toets Backspace","Terra.pills.hint.rollupNotVisible":"{pillsNotVisibleCount} items worden niet weergegeven","Terra.pills.hint.rollupPill":"{pillsNotVisibleCount} items zijn verborgen. Selecteer om {pillsNotVisibleCount} verborgen items weer te geven","Terra.pills.hint.rollupVisible":"{pillsNotVisibleCount} verbogen items worden nu weergegeven","Terra.pills.hint.selectable":"voor meer informatie kunt u de knop selecteren via de spatiebalk of de toets Enter","Terra.pills.hint.selectableAndRemovable":"kan verwijderd worden via de toets Delete of de toets Backspace, voor meer informatie kunt u de knop selecteren via de spatiebalk of de toets Enter","Terra.pills.hint.showLess":"selecteer om items te verbergen","Terra.pills.hint.wasRemoved":"{pillLabelName} verwijderd","Terra.pills.label.delete":"{pillLabelName} verwijderen","Terra.pills.label.rollupPill":"nog {pillsNotVisibleCount}","Terra.pills.label.showLess":"Minder tonen","Terra.popup.header.close":"Sluiten","Terra.searchField.clear":"Wissen","Terra.searchField.search":"Zoeken","Terra.searchField.submit-search":"Zoeken","Terra.showhide.hide":"Verbergen","Terra.showhide.showmore":"Meer tonen","Terra.slidePanel.defaultPanelLabel":"Detailvenster","Terra.slidePanel.discloseWarning":"Sommige acties in deze inhoud kunnen contextveranderingen in detailvensters veroorzaken.","Terra.slider.ariaDescribedByTextWithLabels":"Pas de schuifregelaar aan om een waarde tussen {minimumLabel} ({minimumValue}) en {maximumLabel} ({maximumValue}) te selecteren","Terra.slider.ariaDescribedByTextWithoutLabels":"Pas de schuifregelaar aan om een waarde tussen {minimumValue} en {maximumValue} te selecteren","Terra.status-view.error":"Fout","Terra.status-view.no-data":"Geen resultaten","Terra.status-view.no-matching-results":"Geen overeenkomende resultaten","Terra.status-view.not-authorized":"Niet geautoriseerd","Terra.switch.switchstatuslabel.off":"Uit","Terra.switch.switchstatuslabel.on":"Aan","Terra.table.all-rows-selected":"Alle rijen geselecteerd","Terra.table.all-rows-unselected":"Geen rijen geselecteerd","Terra.table.blank":"Leeg","Terra.table.cell-focus-trapped":"Focus behouden in cel. Druk op Escape om de rasternavigatie te hervatten.","Terra.table.cell-interactable":"Cel bevat interactieve elementen. Druk op Enter om de focus binnen de cel te verplaatsen.","Terra.table.columnError":"Fouten die verband houden met kolom","Terra.table.maskedCell":"Gemaskeerde gegevens","Terra.table.multiple-rows-selected":"{rowCount} rijen geselecteerd. ","Terra.table.multiple-rows-unselected":"{rowCount} rijen gedeselecteerd. ","Terra.table.resize-handle-template":"Kolomformaatgreep voor {columnText}. Druk op Enter om te gebruiken.","Terra.table.resize-handle-value-text":"{columnWidth} pixels","Terra.table.resizeHandleValueText":"{columnWidth} pixels kolombreedte","Terra.table.resume-navigation":"Rasternavigatie hervat.","Terra.table.row-index":"Rij {row}","Terra.table.row-selection-cleared-template":"Rij {row} gedeselecteerd. ","Terra.table.row-selection-mode-disabled":"Selectiemodus voor rijen uitgeschakeld.","Terra.table.row-selection-mode-enabled":"Selectiemodus voor rijen ingeschakeld.","Terra.table.row-selection-template":"Rij {row} geselecteerd. ","Terra.tabs.addbutton.focus":"Druk op Enter of de spatiebalk om een nieuw tabblad toe te voegen","Terra.tabs.cancelDrag":"Verplaatsing geannuleerd. Het tabblad is teruggezet naar startpositie {startPosition}","Terra.tabs.drag":"U heeft het tabblad van positie {startPosition} naar positie {endPosition} verplaatst","Terra.tabs.drop":"U heeft het tabblad neergezet. Het tabblad is verplaatst van positie {startPosition} naar {endPosition}.","Terra.tabs.focus":"Druk op Enter om een tabblad te activeren of druk op de spatiebalk om een sleepactie te starten.","Terra.tabs.hint.currentTabClosed":" verwijderd","Terra.tabs.hint.hiddenTabs":"{hiddenTabs} items worden niet weergegeven","Terra.tabs.hint.removable":"kan verwijderd worden via de toets Delete of de toets Backspace","Terra.tabs.hint.tabList":"Bevat {numberOfTabs} items","Terra.tabs.hint.tabMenu":"{hiddenTabs} items zijn verborgen. Selecteer om {hiddenTabs} verborgen items weer te geven","Terra.tabs.lift":"U heeft een tabblad op positie {startPosition} geselecteerd voor verplaatsing. Gebruik de pijltoetsen om het tabblad naar een nieuwe positie te slepen. U kunt het tabblad niet voorbij de eerste of laatste positie slepen. Druk op de spatiebalk om het tabblad neer te zetten of op Escape om te annuleren.","Terra.tabs.more":"Meer","Terra.tags.hint.removable":"kan verwijderd worden via de toets Delete of de toets Backspace","Terra.tags.hint.rollupNotVisible":"{tagsNotVisibleCount} items worden niet weergegeven","Terra.tags.hint.rollupTag":"{tagsNotVisibleCount} items zijn verborgen. Selecteer om {tagsNotVisibleCount} verborgen items weer te geven","Terra.tags.hint.rollupVisible":"{tagsNotVisibleCount} verbogen items worden nu weergegeven","Terra.tags.hint.selectable":"voor meer informatie kunt u de knop selecteren via de spatiebalk of de toets Enter","Terra.tags.hint.selectableAndRemovable":"kan verwijderd worden via de toets Delete of de toets Backspace, voor meer informatie kunt u de knop selecteren via de spatiebalk of de toets Enter","Terra.tags.hint.showLess":"selecteer om items te verbergen","Terra.tags.hint.tagList":"Bevat {numberOfTags} items","Terra.tags.hint.wasRemoved":"{tagLabelName} verwijderd","Terra.tags.label.delete":"{tagLabelName} verwijderen","Terra.tags.label.rollupTag":"nog {tagsNotVisibleCount}","Terra.tags.label.showLess":"Minder tonen","Terra.timeInput.a11yLabelDefault":"Tijd","Terra.timeInput.am":"AM","Terra.timeInput.descriptionMinute":"Een tweecijferige minuut.","Terra.timeInput.descriptionSecond":"Een tweecijferige seconde.","Terra.timeInput.hourDescriptionTwelve":"Een tweecijferige 12-uurswaarde","Terra.timeInput.hourDescriptionTwentyFour":"Een tweecijferige 24-uurswaarde","Terra.timeInput.hourLabel":"{a11yLabel} uur","Terra.timeInput.hours":"Uren","Terra.timeInput.invalidTime":"Voer een geldige tijd in","Terra.timeInput.labeledTextValue":"{a11yLabel} {a11yTimeValue}","Terra.timeInput.maskHourMinute":"(uu:mm)","Terra.timeInput.maskHourMinuteSecond":"(uu:mm:ss)","Terra.timeInput.minutes":"Minuten","Terra.timeInput.pm":"PM","Terra.timeInput.seconds":"Seconden","Terra.timeInput.textValueTwelveHourMinute":"{hour}:{minute} {meridiem}","Terra.timeInput.textValueTwelveHourMinuteSecond":"{hour}:{minute}:{second} {meridiem}","Terra.timeInput.textValueTwentyFourHourMinute":"{hour}:{minute}","Terra.timeInput.textValueTwentyFourHourMinuteSecond":"{hour}:{minute}:{second}","Terra.timeInput.timeFormatLabel":"Tijdformaat:","Terra.timeInput.timeSpacer":":","terraApplication.actionMenu.headerCloseButtonLabel":"Sluiten","terraApplication.errorBoundary.defaultErrorMessage":"In het systeem is een fout opgetreden: {errorDetails}","terraApplication.navigation.drawerMenu.navigation":"Navigatie-items","terraApplication.navigation.drawerMenu.utilities":"Hulp-items","terraApplication.navigation.extensions.rollupButtonDescription":"Aanvullende tools","terraApplication.navigation.extensions.rollupMenuHeaderTitle":"Aanvullende tools","terraApplication.navigation.header.menuButtonTitle":"Menu","terraApplication.navigation.header.skipToContentTitle":"Doorgaan naar content","terraApplication.navigation.header.utilityButtonTitleNoUser":"Opties","terraApplication.navigation.header.utilityButtonTitleUser":"Gebruikersinstellingen voor {currentUserName}","terraApplication.navigation.notifications.new":"Nieuw","terraApplication.navigation.tabs.rollupButtonDescription":"Meer navigatie","terraApplication.navigation.tabs.rollupButtonTitle":"Meer","terraApplication.navigation.tabs.rollupMenuHeaderTitle":"Meer navigatie","terraApplication.navigation.utilityMenu.headerTitle":"Hulpprogramma's","terraApplication.navigation.utilityMenu.help":"Help","terraApplication.navigation.utilityMenu.logout":"Afmelden","terraApplication.navigation.utilityMenu.settings":"Instellingen","terraApplication.notificationBanner.advisory":"Advies.","terraApplication.notificationBanner.alert":"Waarschuwing.","terraApplication.notificationBanner.dismiss":"Negeren","terraApplication.notificationBanner.error":"Fout.","terraApplication.notificationBanner.info":"Informatie.","terraApplication.notificationBanner.success":"Geslaagd.","terraApplication.notificationBanner.unsatisfied":"Vereiste actie.","terraApplication.notificationBanner.unverified":"Externe records.","terraApplication.notificationBanner.warning":"Waarschuwing.","terraApplication.notifications.newNotificationLabel":"Nieuwe {label}-melding. {bannerType} {bannerDescription}, {bannerAction}, {bannerDismiss}.","terraApplication.notifications.regionLabel":"{label}-meldingen.","terraApplication.notifications.removedNotificationLabel":"Verwijderde {label}-melding. {bannerType} {bannerDescription}.","terraApplication.notifications.totalCountLabel":"Totaal {label}-meldingen:{count}","terraApplication.statusLayout.error":"Fout","terraApplication.statusLayout.no-data":"Geen resultaten","terraApplication.statusLayout.no-matching-results":"Geen resultaten","terraApplication.statusLayout.not-authorized":"Niet geautoriseerd","terraApplication.unsavedChangesPrompt.acceptButtonText":"Niet opslaan","terraApplication.unsavedChangesPrompt.multiplePromptMessageIntro":"Er zijn niet-opgeslagen wijzigingen in het volgende:","terraApplication.unsavedChangesPrompt.multiplePromptMessageOutro":"Deze wijzigingen gaan verloren als u ze niet opslaat. Hoe wilt u verder gaan?","terraApplication.unsavedChangesPrompt.rejectButtonText":"Doorgaan met bewerken","terraApplication.unsavedChangesPrompt.singlePromptMessage":"Er zijn niet-opgeslagen wijzigingen in {promptDescription}.","terraApplication.unsavedChangesPrompt.title":"Niet-opgeslagen wijzigingen","terraApplication.workspace.activityOverlay.loading":"Bezig met laden","terraApplication.workspace.hideWorkspaceLabel":"Werkruimte verbergen","terraApplication.workspace.showWorkspaceLabel":"Werkruimte weergeven","terraApplication.workspace.skipToLabel":"Doorgaan naar werkruimte","terraApplication.workspace.workspaceLabel":"Werkruimte","terraApplication.workspace.workspaceSettingsLabel":"Instellingen werkruimte","terraDevSite.pageActivityOverlayContainer.loading":"Bezig met laden...","terraDevSite.pageHeader.actionsMenu":"{label} Actions","terraDevSite.pageHeader.back":"Terug","terraDevSite.pageHeader.moreActions":"More Actions"}},95383:function(e){e.exports=function(){"use strict";return[{locale:"nl",pluralRuleFunction:function(e,r){var a=!String(e).split(".")[1];return r?"other":1==e&&a?"one":"other"},fields:{year:{displayName:"jaar",relative:{0:"dit jaar",1:"volgend jaar","-1":"vorig jaar"},relativeTime:{future:{one:"over {0} jaar",other:"over {0} jaar"},past:{one:"{0} jaar geleden",other:"{0} jaar geleden"}}},"year-short":{displayName:"jr",relative:{0:"dit jaar",1:"volgend jaar","-1":"vorig jaar"},relativeTime:{future:{one:"over {0} jaar",other:"over {0} jaar"},past:{one:"{0} jaar geleden",other:"{0} jaar geleden"}}},month:{displayName:"maand",relative:{0:"deze maand",1:"volgende maand","-1":"vorige maand"},relativeTime:{future:{one:"over {0} maand",other:"over {0} maanden"},past:{one:"{0} maand geleden",other:"{0} maanden geleden"}}},"month-short":{displayName:"mnd",relative:{0:"deze maand",1:"volgende maand","-1":"vorige maand"},relativeTime:{future:{one:"over {0} maand",other:"over {0} maanden"},past:{one:"{0} maand geleden",other:"{0} maanden geleden"}}},day:{displayName:"dag",relative:{0:"vandaag",1:"morgen",2:"overmorgen","-2":"eergisteren","-1":"gisteren"},relativeTime:{future:{one:"over {0} dag",other:"over {0} dagen"},past:{one:"{0} dag geleden",other:"{0} dagen geleden"}}},"day-short":{displayName:"dag",relative:{0:"vandaag",1:"morgen",2:"overmorgen","-2":"eergisteren","-1":"gisteren"},relativeTime:{future:{one:"over {0} dag",other:"over {0} dgn"},past:{one:"{0} dag geleden",other:"{0} dgn geleden"}}},hour:{displayName:"uur",relative:{0:"binnen een uur"},relativeTime:{future:{one:"over {0} uur",other:"over {0} uur"},past:{one:"{0} uur geleden",other:"{0} uur geleden"}}},"hour-short":{displayName:"uur",relative:{0:"binnen een uur"},relativeTime:{future:{one:"over {0} uur",other:"over {0} uur"},past:{one:"{0} uur geleden",other:"{0} uur geleden"}}},minute:{displayName:"minuut",relative:{0:"binnen een minuut"},relativeTime:{future:{one:"over {0} minuut",other:"over {0} minuten"},past:{one:"{0} minuut geleden",other:"{0} minuten geleden"}}},"minute-short":{displayName:"min",relative:{0:"binnen een minuut"},relativeTime:{future:{one:"over {0} min.",other:"over {0} min."},past:{one:"{0} min. geleden",other:"{0} min. geleden"}}},second:{displayName:"seconde",relative:{0:"nu"},relativeTime:{future:{one:"over {0} seconde",other:"over {0} seconden"},past:{one:"{0} seconde geleden",other:"{0} seconden geleden"}}},"second-short":{displayName:"sec",relative:{0:"nu"},relativeTime:{future:{one:"over {0} sec.",other:"over {0} sec."},past:{one:"{0} sec. geleden",other:"{0} sec. geleden"}}}}},{locale:"nl-AW",parentLocale:"nl"},{locale:"nl-BE",parentLocale:"nl"},{locale:"nl-BQ",parentLocale:"nl"},{locale:"nl-CW",parentLocale:"nl"},{locale:"nl-SR",parentLocale:"nl"},{locale:"nl-SX",parentLocale:"nl"}]}()}}]); \ No newline at end of file diff --git a/pt-BR-intl-local-e1a4173d26f4d2364ab6.js b/pt-BR-intl-local-e1a4173d26f4d2364ab6.js new file mode 100644 index 000000000..c16f69b21 --- /dev/null +++ b/pt-BR-intl-local-e1a4173d26f4d2364ab6.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[7994],{1630:function(){IntlPolyfill.__addLocaleData({locale:"pt-BR",date:{ca:["gregory","buddhist","chinese","coptic","dangi","ethioaa","ethiopic","generic","hebrew","indian","islamic","islamicc","japanese","persian","roc"],hourNo0:!0,hour12:!1,formats:{short:"{1} {0}",medium:"{1} {0}",full:"{1} {0}",long:"{1} {0}",availableFormats:{d:"d",E:"ccc",Ed:"E, d",Ehm:"E, h:mm a",EHm:"E, HH:mm",Ehms:"E, h:mm:ss a",EHms:"E, HH:mm:ss",Gy:"y G",GyMMM:"MMM 'de' y G",GyMMMd:"d 'de' MMM 'de' y G",GyMMMEd:"E, d 'de' MMM 'de' y G",h:"h a",H:"HH",hm:"h:mm a",Hm:"HH:mm",hms:"h:mm:ss a",Hms:"HH:mm:ss",hmsv:"h:mm:ss a v",Hmsv:"HH:mm:ss v",hmv:"h:mm a v",Hmv:"HH:mm v",M:"L",Md:"d/M",MEd:"E, dd/MM",MMdd:"dd/MM",MMM:"LLL",MMMd:"d 'de' MMM",MMMEd:"E, d 'de' MMM",MMMMd:"d 'de' MMMM",MMMMEd:"E, d 'de' MMMM",ms:"mm:ss",y:"y",yM:"MM/y",yMd:"dd/MM/y",yMEd:"E, dd/MM/y",yMM:"MM/y",yMMM:"MMM 'de' y",yMMMd:"d 'de' MMM 'de' y",yMMMEd:"E, d 'de' MMM 'de' y",yMMMM:"MMMM 'de' y",yMMMMd:"d 'de' MMMM 'de' y",yMMMMEd:"E, d 'de' MMMM 'de' y",yQQQ:"y QQQ",yQQQQ:"y QQQQ"},dateFormats:{yMMMMEEEEd:"EEEE, d 'de' MMMM 'de' y",yMMMMd:"d 'de' MMMM 'de' y",yMMMd:"d 'de' MMM 'de' y",yMd:"dd/MM/yy"},timeFormats:{hmmsszzzz:"HH:mm:ss zzzz",hmsz:"HH:mm:ss z",hms:"HH:mm:ss",hm:"HH:mm"}},calendars:{buddhist:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan","fev","mar","abr","mai","jun","jul","ago","set","out","nov","dez"],long:["janeiro","fevereiro","março","abril","maio","junho","julho","agosto","setembro","outubro","novembro","dezembro"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["BE"],short:["BE"],long:["BE"]},dayPeriods:{am:"AM",pm:"PM"}},chinese:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Mês 1","Mês 2","Mês 3","Mês 4","Mês 5","Mês 6","Mês 7","Mês 8","Mês 9","Mês 10","Mês 11","Mês 12"],long:["Mês 1","Mês 2","Mês 3","Mês 4","Mês 5","Mês 6","Mês 7","Mês 8","Mês 9","Mês 10","Mês 11","Mês 12"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},dayPeriods:{am:"AM",pm:"PM"}},coptic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["Tout","Baba","Hator","Kiahk","Toba","Amshir","Baramhat","Baramouda","Bashans","Paona","Epep","Mesra","Nasie"],long:["Tout","Baba","Hator","Kiahk","Toba","Amshir","Baramhat","Baramouda","Bashans","Paona","Epep","Mesra","Nasie"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"AM",pm:"PM"}},dangi:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Mês 1","Mês 2","Mês 3","Mês 4","Mês 5","Mês 6","Mês 7","Mês 8","Mês 9","Mês 10","Mês 11","Mês 12"],long:["Mês 1","Mês 2","Mês 3","Mês 4","Mês 5","Mês 6","Mês 7","Mês 8","Mês 9","Mês 10","Mês 11","Mês 12"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},dayPeriods:{am:"AM",pm:"PM"}},ethiopic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["Meskerem","Tekemt","Hedar","Tahsas","Ter","Yekatit","Megabit","Miazia","Genbot","Sene","Hamle","Nehasse","Pagumen"],long:["Meskerem","Tekemt","Hedar","Tahsas","Ter","Yekatit","Megabit","Miazia","Genbot","Sene","Hamle","Nehasse","Pagumen"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"AM",pm:"PM"}},ethioaa:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["Meskerem","Tekemt","Hedar","Tahsas","Ter","Yekatit","Megabit","Miazia","Genbot","Sene","Hamle","Nehasse","Pagumen"],long:["Meskerem","Tekemt","Hedar","Tahsas","Ter","Yekatit","Megabit","Miazia","Genbot","Sene","Hamle","Nehasse","Pagumen"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["ERA0"],short:["ERA0"],long:["ERA0"]},dayPeriods:{am:"AM",pm:"PM"}},generic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"],long:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"AM",pm:"PM"}},gregory:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan","fev","mar","abr","mai","jun","jul","ago","set","out","nov","dez"],long:["janeiro","fevereiro","março","abril","maio","junho","julho","agosto","setembro","outubro","novembro","dezembro"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["a.C.","d.C.","AEC","EC"],short:["a.C.","d.C.","AEC","EC"],long:["antes de Cristo","depois de Cristo","antes da Era Comum","Era Comum"]},dayPeriods:{am:"AM",pm:"PM"}},hebrew:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13","7"],short:["Tishri","Heshvan","Kislev","Tevet","Shevat","Adar I","Adar","Nisan","Iyar","Sivan","Tamuz","Av","Elul","Adar II"],long:["Tishri","Heshvan","Kislev","Tevet","Shevat","Adar I","Adar","Nisan","Iyar","Sivan","Tamuz","Av","Elul","Adar II"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["AM"],short:["AM"],long:["AM"]},dayPeriods:{am:"AM",pm:"PM"}},indian:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Chaitra","Vaisakha","Jyaistha","Asadha","Sravana","Bhadra","Asvina","Kartika","Agrahayana","Pausa","Magha","Phalguna"],long:["Chaitra","Vaisakha","Jyaistha","Asadha","Sravana","Bhadra","Asvina","Kartika","Agrahayana","Pausa","Magha","Phalguna"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["Saka"],short:["Saka"],long:["Saka"]},dayPeriods:{am:"AM",pm:"PM"}},islamic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Muh.","Saf.","Rab. I","Rab. II","Jum. I","Jum. II","Raj.","Sha.","Ram.","Shaw.","Dhuʻl-Q.","Dhuʻl-H."],long:["Muharram","Safar","Rabiʻ I","Rabiʻ II","Jumada I","Jumada II","Rajab","Shaʻban","Ramadan","Shawwal","Dhuʻl-Qiʻdah","Dhuʻl-Hijjah"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["AH"],short:["AH"],long:["AH"]},dayPeriods:{am:"AM",pm:"PM"}},islamicc:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Muh.","Saf.","Rab. I","Rab. II","Jum. I","Jum. II","Raj.","Sha.","Ram.","Shaw.","Dhuʻl-Q.","Dhuʻl-H."],long:["Muharram","Safar","Rabiʻ I","Rabiʻ II","Jumada I","Jumada II","Rajab","Shaʻban","Ramadan","Shawwal","Dhuʻl-Qiʻdah","Dhuʻl-Hijjah"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["AH"],short:["AH"],long:["AH"]},dayPeriods:{am:"AM",pm:"PM"}},japanese:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan","fev","mar","abr","mai","jun","jul","ago","set","out","nov","dez"],long:["janeiro","fevereiro","março","abril","maio","junho","julho","agosto","setembro","outubro","novembro","dezembro"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kahō (1094–1096)","Eichō (1096–1097)","Jōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen’ei (1118–1120)","Hōan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hōen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hōgen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken’ei (1206–1207)","Jōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Jōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tenpuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En’ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun’ō (1260–1261)","Kōchō (1261–1264)","Bun’ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkyō (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkō (1321–1324)","Shōchū (1324–1326)","Karyaku (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kenmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun’an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenbun (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genna (1615–1624)","Kan’ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Jōō (1652–1655)","Meireki (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenna (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan’en (1748–1751)","Hōreki (1751–1764)","Meiwa (1764–1772)","An’ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man’en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","M","T","S","H"],short:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kahō (1094–1096)","Eichō (1096–1097)","Jōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen’ei (1118–1120)","Hōan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hōen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hōgen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken’ei (1206–1207)","Jōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Jōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tenpuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En’ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun’ō (1260–1261)","Kōchō (1261–1264)","Bun’ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkyō (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkō (1321–1324)","Shōchū (1324–1326)","Karyaku (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kenmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun’an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenbun (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genna (1615–1624)","Kan’ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Jōō (1652–1655)","Meireki (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenna (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan’en (1748–1751)","Hōreki (1751–1764)","Meiwa (1764–1772)","An’ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man’en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","Meiji","Taishō","Shōwa","Heisei"],long:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kahō (1094–1096)","Eichō (1096–1097)","Jōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen’ei (1118–1120)","Hōan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hōen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hōgen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken’ei (1206–1207)","Jōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Jōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tenpuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En’ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun’ō (1260–1261)","Kōchō (1261–1264)","Bun’ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkyō (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkō (1321–1324)","Shōchū (1324–1326)","Karyaku (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kenmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun’an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenbun (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genna (1615–1624)","Kan’ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Jōō (1652–1655)","Meireki (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenna (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan’en (1748–1751)","Hōreki (1751–1764)","Meiwa (1764–1772)","An’ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man’en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","Meiji","Taishō","Shōwa","Heisei"]},dayPeriods:{am:"AM",pm:"PM"}},persian:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Farvardin","Ordibehesht","Khordad","Tir","Mordad","Shahrivar","Mehr","Aban","Azar","Dey","Bahman","Esfand"],long:["Farvardin","Ordibehesht","Khordad","Tir","Mordad","Shahrivar","Mehr","Aban","Azar","Dey","Bahman","Esfand"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["AP"],short:["AP"],long:["AP"]},dayPeriods:{am:"AM",pm:"PM"}},roc:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan","fev","mar","abr","mai","jun","jul","ago","set","out","nov","dez"],long:["janeiro","fevereiro","março","abril","maio","junho","julho","agosto","setembro","outubro","novembro","dezembro"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["Antes de R.O.C.","R.O.C."],short:["Antes de R.O.C.","R.O.C."],long:["Antes de R.O.C.","R.O.C."]},dayPeriods:{am:"AM",pm:"PM"}}}},number:{nu:["latn"],patterns:{decimal:{positivePattern:"{number}",negativePattern:"{minusSign}{number}"},currency:{positivePattern:"{currency}{number}",negativePattern:"{minusSign}{currency}{number}"},percent:{positivePattern:"{number}{percentSign}",negativePattern:"{minusSign}{number}{percentSign}"}},symbols:{latn:{decimal:",",group:".",nan:"NaN",plusSign:"+",minusSign:"-",percentSign:"%",infinity:"∞"}},currencies:{AUD:"AU$",BRL:"R$",CAD:"CA$",CNY:"CN¥",EUR:"€",GBP:"£",HKD:"HK$",ILS:"₪",INR:"₹",JPY:"JP¥",KRW:"₩",MXN:"MX$",NZD:"NZ$",PTE:"Esc.",THB:"฿",TWD:"NT$",USD:"US$",VND:"₫",XAF:"FCFA",XCD:"EC$",XOF:"CFA",XPF:"CFPF"}}})}}]); \ No newline at end of file diff --git a/pt-BR-translations-68411e08b2ff63f0d391.js b/pt-BR-translations-68411e08b2ff63f0d391.js new file mode 100644 index 000000000..646c7cc66 --- /dev/null +++ b/pt-BR-translations-68411e08b2ff63f0d391.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[12440],{27387:function(e,a,r){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.messages=a.locale=a.areTranslationsLoaded=void 0;var t,o=r(25387),i=r(68333),n=(t=i)&&t.__esModule?t:{default:t};(0,o.addLocaleData)(n.default);a.areTranslationsLoaded=!0,a.locale="pt-BR",a.messages={"Terra.AbstractModal.BeginModalDialog":"Iniciar diálogo modal","Terra.AbstractModal.EndModalDialog":"Caixa de diálogo modal final","Terra.actionHeader.back":"Voltar","Terra.actionHeader.close":"Fechar","Terra.actionHeader.close.description":"Selecione o botão para fechar {text}","Terra.actionHeader.maximize":"Maximizar","Terra.actionHeader.maximize.description":"Selecione o botão para maximizar {text}","Terra.actionHeader.minimize":"Minimizar","Terra.actionHeader.minimize.description":"Selecione o botão para minimizar {text}","Terra.actionHeader.next":"Avançar","Terra.actionHeader.previous":"Anterior","Terra.ajax.error":"Falha ao carregar conteúdo.","Terra.alert.advisory":"Informe.","Terra.alert.alert":"Alerta.","Terra.alert.dismiss":"Ignorar","Terra.alert.error":"Erro.","Terra.alert.info":"Informações.","Terra.alert.success":"Êxito.","Terra.alert.unsatisfied":"Ação exigida.","Terra.alert.unverified":"Registros externos.","Terra.alert.warning":"Aviso.","Terra.avatar.deceased":"Óbito","Terra.badge.intent.info":"informações","Terra.badge.intent.negative":"negativo","Terra.badge.intent.positive":"positivo","Terra.badge.intent.primary":"primário","Terra.badge.intent.secondary":"secundário","Terra.badge.intent.warning":"aviso","Terra.clinicalResult.additionalResults":"{numberOfAdditionalResults} resultados adicionais","Terra.clinicalResult.bloodPressure":"Pressão sanguínea","Terra.clinicalResult.includesAdditionalValuesAria":"O resultado inclui valores adicionais","Terra.clinicalResult.interpretationAbnormal":"Anormal","Terra.clinicalResult.interpretationCritical":"Crítico","Terra.clinicalResult.interpretationCriticalAbnormal":"Crítico Anormal","Terra.clinicalResult.interpretationCriticalHigh":"Crítico Alto","Terra.clinicalResult.interpretationCriticalLow":"Crítico Baixo","Terra.clinicalResult.interpretationHigh":"Alto","Terra.clinicalResult.interpretationLow":"Baixo","Terra.clinicalResult.interpretationOutOfRangeHigh":"Fora do intervalo alto","Terra.clinicalResult.interpretationOutOfRangeLow":"Fora do intervalo baixo","Terra.clinicalResult.interpretationPositive":"Positivo","Terra.clinicalResult.resultComment":"O resultado inclui um comentário","Terra.clinicalResult.resultError":"Erro","Terra.clinicalResult.resultModified":"Resultado modificado","Terra.clinicalResult.resultNoData":"Sem resultados","Terra.clinicalResult.resultUnverified":"Resultado não verificado","Terra.clinicalResult.selectToViewAria":"Selecione para visualizar mais detalhes","Terra.clinicalResult.statusInError":"Em erro","Terra.clinicalResult.statusInErrorHiddenText":"Valor não documentado como Com erro","Terra.clinicalResult.statusInErrorStrikethrough":"Resultado {strikethroughResult} inserido Em erro","Terra.clinicalResult.viewResults":"Visualizar resultados","Terra.collapsibleMenuView.more":"Mais","Terra.data-grid.navigate":"Navegar para a grade de dados","Terra.data-grid.row-selection-template":"Selecionar: {rowDescription}","Terra.date.input.april":"Abril","Terra.date.input.august":"Agosto","Terra.date.input.dateFormatLabel":"Formato da data:","Terra.date.input.dayDescription":"Um número de dois dígitos","Terra.date.input.dayInputLabel":"Dia","Terra.date.input.dayInputLabelWithDefaultName":"Dia data","Terra.date.input.dayInputLabelWithName":"{a11yLabel} dia","Terra.date.input.december":"Dezembro","Terra.date.input.february":"Fevereiro","Terra.date.input.formatDayMonthYear":"DD Mês AAAA","Terra.date.input.formatMonthDayYear":"Mês DD AAAA","Terra.date.input.hotKey":"Pressione T para definir a data atual, a tecla + para a próxima data e a tecla - para a data anterior","Terra.date.input.january":"Janeiro","Terra.date.input.july":"Julho","Terra.date.input.june":"Junho","Terra.date.input.labelDefault":"Data","Terra.date.input.march":"Março","Terra.date.input.may":"Maio","Terra.date.input.monthPlaceholder":"- Selecionar -","Terra.date.input.monthSelectLabel":"Mês","Terra.date.input.monthSelectLabelWithDefaultName":"Mês data","Terra.date.input.monthSelectLabelWithName":"{a11yLabel} mês","Terra.date.input.november":"Novembro","Terra.date.input.october":"Outubro","Terra.date.input.optional":"(opcional)","Terra.date.input.required":"Obrigatório","Terra.date.input.september":"Setembro","Terra.date.input.yearDescription":"Um número de quatro dígitos","Terra.date.input.yearLabel":"Ano","Terra.datePicker.calendarInstructions":"Para alterar a seleção, use as teclas de seta. Pressione Enter para selecionar uma data. Pressione Esc para fechar o pop-up do seletor de datas.","Terra.datePicker.closeCalendar":"Fechar","Terra.datePicker.date":"Data","Terra.datePicker.dateFormat":"DD/MM/AAAA","Terra.datePicker.dateFormatLabel":"Formato da data:","Terra.datePicker.dayLabel":"Día","Terra.datePicker.disabled":"Desativado","Terra.datePicker.hotKey":"Pressione T para definir a data atual, a tecla + para a próxima data e a tecla - para a data anterior","Terra.datePicker.invalidDate":"Insira uma Data válida","Terra.datePicker.monthLabel":"Mês","Terra.datePicker.nextMonth":"Mês seguinte","Terra.datePicker.openCalendar":"Calendário aberto","Terra.datePicker.previousMonth":"Mês anterior","Terra.datePicker.selected":"selecionado.","Terra.datePicker.today":"Hoje","Terra.datePicker.yearLabel":"Ano","Terra.dateTimePicker.timeClarification.button.daylightSaving":"Antes (horário de verão)","Terra.dateTimePicker.timeClarification.button.standardTime":"Depois (horário padrão)","Terra.dateTimePicker.timeClarification.message":"O horário selecionado ocorre durante a transição do horário de verão para horário padrão. Deseja salvar antes ou depois da transição do horário de verão para horário padrão?","Terra.dateTimePicker.timeClarification.title":"Normalização do horário","Terra.demographicsBanner.age":"Idade","Terra.demographicsBanner.dateOfBirth":"DN","Terra.demographicsBanner.dateOfBirthFullText":"Data de nascimento","Terra.demographicsBanner.deceased":"Óbito","Terra.demographicsBanner.gender":"Gênero","Terra.demographicsBanner.gestationalAge":"IG","Terra.demographicsBanner.gestationalAgeFullText":"Idade gestacional","Terra.demographicsBanner.noDataProvided":"--","Terra.demographicsBanner.postMenstrualAge":"IPM","Terra.demographicsBanner.postMenstrualAgeFullText":"Idade pós-menstrual","Terra.dialog.close":"Fechar","Terra.dropdownButton.activeOption":"{currentItemLabel},({currentIndex} de {totalItems})","Terra.dropdownButton.expanded":"Botão expandido","Terra.dropdownButton.moreOptions":"Mais opções","Terra.dropdownButton.selected":"Selecionado","Terra.embeddedContentConsumer.beginEmbeddedContent":"Iniciar conteúdo incorporado, {name}","Terra.embeddedContentConsumer.endEmbeddedContent":"Finalizar conteúdo incorporado, {name}","Terra.flowsheetDataGrid.cells-selected":"{cellCount} células selecionadas.","Terra.flowsheetDataGrid.no-cells-selected":"Nenhuma célula selecionada.","Terra.flowsheetDataGrid.no-result":"Nenhum resultado","Terra.flowsheetDataGrid.no-result-display":"--","Terra.form.field.optional":"(facultatif)","Terra.form.field.required":"Obrigatório","Terra.form.select.activeOption":"{text} {index} de {totalOptions}.","Terra.form.select.add":'Adicionar "{text}"',"Terra.form.select.ariaLabel":"Pesquisar","Terra.form.select.clearSelect":"Limpar seleção","Terra.form.select.collapsed":"Caixa de combinação recolhida.","Terra.form.select.defaultComboboxDisplay":"Selecione ou pressione Enter","Terra.form.select.defaultDisplay":"- Selecione -","Terra.form.select.defaultUsageGuidance":"Use as teclas de seta para cima e para baixo para navegar pelas opções. Pressione Enter para selecionar uma opção.","Terra.form.select.dimmed":"Esmaecido.","Terra.form.select.disabled":"Desativado.","Terra.form.select.expanded":"Caixa de combinação expandida.","Terra.form.select.listOfTotalOptions":"Lista de opções.","Terra.form.select.maxSelectionHelp":"Limite de itens de {text}.","Terra.form.select.maxSelectionOption":"Número máximo de itens de {text} selecionado","Terra.form.select.menu":"Menu","Terra.form.select.mobileButtonUsageGuidance":"Toque a tela para navegar para as opções.","Terra.form.select.mobileUsageGuidance":"Deslize para a direita para acessar as opções.","Terra.form.select.multiSelectUsageGuidance":"Insira o texto ou use as teclas de seta para cima e para baixo para navegar pelas opções. Pressione Enter para selecionar ou cancelar a seleção de uma opção.","Terra.form.select.noResults":'Não há resultados para "{text}"',"Terra.form.select.of":"de","Terra.form.select.optGroup":"Grupo {text}","Terra.form.select.option":"Opções","Terra.form.select.resultsText":'Resultados que contém "{text}"',"Terra.form.select.searchUsageGuidance":"Insira o texto ou use as teclas de seta para cima e para baixo para navegar pelas opções. Pressione Enter para selecionar uma opção.","Terra.form.select.selectCleared":"Selecionar valor limpo","Terra.form.select.selected":"Selecionado.","Terra.form.select.selectedText":"{text} selecionado. {index} de {totalOptions}.","Terra.form.select.unselected":"Não selecionado.","Terra.form.select.unselectedText":"{text} não selecionado.","Terra.hyperlink.iconLabel.audio":"(abre o arquivo de som)","Terra.hyperlink.iconLabel.document":"(abre um documento)","Terra.hyperlink.iconLabel.external":"(abre um aplicativo ou página externa)","Terra.hyperlink.iconLabel.image":"(abre um arquivo de imagem)","Terra.hyperlink.iconLabel.video":"(abre um vídeo)","Terra.icon.IconConsultInstructionsForUse.title":"Instruções eletrônicas para ícone de uso","Terra.InfiniteList.loading":"Carregando...","Terra.itemDisplay.comment":"Comentários","Terra.itemDisplay.textStyleMeaningEnd":"{textStyleMeaning} e","Terra.itemDisplay.textStyleMeaningStrikethrough":"exclusão","Terra.itemDisplay.textStyleMeaningStrikethroughEnd":"exclusão e","Terra.list.cancelDrag":"Movimento cancelado. O item retornou para sua posição inicial de {startPosition}","Terra.list.drag":"Você moveu o item da posição {startPosition} para a posição {endPosition}","Terra.list.drop":"Você desceu o item. Você moveu o item da posição {startPosition} para a posição {endPosition}","Terra.list.focus":"Pressione a barra de espaço para arrastar. Ao fazer a seleção, você pode usar as teclas de seta para mover o item ou Esc para cancelar a seleção","Terra.list.lift":"Você subiu um item na posição {startPosition}. Use as teclas de seta para arrastar o item para uma nova posição. Pressione a barra de espaço para posicionar o item ou Esc para cancelar.","Terra.list.multiSelect":"Seleção de vários itens na lista, para marcar ou desmarcar, pressione Enter ou barra de espaço.","Terra.list.singleSelect":"Seleção de um item na lista, para marcar ou desmarcar, pressione Enter ou a barra de espaço.","Terra.menu.back":"Voltar","Terra.menu.close":"Fechar","Terra.menu.exitSubmenu":"para sair do submenu pressione a seta para a esquerda ou o botão de navegação Voltar","Terra.menu.index":"({index} de {totalItems})","Terra.menu.itemWithSubmenu":"com itens de submenu","Terra.menu.navigateMenuItem":"Para se mover entre os itens, pressione as setas para cima e para baixo","Terra.menu.selected":"selecionado","Terra.menu.unselected":"não selecionado","Terra.navigation.side.menu.selected":"Selecionado","Terra.notification.dialog.error":"Erro","Terra.notification.dialog.hazard-high":"Alerta","Terra.notification.dialog.hazard-low":"Informações","Terra.notification.dialog.hazard-medium":"Advertência","Terra.onsetPicker.age":"Idade","Terra.onsetPicker.ageLabel":"Insira uma idade","Terra.onsetPicker.agePrecision":"Precisão de idade","Terra.onsetPicker.agePrecisionLabel":"Selecione uma precisão de idade","Terra.onsetPicker.agePrecisionMonth":"Mês(ses)","Terra.onsetPicker.agePrecisionWeek":"Semana(s)","Terra.onsetPicker.agePrecisionYear":"Ano(s)","Terra.onsetPicker.april":"Abril","Terra.onsetPicker.august":"Agosto","Terra.onsetPicker.date":"Date","Terra.onsetPicker.dateLabel":"Selecione uma data","Terra.onsetPicker.december":"Dezembro","Terra.onsetPicker.february":"Fevereiro","Terra.onsetPicker.granularity":"Granularidade","Terra.onsetPicker.granularityLabel":"Selecione uma granulidade de data","Terra.onsetPicker.january":"Janeiro","Terra.onsetPicker.july":"Julho","Terra.onsetPicker.june":"Junho","Terra.onsetPicker.march":"Março","Terra.onsetPicker.may":"Maio","Terra.onsetPicker.month":"Mês","Terra.onsetPicker.monthLabel":"Selecione um mês","Terra.onsetPicker.november":"Novembro","Terra.onsetPicker.october":"Outubro","Terra.onsetPicker.precision":"Precisão","Terra.onsetPicker.precisionAbout":"Sobre","Terra.onsetPicker.precisionAfter":"Após","Terra.onsetPicker.precisionBefore":"Antes","Terra.onsetPicker.precisionLabel":"Selecione uma precisão de data","Terra.onsetPicker.precisionOnAt":"Em","Terra.onsetPicker.precisionUnknown":"Desconhecido","Terra.onsetPicker.september":"Setembro","Terra.onsetPicker.year":"Ano","Terra.onsetPicker.yearLabel":"Selecione um ano","Terra.Overlay.loading":"Carregando...","Terra.paginator.customPageSelected":"{pageLabel} selecionada","Terra.paginator.customPageSelectedWithCount":"{pageLabel} {pageNumber} de {pageNumberTotal} selecionada","Terra.paginator.first":"Primeira","Terra.paginator.last":"Última","Terra.paginator.next":"Seguinte","Terra.paginator.pageCount":"Página {pageNumber} de {pageNumberTotal}","Terra.paginator.pageCountWithLabel":"{pageLabel} {pageNumber} de {pageNumberTotal}","Terra.paginator.pageIndex":"Página {pageNumber}","Terra.paginator.pageIndexWithLabel":"{pageLabel} {pageNumber}","Terra.paginator.pageSelected":"Página {pageNumber} selecionada","Terra.paginator.pageSelectedWithCount":"Página {pageNumber} de {pageNumberTotal} selecionada","Terra.paginator.previous":"Anterior","Terra.pills.hint.pillList":"Contém {numberOfPills} itens","Terra.pills.hint.removable":"item removível via tecla Delete ou Backspace","Terra.pills.hint.rollupNotVisible":"{pillsNotVisibleCount} itens não exibidos","Terra.pills.hint.rollupPill":"{pillsNotVisibleCount} itens ocultos. Optar por exibir itens {pillsNotVisibleCount} ocultos","Terra.pills.hint.rollupVisible":"{pillsNotVisibleCount} itens ocultos agora são exibidos","Terra.pills.hint.selectable":"para informações adicionais, o botão é selecionável por meio da barra de espaço ou da tecla Enter","Terra.pills.hint.selectableAndRemovable":"item removível via tecla Delete ou Backspace, para informações adicionais, o botão é selecionável por meio da barra de espaço ou da tecla Enter","Terra.pills.hint.showLess":"Optar por ocultar itens","Terra.pills.hint.wasRemoved":"{pillLabelName} removido","Terra.pills.label.delete":"Remover {pillLabelName}","Terra.pills.label.rollupPill":"{pillsNotVisibleCount} mais...","Terra.pills.label.showLess":"Mostrar menos","Terra.popup.header.close":"Fechar","Terra.searchField.clear":"Limpar","Terra.searchField.search":"Pesquisar","Terra.searchField.submit-search":"Enviar pesquisa","Terra.showhide.hide":"Ocultar","Terra.showhide.showmore":"Mostrar mais","Terra.slidePanel.defaultPanelLabel":"Painel de detalhes","Terra.slidePanel.discloseWarning":"Algumas ações nesta área do onteúdo podem acarretar mudanças de contexto nos paineis de detalhes.","Terra.slider.ariaDescribedByTextWithLabels":"Ajuste o interruptor para selecionar um valor entre {minimumLabel} ({minimumValue}) e {maximumLabel} ({maximumValue})","Terra.slider.ariaDescribedByTextWithoutLabels":"Ajuste o interruptor para selecionar um valor entre {minimumValue} e {maximumValue}","Terra.status-view.error":"Erro","Terra.status-view.no-data":"Sem resultados","Terra.status-view.no-matching-results":"Não há resultados correspondentes","Terra.status-view.not-authorized":"Não autorizado","Terra.switch.switchstatuslabel.off":"Desativar","Terra.switch.switchstatuslabel.on":"Ativar","Terra.table.all-rows-selected":"Todas as linhas selecionadas","Terra.table.all-rows-unselected":"Nenhuma linha selecionada","Terra.table.blank":"Em branco","Terra.table.cell-focus-trapped":"Foco contido na célula. Pressione Esc para retomar a navegação do grid.","Terra.table.cell-interactable":"Célula contém elementos interativos. Pressione Enter para mover o foco para dentro da célula.","Terra.table.columnError":"Erros associados a coluna","Terra.table.maskedCell":"Dados com máscara","Terra.table.multiple-rows-selected":"{rowCount} linhas selecionadas. ","Terra.table.multiple-rows-unselected":"{rowCount} linhas não selecionadas. ","Terra.table.resize-handle-template":"Redimensionamento da coluna para {columnText}. Pressione Enter para usar.","Terra.table.resize-handle-value-text":"{columnWidth} pixels","Terra.table.resizeHandleValueText":"{columnWidth} pixels de largura na coluna","Terra.table.resume-navigation":"Navegação do grid retomada.","Terra.table.row-index":"Linha {row}","Terra.table.row-selection-cleared-template":"Linha {row} não selecionada. ","Terra.table.row-selection-mode-disabled":"Modo de seleção de linha desativado","Terra.table.row-selection-mode-enabled":"Modo de seleção de linha ativado.","Terra.table.row-selection-template":"Linha {row} selecionada. ","Terra.tabs.addbutton.focus":"pressione ENTER ou a barra de espaço para adicionar uma nova guia","Terra.tabs.cancelDrag":"Movimento cancelado. A guia retornou para sua posição inicial de {startPosition}","Terra.tabs.drag":"Você moveu a guia da posição {startPosition} para a posição {endPosition}","Terra.tabs.drop":"Você desceu a guia. Ela foi movida da posição {startPosition} para {endPosition}","Terra.tabs.focus":"Pressione Enter para ativar uma guia, ou pressione a barra de espaço para selecioná-la.","Terra.tabs.hint.currentTabClosed":" removido","Terra.tabs.hint.hiddenTabs":"{hiddenTabs} itens não exibidos","Terra.tabs.hint.removable":"item removível via tecla Delete ou Backspace","Terra.tabs.hint.tabList":"Contém {numberOfTabs} itens","Terra.tabs.hint.tabMenu":"{hiddenTabs} itens ocultos. Optar por exibir itens {hiddenTabs} ocultos","Terra.tabs.lift":"Você subiu uma guia na posição {startPosition}. Use as teclas de seta para arrastar a guia para uma nova posição. Você não pode movê-la para uma posição além da primeira ou da última. Pressione a barra de espaço para posicionar a guia ou Esc para cancelar.","Terra.tabs.more":"Mais","Terra.tags.hint.removable":"item removível via tecla Delete ou Backspace","Terra.tags.hint.rollupNotVisible":"{tagsNotVisibleCount} itens não exibidos","Terra.tags.hint.rollupTag":"{tagsNotVisibleCount} itens ocultos. Optar por exibir itens {tagsNotVisibleCount} ocultos","Terra.tags.hint.rollupVisible":"{tagsNotVisibleCount} itens ocultos agora são exibidos","Terra.tags.hint.selectable":"para informações adicionais, o botão é selecionável por meio da barra de espaço ou da tecla Enter","Terra.tags.hint.selectableAndRemovable":"item removível via tecla Delete ou Backspace, para informações adicionais, o botão é selecionável por meio da barra de espaço ou da tecla Enter","Terra.tags.hint.showLess":"Optar por ocultar itens","Terra.tags.hint.tagList":"Contém {numberOfTags} itens","Terra.tags.hint.wasRemoved":"{tagLabelName} removido","Terra.tags.label.delete":"Remover {tagLabelName}","Terra.tags.label.rollupTag":"{tagsNotVisibleCount} mais","Terra.tags.label.showLess":"Mostrar menos","Terra.timeInput.a11yLabelDefault":"Hora","Terra.timeInput.am":"a.m.","Terra.timeInput.descriptionMinute":"Minutos com dois dígitos.","Terra.timeInput.descriptionSecond":"Segundos com dois dígitos.","Terra.timeInput.hourDescriptionTwelve":"Formato de 12 horas com dois dígitos.","Terra.timeInput.hourDescriptionTwentyFour":"Formato de 24 horas com dois dígitos.","Terra.timeInput.hourLabel":"{a11yLabel} hora","Terra.timeInput.hours":"Horas","Terra.timeInput.invalidTime":"Insira um horário válido","Terra.timeInput.labeledTextValue":"{a11yLabel} {a11yTimeValue}","Terra.timeInput.maskHourMinute":"(hh:mm)","Terra.timeInput.maskHourMinuteSecond":"(hh:mm:ss)","Terra.timeInput.minutes":"Minutos","Terra.timeInput.pm":"p.m.","Terra.timeInput.seconds":"Segundos","Terra.timeInput.textValueTwelveHourMinute":"{hour}:{minute} {meridiem}","Terra.timeInput.textValueTwelveHourMinuteSecond":"{hour}:{minute}:{second} {meridiem}","Terra.timeInput.textValueTwentyFourHourMinute":"{hour}:{minute}","Terra.timeInput.textValueTwentyFourHourMinuteSecond":"{hour}:{minute}:{second}","Terra.timeInput.timeFormatLabel":"Formato da hora:","Terra.timeInput.timeSpacer":":","terraApplication.actionMenu.headerCloseButtonLabel":"Fechar","terraApplication.errorBoundary.defaultErrorMessage":"Erro no sistema: {errorDetails}","terraApplication.navigation.drawerMenu.navigation":"Itens de navegação","terraApplication.navigation.drawerMenu.utilities":"Itens de utilitários","terraApplication.navigation.extensions.rollupButtonDescription":"Ferramentas adicionais","terraApplication.navigation.extensions.rollupMenuHeaderTitle":"Ferramentas adicionais","terraApplication.navigation.header.menuButtonTitle":"Menu","terraApplication.navigation.header.skipToContentTitle":"Pular para conteúdo","terraApplication.navigation.header.utilityButtonTitleNoUser":"Opções","terraApplication.navigation.header.utilityButtonTitleUser":"Configurações do usuário para: {currentUserName}","terraApplication.navigation.notifications.new":"Novo","terraApplication.navigation.tabs.rollupButtonDescription":"Mais navegação","terraApplication.navigation.tabs.rollupButtonTitle":"Mais","terraApplication.navigation.tabs.rollupMenuHeaderTitle":"Mais navegação","terraApplication.navigation.utilityMenu.headerTitle":"Utilitários","terraApplication.navigation.utilityMenu.help":"Ajuda","terraApplication.navigation.utilityMenu.logout":"Logoff","terraApplication.navigation.utilityMenu.settings":"Configurações","terraApplication.notificationBanner.advisory":"Aviso.","terraApplication.notificationBanner.alert":"Alerta.","terraApplication.notificationBanner.dismiss":"Dispensar","terraApplication.notificationBanner.error":"Erro.","terraApplication.notificationBanner.info":"Informações.","terraApplication.notificationBanner.success":"Sucesso.","terraApplication.notificationBanner.unsatisfied":"Ação obrigatória.","terraApplication.notificationBanner.unverified":"Registros externos.","terraApplication.notificationBanner.warning":"Cuidado.","terraApplication.notifications.newNotificationLabel":"Nova notificação {label}. {bannerType} {bannerDescription}, {bannerAction}, {bannerDismiss}.","terraApplication.notifications.regionLabel":"{label} notificações.","terraApplication.notifications.removedNotificationLabel":"Notificação {label} removida. {bannerType} {bannerDescription}.","terraApplication.notifications.totalCountLabel":"Total de notificações {label}: {count}","terraApplication.statusLayout.error":"Erro","terraApplication.statusLayout.no-data":"Não há resultados","terraApplication.statusLayout.no-matching-results":"Não há resultados correspondentes","terraApplication.statusLayout.not-authorized":"Não autorizado","terraApplication.unsavedChangesPrompt.acceptButtonText":"Não salvar","terraApplication.unsavedChangesPrompt.multiplePromptMessageIntro":"Alterações não salvas feitas em:","terraApplication.unsavedChangesPrompt.multiplePromptMessageOutro":"Se você não as salvar, essas alterações serão perdidas. Deseja continuar?","terraApplication.unsavedChangesPrompt.rejectButtonText":"Continuar editando","terraApplication.unsavedChangesPrompt.singlePromptMessage":"Alterações não salvas feitas em {promptDescription}.","terraApplication.unsavedChangesPrompt.title":"Alterações sem salvar","terraApplication.workspace.activityOverlay.loading":"Carregando...","terraApplication.workspace.hideWorkspaceLabel":"Ocultar espaço de trabalho","terraApplication.workspace.showWorkspaceLabel":"Mostrar espaço de trabalho","terraApplication.workspace.skipToLabel":"Pular para espaço de trabalho","terraApplication.workspace.workspaceLabel":"Espaço de trabalho","terraApplication.workspace.workspaceSettingsLabel":"Configurações do espaço de trabalho","terraDevSite.pageActivityOverlayContainer.loading":"Carregando...","terraDevSite.pageHeader.actionsMenu":"{label} Actions","terraDevSite.pageHeader.back":"Voltar","terraDevSite.pageHeader.moreActions":"More Actions"}},68333:function(e){e.exports=function(){"use strict";return[{locale:"pt",pluralRuleFunction:function(e,a){var r=String(e).split(".")[0];return a?"other":0==r||1==r?"one":"other"},fields:{year:{displayName:"ano",relative:{0:"este ano",1:"próximo ano","-1":"ano passado"},relativeTime:{future:{one:"em {0} ano",other:"em {0} anos"},past:{one:"há {0} ano",other:"há {0} anos"}}},"year-short":{displayName:"ano",relative:{0:"este ano",1:"próximo ano","-1":"ano passado"},relativeTime:{future:{one:"em {0} ano",other:"em {0} anos"},past:{one:"há {0} ano",other:"há {0} anos"}}},month:{displayName:"mês",relative:{0:"este mês",1:"próximo mês","-1":"mês passado"},relativeTime:{future:{one:"em {0} mês",other:"em {0} meses"},past:{one:"há {0} mês",other:"há {0} meses"}}},"month-short":{displayName:"mês",relative:{0:"este mês",1:"próximo mês","-1":"mês passado"},relativeTime:{future:{one:"em {0} mês",other:"em {0} meses"},past:{one:"há {0} mês",other:"há {0} meses"}}},day:{displayName:"dia",relative:{0:"hoje",1:"amanhã",2:"depois de amanhã","-2":"anteontem","-1":"ontem"},relativeTime:{future:{one:"em {0} dia",other:"em {0} dias"},past:{one:"há {0} dia",other:"há {0} dias"}}},"day-short":{displayName:"dia",relative:{0:"hoje",1:"amanhã",2:"depois de amanhã","-2":"anteontem","-1":"ontem"},relativeTime:{future:{one:"em {0} dia",other:"em {0} dias"},past:{one:"há {0} dia",other:"há {0} dias"}}},hour:{displayName:"hora",relative:{0:"esta hora"},relativeTime:{future:{one:"em {0} hora",other:"em {0} horas"},past:{one:"há {0} hora",other:"há {0} horas"}}},"hour-short":{displayName:"h",relative:{0:"esta hora"},relativeTime:{future:{one:"em {0} h",other:"em {0} h"},past:{one:"há {0} h",other:"há {0} h"}}},minute:{displayName:"minuto",relative:{0:"este minuto"},relativeTime:{future:{one:"em {0} minuto",other:"em {0} minutos"},past:{one:"há {0} minuto",other:"há {0} minutos"}}},"minute-short":{displayName:"min.",relative:{0:"este minuto"},relativeTime:{future:{one:"em {0} min.",other:"em {0} min."},past:{one:"há {0} min.",other:"há {0} min."}}},second:{displayName:"segundo",relative:{0:"agora"},relativeTime:{future:{one:"em {0} segundo",other:"em {0} segundos"},past:{one:"há {0} segundo",other:"há {0} segundos"}}},"second-short":{displayName:"seg.",relative:{0:"agora"},relativeTime:{future:{one:"em {0} seg.",other:"em {0} seg."},past:{one:"há {0} seg.",other:"há {0} seg."}}}}},{locale:"pt-AO",parentLocale:"pt-PT"},{locale:"pt-PT",parentLocale:"pt",pluralRuleFunction:function(e,a){var r=!String(e).split(".")[1];return a?"other":1==e&&r?"one":"other"},fields:{year:{displayName:"ano",relative:{0:"este ano",1:"próximo ano","-1":"ano passado"},relativeTime:{future:{one:"dentro de {0} ano",other:"dentro de {0} anos"},past:{one:"há {0} ano",other:"há {0} anos"}}},"year-short":{displayName:"ano",relative:{0:"este ano",1:"próximo ano","-1":"ano passado"},relativeTime:{future:{one:"dentro de {0} ano",other:"dentro de {0} anos"},past:{one:"há {0} ano",other:"há {0} anos"}}},month:{displayName:"mês",relative:{0:"este mês",1:"próximo mês","-1":"mês passado"},relativeTime:{future:{one:"dentro de {0} mês",other:"dentro de {0} meses"},past:{one:"há {0} mês",other:"há {0} meses"}}},"month-short":{displayName:"mês",relative:{0:"este mês",1:"próximo mês","-1":"mês passado"},relativeTime:{future:{one:"dentro de {0} mês",other:"dentro de {0} meses"},past:{one:"há {0} mês",other:"há {0} meses"}}},day:{displayName:"dia",relative:{0:"hoje",1:"amanhã",2:"depois de amanhã","-2":"anteontem","-1":"ontem"},relativeTime:{future:{one:"dentro de {0} dia",other:"dentro de {0} dias"},past:{one:"há {0} dia",other:"há {0} dias"}}},"day-short":{displayName:"dia",relative:{0:"hoje",1:"amanhã",2:"depois de amanhã","-2":"anteontem","-1":"ontem"},relativeTime:{future:{one:"dentro de {0} dia",other:"dentro de {0} dias"},past:{one:"há {0} dia",other:"há {0} dias"}}},hour:{displayName:"hora",relative:{0:"esta hora"},relativeTime:{future:{one:"dentro de {0} hora",other:"dentro de {0} horas"},past:{one:"há {0} hora",other:"há {0} horas"}}},"hour-short":{displayName:"h",relative:{0:"esta hora"},relativeTime:{future:{one:"dentro de {0} h",other:"dentro de {0} h"},past:{one:"há {0} h",other:"há {0} h"}}},minute:{displayName:"minuto",relative:{0:"este minuto"},relativeTime:{future:{one:"dentro de {0} minuto",other:"dentro de {0} minutos"},past:{one:"há {0} minuto",other:"há {0} minutos"}}},"minute-short":{displayName:"min",relative:{0:"este minuto"},relativeTime:{future:{one:"dentro de {0} min",other:"dentro de {0} min"},past:{one:"há {0} min",other:"há {0} min"}}},second:{displayName:"segundo",relative:{0:"agora"},relativeTime:{future:{one:"dentro de {0} segundo",other:"dentro de {0} segundos"},past:{one:"há {0} segundo",other:"há {0} segundos"}}},"second-short":{displayName:"s",relative:{0:"agora"},relativeTime:{future:{one:"dentro de {0} s",other:"dentro de {0} s"},past:{one:"há {0} s",other:"há {0} s"}}}}},{locale:"pt-CH",parentLocale:"pt-PT"},{locale:"pt-CV",parentLocale:"pt-PT"},{locale:"pt-GQ",parentLocale:"pt-PT"},{locale:"pt-GW",parentLocale:"pt-PT"},{locale:"pt-LU",parentLocale:"pt-PT"},{locale:"pt-MO",parentLocale:"pt-PT"},{locale:"pt-MZ",parentLocale:"pt-PT"},{locale:"pt-ST",parentLocale:"pt-PT"},{locale:"pt-TL",parentLocale:"pt-PT"}]}()}}]); \ No newline at end of file diff --git a/pt-intl-local-675b4cf5651495bd9207.js b/pt-intl-local-675b4cf5651495bd9207.js new file mode 100644 index 000000000..5932f306d --- /dev/null +++ b/pt-intl-local-675b4cf5651495bd9207.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[38111],{88792:function(){IntlPolyfill.__addLocaleData({locale:"pt",date:{ca:["gregory","buddhist","chinese","coptic","dangi","ethioaa","ethiopic","generic","hebrew","indian","islamic","islamicc","japanese","persian","roc"],hourNo0:!0,hour12:!1,formats:{short:"{1} {0}",medium:"{1} {0}",full:"{1} {0}",long:"{1} {0}",availableFormats:{d:"d",E:"ccc",Ed:"E, d",Ehm:"E, h:mm a",EHm:"E, HH:mm",Ehms:"E, h:mm:ss a",EHms:"E, HH:mm:ss",Gy:"y G",GyMMM:"MMM 'de' y G",GyMMMd:"d 'de' MMM 'de' y G",GyMMMEd:"E, d 'de' MMM 'de' y G",h:"h a",H:"HH",hm:"h:mm a",Hm:"HH:mm",hms:"h:mm:ss a",Hms:"HH:mm:ss",hmsv:"h:mm:ss a v",Hmsv:"HH:mm:ss v",hmv:"h:mm a v",Hmv:"HH:mm v",M:"L",Md:"d/M",MEd:"E, dd/MM",MMdd:"dd/MM",MMM:"LLL",MMMd:"d 'de' MMM",MMMEd:"E, d 'de' MMM",MMMMd:"d 'de' MMMM",MMMMEd:"E, d 'de' MMMM",ms:"mm:ss",y:"y",yM:"MM/y",yMd:"dd/MM/y",yMEd:"E, dd/MM/y",yMM:"MM/y",yMMM:"MMM 'de' y",yMMMd:"d 'de' MMM 'de' y",yMMMEd:"E, d 'de' MMM 'de' y",yMMMM:"MMMM 'de' y",yMMMMd:"d 'de' MMMM 'de' y",yMMMMEd:"E, d 'de' MMMM 'de' y",yQQQ:"y QQQ",yQQQQ:"y QQQQ"},dateFormats:{yMMMMEEEEd:"EEEE, d 'de' MMMM 'de' y",yMMMMd:"d 'de' MMMM 'de' y",yMMMd:"d 'de' MMM 'de' y",yMd:"dd/MM/yy"},timeFormats:{hmmsszzzz:"HH:mm:ss zzzz",hmsz:"HH:mm:ss z",hms:"HH:mm:ss",hm:"HH:mm"}},calendars:{buddhist:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan","fev","mar","abr","mai","jun","jul","ago","set","out","nov","dez"],long:["janeiro","fevereiro","março","abril","maio","junho","julho","agosto","setembro","outubro","novembro","dezembro"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["BE"],short:["BE"],long:["BE"]},dayPeriods:{am:"AM",pm:"PM"}},chinese:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Mês 1","Mês 2","Mês 3","Mês 4","Mês 5","Mês 6","Mês 7","Mês 8","Mês 9","Mês 10","Mês 11","Mês 12"],long:["Mês 1","Mês 2","Mês 3","Mês 4","Mês 5","Mês 6","Mês 7","Mês 8","Mês 9","Mês 10","Mês 11","Mês 12"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},dayPeriods:{am:"AM",pm:"PM"}},coptic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["Tout","Baba","Hator","Kiahk","Toba","Amshir","Baramhat","Baramouda","Bashans","Paona","Epep","Mesra","Nasie"],long:["Tout","Baba","Hator","Kiahk","Toba","Amshir","Baramhat","Baramouda","Bashans","Paona","Epep","Mesra","Nasie"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"AM",pm:"PM"}},dangi:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Mês 1","Mês 2","Mês 3","Mês 4","Mês 5","Mês 6","Mês 7","Mês 8","Mês 9","Mês 10","Mês 11","Mês 12"],long:["Mês 1","Mês 2","Mês 3","Mês 4","Mês 5","Mês 6","Mês 7","Mês 8","Mês 9","Mês 10","Mês 11","Mês 12"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},dayPeriods:{am:"AM",pm:"PM"}},ethiopic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["Meskerem","Tekemt","Hedar","Tahsas","Ter","Yekatit","Megabit","Miazia","Genbot","Sene","Hamle","Nehasse","Pagumen"],long:["Meskerem","Tekemt","Hedar","Tahsas","Ter","Yekatit","Megabit","Miazia","Genbot","Sene","Hamle","Nehasse","Pagumen"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"AM",pm:"PM"}},ethioaa:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["Meskerem","Tekemt","Hedar","Tahsas","Ter","Yekatit","Megabit","Miazia","Genbot","Sene","Hamle","Nehasse","Pagumen"],long:["Meskerem","Tekemt","Hedar","Tahsas","Ter","Yekatit","Megabit","Miazia","Genbot","Sene","Hamle","Nehasse","Pagumen"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["ERA0"],short:["ERA0"],long:["ERA0"]},dayPeriods:{am:"AM",pm:"PM"}},generic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"],long:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"AM",pm:"PM"}},gregory:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan","fev","mar","abr","mai","jun","jul","ago","set","out","nov","dez"],long:["janeiro","fevereiro","março","abril","maio","junho","julho","agosto","setembro","outubro","novembro","dezembro"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["a.C.","d.C.","AEC","EC"],short:["a.C.","d.C.","AEC","EC"],long:["antes de Cristo","depois de Cristo","antes da Era Comum","Era Comum"]},dayPeriods:{am:"AM",pm:"PM"}},hebrew:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13","7"],short:["Tishri","Heshvan","Kislev","Tevet","Shevat","Adar I","Adar","Nisan","Iyar","Sivan","Tamuz","Av","Elul","Adar II"],long:["Tishri","Heshvan","Kislev","Tevet","Shevat","Adar I","Adar","Nisan","Iyar","Sivan","Tamuz","Av","Elul","Adar II"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["AM"],short:["AM"],long:["AM"]},dayPeriods:{am:"AM",pm:"PM"}},indian:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Chaitra","Vaisakha","Jyaistha","Asadha","Sravana","Bhadra","Asvina","Kartika","Agrahayana","Pausa","Magha","Phalguna"],long:["Chaitra","Vaisakha","Jyaistha","Asadha","Sravana","Bhadra","Asvina","Kartika","Agrahayana","Pausa","Magha","Phalguna"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["Saka"],short:["Saka"],long:["Saka"]},dayPeriods:{am:"AM",pm:"PM"}},islamic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Muh.","Saf.","Rab. I","Rab. II","Jum. I","Jum. II","Raj.","Sha.","Ram.","Shaw.","Dhuʻl-Q.","Dhuʻl-H."],long:["Muharram","Safar","Rabiʻ I","Rabiʻ II","Jumada I","Jumada II","Rajab","Shaʻban","Ramadan","Shawwal","Dhuʻl-Qiʻdah","Dhuʻl-Hijjah"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["AH"],short:["AH"],long:["AH"]},dayPeriods:{am:"AM",pm:"PM"}},islamicc:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Muh.","Saf.","Rab. I","Rab. II","Jum. I","Jum. II","Raj.","Sha.","Ram.","Shaw.","Dhuʻl-Q.","Dhuʻl-H."],long:["Muharram","Safar","Rabiʻ I","Rabiʻ II","Jumada I","Jumada II","Rajab","Shaʻban","Ramadan","Shawwal","Dhuʻl-Qiʻdah","Dhuʻl-Hijjah"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["AH"],short:["AH"],long:["AH"]},dayPeriods:{am:"AM",pm:"PM"}},japanese:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan","fev","mar","abr","mai","jun","jul","ago","set","out","nov","dez"],long:["janeiro","fevereiro","março","abril","maio","junho","julho","agosto","setembro","outubro","novembro","dezembro"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kahō (1094–1096)","Eichō (1096–1097)","Jōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen’ei (1118–1120)","Hōan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hōen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hōgen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken’ei (1206–1207)","Jōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Jōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tenpuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En’ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun’ō (1260–1261)","Kōchō (1261–1264)","Bun’ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkyō (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkō (1321–1324)","Shōchū (1324–1326)","Karyaku (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kenmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun’an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenbun (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genna (1615–1624)","Kan’ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Jōō (1652–1655)","Meireki (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenna (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan’en (1748–1751)","Hōreki (1751–1764)","Meiwa (1764–1772)","An’ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man’en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","M","T","S","H"],short:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kahō (1094–1096)","Eichō (1096–1097)","Jōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen’ei (1118–1120)","Hōan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hōen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hōgen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken’ei (1206–1207)","Jōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Jōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tenpuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En’ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun’ō (1260–1261)","Kōchō (1261–1264)","Bun’ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkyō (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkō (1321–1324)","Shōchū (1324–1326)","Karyaku (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kenmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun’an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenbun (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genna (1615–1624)","Kan’ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Jōō (1652–1655)","Meireki (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenna (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan’en (1748–1751)","Hōreki (1751–1764)","Meiwa (1764–1772)","An’ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man’en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","Meiji","Taishō","Shōwa","Heisei"],long:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kahō (1094–1096)","Eichō (1096–1097)","Jōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen’ei (1118–1120)","Hōan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hōen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hōgen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken’ei (1206–1207)","Jōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Jōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tenpuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En’ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun’ō (1260–1261)","Kōchō (1261–1264)","Bun’ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkyō (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkō (1321–1324)","Shōchū (1324–1326)","Karyaku (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kenmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun’an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenbun (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genna (1615–1624)","Kan’ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Jōō (1652–1655)","Meireki (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenna (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan’en (1748–1751)","Hōreki (1751–1764)","Meiwa (1764–1772)","An’ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man’en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","Meiji","Taishō","Shōwa","Heisei"]},dayPeriods:{am:"AM",pm:"PM"}},persian:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Farvardin","Ordibehesht","Khordad","Tir","Mordad","Shahrivar","Mehr","Aban","Azar","Dey","Bahman","Esfand"],long:["Farvardin","Ordibehesht","Khordad","Tir","Mordad","Shahrivar","Mehr","Aban","Azar","Dey","Bahman","Esfand"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["AP"],short:["AP"],long:["AP"]},dayPeriods:{am:"AM",pm:"PM"}},roc:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan","fev","mar","abr","mai","jun","jul","ago","set","out","nov","dez"],long:["janeiro","fevereiro","março","abril","maio","junho","julho","agosto","setembro","outubro","novembro","dezembro"]},days:{narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sáb"],long:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]},eras:{narrow:["Antes de R.O.C.","R.O.C."],short:["Antes de R.O.C.","R.O.C."],long:["Antes de R.O.C.","R.O.C."]},dayPeriods:{am:"AM",pm:"PM"}}}},number:{nu:["latn"],patterns:{decimal:{positivePattern:"{number}",negativePattern:"{minusSign}{number}"},currency:{positivePattern:"{currency}{number}",negativePattern:"{minusSign}{currency}{number}"},percent:{positivePattern:"{number}{percentSign}",negativePattern:"{minusSign}{number}{percentSign}"}},symbols:{latn:{decimal:",",group:".",nan:"NaN",plusSign:"+",minusSign:"-",percentSign:"%",infinity:"∞"}},currencies:{AUD:"AU$",BRL:"R$",CAD:"CA$",CNY:"CN¥",EUR:"€",GBP:"£",HKD:"HK$",ILS:"₪",INR:"₹",JPY:"JP¥",KRW:"₩",MXN:"MX$",NZD:"NZ$",PTE:"Esc.",THB:"฿",TWD:"NT$",USD:"US$",VND:"₫",XAF:"FCFA",XCD:"EC$",XOF:"CFA",XPF:"CFPF"}}})}}]); \ No newline at end of file diff --git a/pt-translations-da25b788d24f970b6e7d.js b/pt-translations-da25b788d24f970b6e7d.js new file mode 100644 index 000000000..8e75fef94 --- /dev/null +++ b/pt-translations-da25b788d24f970b6e7d.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[57978],{92729:function(e,a,r){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.messages=a.locale=a.areTranslationsLoaded=void 0;var t,o=r(25387),i=r(68333),n=(t=i)&&t.__esModule?t:{default:t};(0,o.addLocaleData)(n.default);a.areTranslationsLoaded=!0,a.locale="pt",a.messages={"Terra.AbstractModal.BeginModalDialog":"Iniciar diálogo modal","Terra.AbstractModal.EndModalDialog":"Caixa de diálogo modal final","Terra.actionHeader.back":"Voltar","Terra.actionHeader.close":"Fechar","Terra.actionHeader.close.description":"Selecione o botão para fechar {text}","Terra.actionHeader.maximize":"Maximizar","Terra.actionHeader.maximize.description":"Selecione o botão para maximizar {text}","Terra.actionHeader.minimize":"Minimizar","Terra.actionHeader.minimize.description":"Selecione o botão para minimizar {text}","Terra.actionHeader.next":"Próximo","Terra.actionHeader.previous":"Anterior","Terra.ajax.error":"Falha ao carregar conteúdo.","Terra.alert.advisory":"Informe.","Terra.alert.alert":"Alerta.","Terra.alert.dismiss":"Ignorar","Terra.alert.error":"Erro.","Terra.alert.info":"Informações.","Terra.alert.success":"Êxito.","Terra.alert.unsatisfied":"Ação exigida.","Terra.alert.unverified":"Registros externos.","Terra.alert.warning":"Aviso.","Terra.avatar.deceased":"Óbito","Terra.badge.intent.info":"informações","Terra.badge.intent.negative":"negativo","Terra.badge.intent.positive":"positivo","Terra.badge.intent.primary":"primário","Terra.badge.intent.secondary":"secundário","Terra.badge.intent.warning":"aviso","Terra.clinicalResult.additionalResults":"{numberOfAdditionalResults} resultados adicionais","Terra.clinicalResult.bloodPressure":"Pressão sanguínea","Terra.clinicalResult.includesAdditionalValuesAria":"O resultado inclui valores adicionais","Terra.clinicalResult.interpretationAbnormal":"Anormal","Terra.clinicalResult.interpretationCritical":"Crítico","Terra.clinicalResult.interpretationCriticalAbnormal":"Crítico Anormal","Terra.clinicalResult.interpretationCriticalHigh":"Crítico Alto","Terra.clinicalResult.interpretationCriticalLow":"Crítico Baixo","Terra.clinicalResult.interpretationHigh":"Alto","Terra.clinicalResult.interpretationLow":"Baixo","Terra.clinicalResult.interpretationOutOfRangeHigh":"Fora do intervalo alto","Terra.clinicalResult.interpretationOutOfRangeLow":"Fora do intervalo baixo","Terra.clinicalResult.interpretationPositive":"Positivo","Terra.clinicalResult.resultComment":"O resultado inclui um comentário","Terra.clinicalResult.resultError":"Erro","Terra.clinicalResult.resultModified":"Resultado modificado","Terra.clinicalResult.resultNoData":"Sem resultados","Terra.clinicalResult.resultUnverified":"Resultado não verificado","Terra.clinicalResult.selectToViewAria":"Selecione para visualizar mais detalhes","Terra.clinicalResult.statusInError":"Em erro","Terra.clinicalResult.statusInErrorHiddenText":"Valor não documentado como Em erro","Terra.clinicalResult.statusInErrorStrikethrough":"Resultado {strikethroughResult} inserido Em erro","Terra.clinicalResult.viewResults":"Visualizar resultados","Terra.collapsibleMenuView.more":"Mais","Terra.data-grid.navigate":"Navegar para a grade de dados","Terra.data-grid.row-selection-template":"Selecionar: {rowDescription}","Terra.date.input.april":"Abril","Terra.date.input.august":"Agosto","Terra.date.input.dateFormatLabel":"Formato da data:","Terra.date.input.dayDescription":"Um número de dois dígitos","Terra.date.input.dayInputLabel":"Dia","Terra.date.input.dayInputLabelWithDefaultName":"Dia data","Terra.date.input.dayInputLabelWithName":"{a11yLabel} dia","Terra.date.input.december":"Dezembro","Terra.date.input.february":"Fevereiro","Terra.date.input.formatDayMonthYear":"DD Mês AAAA","Terra.date.input.formatMonthDayYear":"Mês DD AAAA","Terra.date.input.hotKey":"Pressione T para definir a data atual, a tecla + para a próxima data e a tecla - para a data anterior","Terra.date.input.january":"Janeiro","Terra.date.input.july":"Julho","Terra.date.input.june":"Junho","Terra.date.input.labelDefault":"Data","Terra.date.input.march":"Março","Terra.date.input.may":"Maio","Terra.date.input.monthPlaceholder":"- Selecionar -","Terra.date.input.monthSelectLabel":"Mês","Terra.date.input.monthSelectLabelWithDefaultName":"Mês data","Terra.date.input.monthSelectLabelWithName":"{a11yLabel} mês","Terra.date.input.november":"Novembro","Terra.date.input.october":"Outubro","Terra.date.input.optional":"(opcional)","Terra.date.input.required":"Obrigatório","Terra.date.input.september":"Setembro","Terra.date.input.yearDescription":"Um número de quatro dígitos","Terra.date.input.yearLabel":"Ano","Terra.datePicker.calendarInstructions":"Para alterar a seleção, use as teclas de seta. Pressione Enter para selecionar uma data. Pressione Esc para fechar o pop-up do seletor de datas.","Terra.datePicker.closeCalendar":"Fechar","Terra.datePicker.date":"Data","Terra.datePicker.dateFormat":"DD/MM/AAAA","Terra.datePicker.dateFormatLabel":"Formato da data:","Terra.datePicker.dayLabel":"Día","Terra.datePicker.disabled":"Desativado","Terra.datePicker.hotKey":"Pressione T para definir a data atual, a tecla + para a próxima data e a tecla - para a data anterior","Terra.datePicker.invalidDate":"Insira uma Data válida","Terra.datePicker.monthLabel":"Mês","Terra.datePicker.nextMonth":"Mês seguinte","Terra.datePicker.openCalendar":"Calendário aberto","Terra.datePicker.previousMonth":"Mês anterior","Terra.datePicker.selected":"selecionado.","Terra.datePicker.today":"Hoje","Terra.datePicker.yearLabel":"Ano","Terra.dateTimePicker.timeClarification.button.daylightSaving":"Antes (horário de verão)","Terra.dateTimePicker.timeClarification.button.standardTime":"Depois (horário padrão)","Terra.dateTimePicker.timeClarification.message":"A hora selecionada ocorre durante a transição do horário de verão para o horário padrão. Gostaria de inserir um horário anterior ou posterior ao selecionado?","Terra.dateTimePicker.timeClarification.title":"Explicação sobre o horário","Terra.demographicsBanner.age":"Idade","Terra.demographicsBanner.dateOfBirth":"DN","Terra.demographicsBanner.dateOfBirthFullText":"Data de nascimento","Terra.demographicsBanner.deceased":"Óbito","Terra.demographicsBanner.gender":"Gênero","Terra.demographicsBanner.gestationalAge":"IG","Terra.demographicsBanner.gestationalAgeFullText":"Idade gestacional","Terra.demographicsBanner.noDataProvided":"--","Terra.demographicsBanner.postMenstrualAge":"IPM","Terra.demographicsBanner.postMenstrualAgeFullText":"Idade pós-menstrual","Terra.dialog.close":"Fechar","Terra.dropdownButton.activeOption":"{currentItemLabel},({currentIndex} de {totalItems})","Terra.dropdownButton.expanded":"Botão expandido","Terra.dropdownButton.moreOptions":"Mais opções","Terra.dropdownButton.selected":"Selecionado","Terra.embeddedContentConsumer.beginEmbeddedContent":"Iniciar conteúdo incorporado, {name}","Terra.embeddedContentConsumer.endEmbeddedContent":"Finalizar conteúdo incorporado, {name}","Terra.flowsheetDataGrid.cells-selected":"{cellCount} células selecionadas.","Terra.flowsheetDataGrid.no-cells-selected":"Nenhuma célula selecionada.","Terra.flowsheetDataGrid.no-result":"Nenhum resultado","Terra.flowsheetDataGrid.no-result-display":"--","Terra.form.field.optional":"(opcional)","Terra.form.field.required":"Obrigatório","Terra.form.select.activeOption":"{text} {index} de {totalOptions}.","Terra.form.select.add":'Adicionar "{text}"',"Terra.form.select.ariaLabel":"Pesquisar","Terra.form.select.clearSelect":"Limpar seleção","Terra.form.select.collapsed":"Caixa de combinação recolhida.","Terra.form.select.defaultComboboxDisplay":"Selecione ou pressione Enter","Terra.form.select.defaultDisplay":"- Selecione -","Terra.form.select.defaultUsageGuidance":"Use as teclas de seta para cima e para baixo para navegar pelas opções. Pressione Enter para selecionar uma opção.","Terra.form.select.dimmed":"Esmaecido.","Terra.form.select.disabled":"Desativado.","Terra.form.select.expanded":"Caixa de combinação expandida.","Terra.form.select.listOfTotalOptions":"Lista de opções.","Terra.form.select.maxSelectionHelp":"Limite de itens de {text}.","Terra.form.select.maxSelectionOption":"Número máximo de itens de {text} selecionado","Terra.form.select.menu":"Menu","Terra.form.select.mobileButtonUsageGuidance":"Toque a tela para navegar para as opções.","Terra.form.select.mobileUsageGuidance":"Deslize para a direita para acessar as opções.","Terra.form.select.multiSelectUsageGuidance":"Insira o texto ou use as teclas de seta para cima e para baixo para navegar pelas opções. Pressione Enter para selecionar ou cancelar a seleção de uma opção.","Terra.form.select.noResults":'Não há resultados para "{text}"',"Terra.form.select.of":"de","Terra.form.select.optGroup":"Grupo {text}","Terra.form.select.option":"Opções","Terra.form.select.resultsText":'Resultados que contém "{text}"',"Terra.form.select.searchUsageGuidance":"Insira o texto ou use as teclas de seta para cima e para baixo para navegar pelas opções. Pressione Enter para selecionar uma opção.","Terra.form.select.selectCleared":"Selecionar valor limpo","Terra.form.select.selected":"Selecionado.","Terra.form.select.selectedText":"{text} selecionado. {index} de {totalOptions}.","Terra.form.select.unselected":"Não selecionado.","Terra.form.select.unselectedText":"{text} não selecionado.","Terra.hyperlink.iconLabel.audio":"(abre o arquivo de som)","Terra.hyperlink.iconLabel.document":"(abre um documento)","Terra.hyperlink.iconLabel.external":"(abre um aplicativo ou página externa)","Terra.hyperlink.iconLabel.image":"(abre um arquivo de imagem)","Terra.hyperlink.iconLabel.video":"(abre um vídeo)","Terra.icon.IconConsultInstructionsForUse.title":"Instruções eletrônicas para ícone de uso","Terra.InfiniteList.loading":"Carregando...","Terra.itemDisplay.comment":"Comentários","Terra.itemDisplay.textStyleMeaningEnd":"{textStyleMeaning} e","Terra.itemDisplay.textStyleMeaningStrikethrough":"exclusão","Terra.itemDisplay.textStyleMeaningStrikethroughEnd":"exclusão e","Terra.list.cancelDrag":"Movimento cancelado. O item retornou para sua posição inicial de {startPosition}","Terra.list.drag":"Você moveu o item da posição {startPosition} para a posição {endPosition}","Terra.list.drop":"Você desceu o item. Você moveu o item da posição {startPosition} para a posição {endPosition}","Terra.list.focus":"Pressione a barra de espaço para arrastar. Ao fazer a seleção, você pode usar as teclas de seta para mover o item ou Esc para cancelar a seleção","Terra.list.lift":"Você subiu um item na posição {startPosition}. Use as teclas de seta para arrastar o item para uma nova posição. Pressione a barra de espaço para posicionar o item ou Esc para cancelar.","Terra.list.multiSelect":"Seleção de vários itens na lista, para marcar ou desmarcar, pressione Enter ou barra de espaço.","Terra.list.singleSelect":"Seleção de um item na lista, para marcar ou desmarcar, pressione Enter ou a barra de espaço.","Terra.menu.back":"Voltar","Terra.menu.close":"Fechar","Terra.menu.exitSubmenu":",para sair do submenu pressione a seta para a esquerda ou o botão de navegação Voltar","Terra.menu.index":"({index} de {totalItems})","Terra.menu.itemWithSubmenu":",com itens de submenu","Terra.menu.navigateMenuItem":"Para se mover entre os itens, pressione as setas para cima e para baixo","Terra.menu.selected":",selecionado","Terra.menu.unselected":",não selecionado","Terra.navigation.side.menu.selected":"Selecionado","Terra.notification.dialog.error":"Erro","Terra.notification.dialog.hazard-high":"Alerta","Terra.notification.dialog.hazard-low":"Informações","Terra.notification.dialog.hazard-medium":"Advertência","Terra.onsetPicker.age":"Idade","Terra.onsetPicker.ageLabel":"Insira uma idade","Terra.onsetPicker.agePrecision":"Precisão de idade","Terra.onsetPicker.agePrecisionLabel":"Selecione uma precisão de idade","Terra.onsetPicker.agePrecisionMonth":"Mês(ses)","Terra.onsetPicker.agePrecisionWeek":"Semana(s)","Terra.onsetPicker.agePrecisionYear":"Ano(s)","Terra.onsetPicker.april":"Abril","Terra.onsetPicker.august":"Agosto","Terra.onsetPicker.date":"Date","Terra.onsetPicker.dateLabel":"Selecione uma data","Terra.onsetPicker.december":"Dezembro","Terra.onsetPicker.february":"Fevereiro","Terra.onsetPicker.granularity":"Granularidade","Terra.onsetPicker.granularityLabel":"Selecione uma granulidade de data","Terra.onsetPicker.january":"Janeiro","Terra.onsetPicker.july":"Julho","Terra.onsetPicker.june":"Junho","Terra.onsetPicker.march":"Março","Terra.onsetPicker.may":"Maio","Terra.onsetPicker.month":"Mês","Terra.onsetPicker.monthLabel":"Selecione um mês","Terra.onsetPicker.november":"Novembro","Terra.onsetPicker.october":"Outubro","Terra.onsetPicker.precision":"Precisão","Terra.onsetPicker.precisionAbout":"Sobre","Terra.onsetPicker.precisionAfter":"Após","Terra.onsetPicker.precisionBefore":"Antes","Terra.onsetPicker.precisionLabel":"Selecione uma precisão de data","Terra.onsetPicker.precisionOnAt":"Em","Terra.onsetPicker.precisionUnknown":"Desconhecido","Terra.onsetPicker.september":"Setembro","Terra.onsetPicker.year":"Ano","Terra.onsetPicker.yearLabel":"Selecione um ano","Terra.Overlay.loading":"Carregando...","Terra.paginator.customPageSelectedWithCount":"{pageLabel} {pageNumber} de {pageNumberTotal} selecionada","Terra.paginator.first":"Primeira","Terra.paginator.last":"Última","Terra.paginator.next":"Seguinte","Terra.paginator.pageCount":"Página {pageNumber} de {pageNumberTotal}","Terra.paginator.pageCountWithLabel":"{pageLabel} {pageNumber} de {pageNumberTotal}","Terra.paginator.pageIndex":"Página {pageNumber}","Terra.paginator.pageIndexWithLabel":"{pageLabel} {pageNumber}","Terra.paginator.previous":"Anterior","Terra.pills.hint.pillList":"Contém {numberOfPills} itens","Terra.pills.hint.removable":"item removível via tecla Delete ou Backspace","Terra.pills.hint.rollupNotVisible":"{pillsNotVisibleCount} itens não exibidos","Terra.pills.hint.rollupPill":"{pillsNotVisibleCount} itens ocultos. Optar por exibir itens {pillsNotVisibleCount} ocultos","Terra.pills.hint.rollupVisible":"{pillsNotVisibleCount} itens ocultos agora são exibidos","Terra.pills.hint.selectable":"para informações adicionais, o botão é selecionável por meio da barra de espaço ou da tecla Enter","Terra.pills.hint.selectableAndRemovable":"item removível via tecla Delete ou Backspace, para informações adicionais, o botão é selecionável por meio da barra de espaço ou da tecla Enter","Terra.pills.hint.showLess":"Optar por ocultar itens","Terra.pills.hint.wasRemoved":"{pillLabelName} removido","Terra.pills.label.delete":"Remover {pillLabelName}","Terra.pills.label.rollupPill":"{pillsNotVisibleCount} mais...","Terra.pills.label.showLess":"Mostrar menos","Terra.popup.header.close":"Fechar","Terra.searchField.clear":"Limpar","Terra.searchField.search":"Pesquisar","Terra.searchField.submit-search":"Enviar pesquisa","Terra.showhide.hide":"Ocultar","Terra.showhide.showmore":"Mostrar mais","Terra.slidePanel.defaultPanelLabel":"Painel de detalhes","Terra.slidePanel.discloseWarning":"Algumas ações nesta área do onteúdo podem acarretar mudanças de contexto nos paineis de detalhes.","Terra.slider.ariaDescribedByTextWithLabels":"Ajuste o interruptor para selecionar um valor entre {minimumLabel} ({minimumValue}) e {maximumLabel} ({maximumValue})","Terra.slider.ariaDescribedByTextWithoutLabels":"Ajuste o interruptor para selecionar um valor entre {minimumValue} e {maximumValue}","Terra.status-view.error":"Erro","Terra.status-view.no-data":"Sem resultados","Terra.status-view.no-matching-results":"Não há resultados correspondentes","Terra.status-view.not-authorized":"Não autorizado","Terra.switch.switchstatuslabel.off":"Desativar","Terra.switch.switchstatuslabel.on":"Ativar","Terra.table.all-rows-selected":"Todas as linhas selecionadas","Terra.table.all-rows-unselected":"Nenhuma linha selecionada","Terra.table.blank":"Em branco","Terra.table.cell-focus-trapped":"Foco contido na célula. Pressione Esc para retomar a navegação do grid.","Terra.table.cell-interactable":"Célula contém elementos interativos. Pressione Enter para mover o foco para dentro da célula.","Terra.table.columnError":"Erros associados a coluna","Terra.table.maskedCell":"Dados com máscara","Terra.table.multiple-rows-selected":"{rowCount} linhas selecionadas. ","Terra.table.multiple-rows-unselected":"{rowCount} linhas não selecionadas. ","Terra.table.resize-handle-template":"Redimensionamento da coluna para {columnText}. Pressione Enter para usar.","Terra.table.resize-handle-value-text":"{columnWidth} pixels","Terra.table.resizeHandleValueText":"{columnWidth} pixels de largura na coluna","Terra.table.resume-navigation":"Navegação do grid retomada.","Terra.table.row-index":"Linha {row}","Terra.table.row-selection-cleared-template":"Linha {row} não selecionada. ","Terra.table.row-selection-mode-disabled":"Modo de seleção de linha desativado","Terra.table.row-selection-mode-enabled":"Modo de seleção de linha ativado.","Terra.table.row-selection-template":"Linha {row} selecionada. ","Terra.tabs.addbutton.focus":"pressione ENTER ou a barra de espaço para adicionar uma nova guia","Terra.tabs.cancelDrag":"Movimento cancelado. A guia retornou para sua posição inicial de {startPosition}","Terra.tabs.drag":"Você moveu a guia da posição {startPosition} para a posição {endPosition}","Terra.tabs.drop":"Você desceu a guia. Ela foi movida da posição {startPosition} para {endPosition}","Terra.tabs.focus":"Pressione Enter para ativar uma guia, ou pressione a barra de espaço para selecioná-la.","Terra.tabs.hint.currentTabClosed":" removido","Terra.tabs.hint.hiddenTabs":"{hiddenTabs} itens não exibidos","Terra.tabs.hint.removable":"item removível via tecla Delete ou Backspace","Terra.tabs.hint.tabList":"Contém {numberOfTabs} itens","Terra.tabs.hint.tabMenu":"{hiddenTabs} itens ocultos. Optar por exibir itens {hiddenTabs} ocultos","Terra.tabs.lift":"Você subiu uma guia na posição {startPosition}. Use as teclas de seta para arrastar a guia para uma nova posição. Você não pode movê-la para uma posição além da primeira ou da última. Pressione a barra de espaço para posicionar a guia ou Esc para cancelar.","Terra.tabs.more":"Mais","Terra.tags.hint.removable":"item removível via tecla Delete ou Backspace","Terra.tags.hint.rollupNotVisible":"{tagsNotVisibleCount} itens não exibidos","Terra.tags.hint.rollupTag":"{tagsNotVisibleCount} itens ocultos. Optar por exibir itens {tagsNotVisibleCount} ocultos","Terra.tags.hint.rollupVisible":"{tagsNotVisibleCount} itens ocultos agora são exibidos","Terra.tags.hint.selectable":"para informações adicionais, o botão é selecionável por meio da barra de espaço ou da tecla Enter","Terra.tags.hint.selectableAndRemovable":"item removível via tecla Delete ou Backspace, para informações adicionais, o botão é selecionável por meio da barra de espaço ou da tecla Enter","Terra.tags.hint.showLess":"Optar por ocultar itens","Terra.tags.hint.tagList":"Contém {numberOfTags} itens","Terra.tags.hint.wasRemoved":"{tagLabelName} removido","Terra.tags.label.delete":"Remover {tagLabelName}","Terra.tags.label.rollupTag":"{tagsNotVisibleCount} mais","Terra.tags.label.showLess":"Mostrar menos","Terra.timeInput.a11yLabelDefault":"Hora","Terra.timeInput.am":"a.m.","Terra.timeInput.descriptionMinute":"Minutos com dois dígitos.","Terra.timeInput.descriptionSecond":"Segundos com dois dígitos.","Terra.timeInput.hourDescriptionTwelve":"Formato de 12 horas com dois dígitos.","Terra.timeInput.hourDescriptionTwentyFour":"Formato de 24 horas com dois dígitos.","Terra.timeInput.hourLabel":"{a11yLabel} hora","Terra.timeInput.hours":"Horas","Terra.timeInput.invalidTime":"Insira um horário válido","Terra.timeInput.labeledTextValue":"{a11yLabel} {a11yTimeValue}","Terra.timeInput.maskHourMinute":"(hh:mm)","Terra.timeInput.maskHourMinuteSecond":"(hh:mm:ss)","Terra.timeInput.minutes":"Minutos","Terra.timeInput.pm":"p.m.","Terra.timeInput.seconds":"Segundos","Terra.timeInput.textValueTwelveHourMinute":"{hour}:{minute} {meridiem}","Terra.timeInput.textValueTwelveHourMinuteSecond":"{hour}:{minute}:{second} {meridiem}","Terra.timeInput.textValueTwentyFourHourMinute":"{hour}:{minute}","Terra.timeInput.textValueTwentyFourHourMinuteSecond":"{hour}:{minute}:{second}","Terra.timeInput.timeFormatLabel":"Formato da hora:","Terra.timeInput.timeSpacer":":","terraApplication.actionMenu.headerCloseButtonLabel":"Fechar","terraApplication.errorBoundary.defaultErrorMessage":"Erro no sistema: {errorDetails}","terraApplication.navigation.drawerMenu.navigation":"Itens de navegação","terraApplication.navigation.drawerMenu.utilities":"Itens de utilitários","terraApplication.navigation.extensions.rollupButtonDescription":"Ferramentas adicionais","terraApplication.navigation.extensions.rollupMenuHeaderTitle":"Ferramentas adicionais","terraApplication.navigation.header.menuButtonTitle":"Menu","terraApplication.navigation.header.skipToContentTitle":"Pular para conteúdo","terraApplication.navigation.header.utilityButtonTitleNoUser":"Opções","terraApplication.navigation.header.utilityButtonTitleUser":"Configurações do usuário para: {currentUserName}","terraApplication.navigation.notifications.new":"Novo","terraApplication.navigation.tabs.rollupButtonDescription":"Mais navegação","terraApplication.navigation.tabs.rollupButtonTitle":"Mais","terraApplication.navigation.tabs.rollupMenuHeaderTitle":"Mais navegação","terraApplication.navigation.utilityMenu.headerTitle":"Utilitários","terraApplication.navigation.utilityMenu.help":"Ajuda","terraApplication.navigation.utilityMenu.logout":"Logoff","terraApplication.navigation.utilityMenu.settings":"Configurações","terraApplication.notificationBanner.advisory":"Aviso.","terraApplication.notificationBanner.alert":"Alerta.","terraApplication.notificationBanner.dismiss":"Dispensar","terraApplication.notificationBanner.error":"Erro.","terraApplication.notificationBanner.info":"Informações.","terraApplication.notificationBanner.success":"Sucesso.","terraApplication.notificationBanner.unsatisfied":"Ação obrigatória.","terraApplication.notificationBanner.unverified":"Registros externos.","terraApplication.notificationBanner.warning":"Cuidado.","terraApplication.notifications.newNotificationLabel":"Nova notificação {label}. {bannerType} {bannerDescription}, {bannerAction}, {bannerDismiss}.","terraApplication.notifications.regionLabel":"{label} notificações.","terraApplication.notifications.removedNotificationLabel":"Notificação {label} removida. {bannerType} {bannerDescription}.","terraApplication.notifications.totalCountLabel":"Total de notificações {label}: {count}","terraApplication.statusLayout.error":"Erro","terraApplication.statusLayout.no-data":"Não há resultados","terraApplication.statusLayout.no-matching-results":"Não há resultados correspondentes","terraApplication.statusLayout.not-authorized":"Não autorizado","terraApplication.unsavedChangesPrompt.acceptButtonText":"Não salvar","terraApplication.unsavedChangesPrompt.multiplePromptMessageIntro":"Alterações não salvas feitas em:","terraApplication.unsavedChangesPrompt.multiplePromptMessageOutro":"Se você não as salvar, essas alterações serão perdidas. Deseja continuar?","terraApplication.unsavedChangesPrompt.rejectButtonText":"Continuar editando","terraApplication.unsavedChangesPrompt.singlePromptMessage":"Alterações não salvas feitas em {promptDescription}.","terraApplication.unsavedChangesPrompt.title":"Alterações sem salvar","terraApplication.workspace.activityOverlay.loading":"Carregando...","terraApplication.workspace.hideWorkspaceLabel":"Ocultar espaço de trabalho","terraApplication.workspace.showWorkspaceLabel":"Mostrar espaço de trabalho","terraApplication.workspace.skipToLabel":"Pular para espaço de trabalho","terraApplication.workspace.workspaceLabel":"Espaço de trabalho","terraApplication.workspace.workspaceSettingsLabel":"Configurações do espaço de trabalho","terraDevSite.pageActivityOverlayContainer.loading":"Carregando...","terraDevSite.pageHeader.actionsMenu":"{label} Actions","terraDevSite.pageHeader.back":"Voltar","terraDevSite.pageHeader.moreActions":"More Actions"}},68333:function(e){e.exports=function(){"use strict";return[{locale:"pt",pluralRuleFunction:function(e,a){var r=String(e).split(".")[0];return a?"other":0==r||1==r?"one":"other"},fields:{year:{displayName:"ano",relative:{0:"este ano",1:"próximo ano","-1":"ano passado"},relativeTime:{future:{one:"em {0} ano",other:"em {0} anos"},past:{one:"há {0} ano",other:"há {0} anos"}}},"year-short":{displayName:"ano",relative:{0:"este ano",1:"próximo ano","-1":"ano passado"},relativeTime:{future:{one:"em {0} ano",other:"em {0} anos"},past:{one:"há {0} ano",other:"há {0} anos"}}},month:{displayName:"mês",relative:{0:"este mês",1:"próximo mês","-1":"mês passado"},relativeTime:{future:{one:"em {0} mês",other:"em {0} meses"},past:{one:"há {0} mês",other:"há {0} meses"}}},"month-short":{displayName:"mês",relative:{0:"este mês",1:"próximo mês","-1":"mês passado"},relativeTime:{future:{one:"em {0} mês",other:"em {0} meses"},past:{one:"há {0} mês",other:"há {0} meses"}}},day:{displayName:"dia",relative:{0:"hoje",1:"amanhã",2:"depois de amanhã","-2":"anteontem","-1":"ontem"},relativeTime:{future:{one:"em {0} dia",other:"em {0} dias"},past:{one:"há {0} dia",other:"há {0} dias"}}},"day-short":{displayName:"dia",relative:{0:"hoje",1:"amanhã",2:"depois de amanhã","-2":"anteontem","-1":"ontem"},relativeTime:{future:{one:"em {0} dia",other:"em {0} dias"},past:{one:"há {0} dia",other:"há {0} dias"}}},hour:{displayName:"hora",relative:{0:"esta hora"},relativeTime:{future:{one:"em {0} hora",other:"em {0} horas"},past:{one:"há {0} hora",other:"há {0} horas"}}},"hour-short":{displayName:"h",relative:{0:"esta hora"},relativeTime:{future:{one:"em {0} h",other:"em {0} h"},past:{one:"há {0} h",other:"há {0} h"}}},minute:{displayName:"minuto",relative:{0:"este minuto"},relativeTime:{future:{one:"em {0} minuto",other:"em {0} minutos"},past:{one:"há {0} minuto",other:"há {0} minutos"}}},"minute-short":{displayName:"min.",relative:{0:"este minuto"},relativeTime:{future:{one:"em {0} min.",other:"em {0} min."},past:{one:"há {0} min.",other:"há {0} min."}}},second:{displayName:"segundo",relative:{0:"agora"},relativeTime:{future:{one:"em {0} segundo",other:"em {0} segundos"},past:{one:"há {0} segundo",other:"há {0} segundos"}}},"second-short":{displayName:"seg.",relative:{0:"agora"},relativeTime:{future:{one:"em {0} seg.",other:"em {0} seg."},past:{one:"há {0} seg.",other:"há {0} seg."}}}}},{locale:"pt-AO",parentLocale:"pt-PT"},{locale:"pt-PT",parentLocale:"pt",pluralRuleFunction:function(e,a){var r=!String(e).split(".")[1];return a?"other":1==e&&r?"one":"other"},fields:{year:{displayName:"ano",relative:{0:"este ano",1:"próximo ano","-1":"ano passado"},relativeTime:{future:{one:"dentro de {0} ano",other:"dentro de {0} anos"},past:{one:"há {0} ano",other:"há {0} anos"}}},"year-short":{displayName:"ano",relative:{0:"este ano",1:"próximo ano","-1":"ano passado"},relativeTime:{future:{one:"dentro de {0} ano",other:"dentro de {0} anos"},past:{one:"há {0} ano",other:"há {0} anos"}}},month:{displayName:"mês",relative:{0:"este mês",1:"próximo mês","-1":"mês passado"},relativeTime:{future:{one:"dentro de {0} mês",other:"dentro de {0} meses"},past:{one:"há {0} mês",other:"há {0} meses"}}},"month-short":{displayName:"mês",relative:{0:"este mês",1:"próximo mês","-1":"mês passado"},relativeTime:{future:{one:"dentro de {0} mês",other:"dentro de {0} meses"},past:{one:"há {0} mês",other:"há {0} meses"}}},day:{displayName:"dia",relative:{0:"hoje",1:"amanhã",2:"depois de amanhã","-2":"anteontem","-1":"ontem"},relativeTime:{future:{one:"dentro de {0} dia",other:"dentro de {0} dias"},past:{one:"há {0} dia",other:"há {0} dias"}}},"day-short":{displayName:"dia",relative:{0:"hoje",1:"amanhã",2:"depois de amanhã","-2":"anteontem","-1":"ontem"},relativeTime:{future:{one:"dentro de {0} dia",other:"dentro de {0} dias"},past:{one:"há {0} dia",other:"há {0} dias"}}},hour:{displayName:"hora",relative:{0:"esta hora"},relativeTime:{future:{one:"dentro de {0} hora",other:"dentro de {0} horas"},past:{one:"há {0} hora",other:"há {0} horas"}}},"hour-short":{displayName:"h",relative:{0:"esta hora"},relativeTime:{future:{one:"dentro de {0} h",other:"dentro de {0} h"},past:{one:"há {0} h",other:"há {0} h"}}},minute:{displayName:"minuto",relative:{0:"este minuto"},relativeTime:{future:{one:"dentro de {0} minuto",other:"dentro de {0} minutos"},past:{one:"há {0} minuto",other:"há {0} minutos"}}},"minute-short":{displayName:"min",relative:{0:"este minuto"},relativeTime:{future:{one:"dentro de {0} min",other:"dentro de {0} min"},past:{one:"há {0} min",other:"há {0} min"}}},second:{displayName:"segundo",relative:{0:"agora"},relativeTime:{future:{one:"dentro de {0} segundo",other:"dentro de {0} segundos"},past:{one:"há {0} segundo",other:"há {0} segundos"}}},"second-short":{displayName:"s",relative:{0:"agora"},relativeTime:{future:{one:"dentro de {0} s",other:"dentro de {0} s"},past:{one:"há {0} s",other:"há {0} s"}}}}},{locale:"pt-CH",parentLocale:"pt-PT"},{locale:"pt-CV",parentLocale:"pt-PT"},{locale:"pt-GQ",parentLocale:"pt-PT"},{locale:"pt-GW",parentLocale:"pt-PT"},{locale:"pt-LU",parentLocale:"pt-PT"},{locale:"pt-MO",parentLocale:"pt-PT"},{locale:"pt-MZ",parentLocale:"pt-PT"},{locale:"pt-ST",parentLocale:"pt-PT"},{locale:"pt-TL",parentLocale:"pt-PT"}]}()}}]); \ No newline at end of file diff --git a/redirect-86387bd24ad78d63d0df.js b/redirect-86387bd24ad78d63d0df.js new file mode 100644 index 000000000..ebfcfb091 --- /dev/null +++ b/redirect-86387bd24ad78d63d0df.js @@ -0,0 +1 @@ +!function(){var t={16673:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=function(){try{return window.sessionStorage}catch(t){return void 0}};e.default=o},64836:function(t){t.exports=function(t){return t&&t.__esModule?t:{default:t}},t.exports.__esModule=!0,t.exports.default=t.exports}},e={};function o(r){var n=e[r];if(void 0!==n)return n.exports;var i=e[r]={exports:{}};return t[r](i,i.exports,o),i.exports}!function(){"use strict";void 0!==(0,o(64836)(o(16673)).default)()&&(window.sessionStorage.redirect=window.location.href),window.location.pathname="".concat("/terra-ui","/")}()}(); \ No newline at end of file diff --git a/rewriteHistory-1ccbc8d460089672d793.js b/rewriteHistory-1ccbc8d460089672d793.js new file mode 100644 index 000000000..cf488c350 --- /dev/null +++ b/rewriteHistory-1ccbc8d460089672d793.js @@ -0,0 +1 @@ +!function(){var e={16673:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){try{return window.sessionStorage}catch(e){return void 0}};t.default=r},64836:function(e){e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var i=t[o]={exports:{}};return e[o](i,i.exports,r),i.exports}!function(){"use strict";if(void 0!==(0,r(64836)(r(16673)).default)()){var e=window.sessionStorage.redirect;delete sessionStorage.redirect,e&&e!==window.location.href&&window.history.replaceState(null,null,e)}}()}(); \ No newline at end of file diff --git a/sv-SE-intl-local-23fba108a0b7cbcb71a1.js b/sv-SE-intl-local-23fba108a0b7cbcb71a1.js new file mode 100644 index 000000000..9ca499629 --- /dev/null +++ b/sv-SE-intl-local-23fba108a0b7cbcb71a1.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[70701],{82375:function(){IntlPolyfill.__addLocaleData({locale:"sv-SE",date:{ca:["gregory","buddhist","chinese","coptic","dangi","ethioaa","ethiopic","generic","hebrew","indian","islamic","islamicc","japanese","persian","roc"],hourNo0:!0,hour12:!1,formats:{short:"{1} {0}",medium:"{1} {0}",full:"{1} {0}",long:"{1} {0}",availableFormats:{d:"d",E:"ccc",Ed:"E d",Ehm:"E h:mm a",EHm:"E HH:mm",Ehms:"E h:mm:ss a",EHms:"E HH:mm:ss",Gy:"y G",GyMMM:"MMM y G",GyMMMd:"d MMM y G",GyMMMEd:"E d MMM y G",h:"h a",H:"HH",hm:"h:mm a",Hm:"HH:mm",hms:"h:mm:ss a",Hms:"HH:mm:ss",hmsv:"h:mm:ss a v",Hmsv:"HH:mm:ss v",hmv:"h:mm a v",Hmv:"HH:mm v",M:"L",Md:"d/M",MEd:"E d/M",MMd:"d/M",MMdd:"dd/MM",MMM:"LLL",MMMd:"d MMM",MMMEd:"E d MMM",MMMMd:"d MMMM",MMMMEd:"E d MMMM",ms:"mm:ss",y:"y",yM:"y-MM",yMd:"y-MM-dd",yMEd:"E, y-MM-dd",yMM:"y-MM",yMMM:"MMM y",yMMMd:"d MMM y",yMMMEd:"E d MMM y",yMMMM:"MMMM y",yQQQ:"QQQ y",yQQQQ:"QQQQ y"},dateFormats:{yMMMMEEEEd:"EEEE d MMMM y",yMMMMd:"d MMMM y",yMMMd:"d MMM y",yMd:"y-MM-dd"},timeFormats:{hmmsszzzz:"'kl'. HH:mm:ss zzzz",hmsz:"HH:mm:ss z",hms:"HH:mm:ss",hm:"HH:mm"}},calendars:{buddhist:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mars","apr.","maj","juni","juli","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["BE"],short:["BE"],long:["BE"]},dayPeriods:{am:"fm",pm:"em"}},chinese:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"],long:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},dayPeriods:{am:"fm",pm:"em"}},coptic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["tout","bâbâ","hâtour","kiahk","toubah","amshîr","barmahât","barmoudah","bashans","ba’ounah","abîb","misra","al-nasi"],long:["tout","bâbâ","hâtour","kiahk","toubah","amshîr","barmahât","barmoudah","bashans","ba’ounah","abîb","misra","al-nasi"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"fm",pm:"em"}},dangi:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"],long:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},dayPeriods:{am:"fm",pm:"em"}},ethiopic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["mäskäräm","teqemt","hedar","tahesas","ter","yäkatit","mägabit","miyazya","guenbot","säné","hamlé","nähasé","pagumén"],long:["mäskäräm","teqemt","hedar","tahesas","ter","yäkatit","mägabit","miyazya","guenbot","säné","hamlé","nähasé","pagumén"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"fm",pm:"em"}},ethioaa:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["mäskäräm","teqemt","hedar","tahesas","ter","yäkatit","mägabit","miyazya","guenbot","säné","hamlé","nähasé","pagumén"],long:["mäskäräm","teqemt","hedar","tahesas","ter","yäkatit","mägabit","miyazya","guenbot","säné","hamlé","nähasé","pagumén"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["ERA0"],short:["ERA0"],long:["ERA0"]},dayPeriods:{am:"fm",pm:"em"}},generic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"],long:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"fm",pm:"em"}},gregory:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mars","apr.","maj","juni","juli","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["f.Kr.","e.Kr.","fvt","vt"],short:["f.Kr.","e.Kr.","f.v.t.","v.t."],long:["före Kristus","efter Kristus","före västerländsk tideräkning","västerländsk tideräkning"]},dayPeriods:{am:"fm",pm:"em"}},hebrew:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13","7"],short:["tishrí","heshván","kislév","tevét","shevát","adár I","adár","nisán","ijjár","siván","tammúz","ab","elúl","adár II"],long:["tishrí","heshván","kislév","tevét","shevát","adár I","adár","nisán","ijjár","siván","tammúz","ab","elúl","adár II"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["AM"],short:["AM"],long:["AM"]},dayPeriods:{am:"fm",pm:"em"}},indian:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["chaitra","vaishākh","jyaishtha","āshādha","shrāvana","bhādrapad","āshwin","kārtik","mārgashīrsha","paush","māgh","phālgun"],long:["chaitra","vaishākh","jyaishtha","āshādha","shrāvana","bhādrapad","āshwin","kārtik","mārgashīrsha","paush","māgh","phālgun"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["SAKA"],short:["SAKA"],long:["Saka-eran"]},dayPeriods:{am:"fm",pm:"em"}},islamic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Muh.","Saf.","Rab. I","Rab. II","Jum. I","Jum. II","Raj.","Sha.","Ram.","Shaw.","Dhuʻl-Q.","Dhuʻl-H."],long:["muharram","safar","rabi’ al-awwal","rabi’ al-akhir","jumada-l-ula","jumada-l-akhira","rajab","sha’ban","ramadan","shawwal","dhu-l-ga’da","dhu-l-hijja"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["AH"],short:["AH"],long:["AH"]},dayPeriods:{am:"fm",pm:"em"}},islamicc:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Muh.","Saf.","Rab. I","Rab. II","Jum. I","Jum. II","Raj.","Sha.","Ram.","Shaw.","Dhuʻl-Q.","Dhuʻl-H."],long:["muharram","safar","rabi’ al-awwal","rabi’ al-akhir","jumada-l-ula","jumada-l-akhira","rajab","sha’ban","ramadan","shawwal","dhu-l-ga’da","dhu-l-hijja"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["AH"],short:["AH"],long:["AH"]},dayPeriods:{am:"fm",pm:"em"}},japanese:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mars","apr.","maj","juni","juli","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kahō (1094–1096)","Eichō (1096–1097)","Jōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen’ei (1118–1120)","Hōan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hōen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hōgen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken’ei (1206–1207)","Jōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Jōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tenpuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En’ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun’ō (1260–1261)","Kōchō (1261–1264)","Bun’ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkyō (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkō (1321–1324)","Shōchū (1324–1326)","Karyaku (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kenmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun’an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenbun (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genna (1615–1624)","Kan’ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Jōō (1652–1655)","Meireki (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenna (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan’en (1748–1751)","Hōreki (1751–1764)","Meiwa (1764–1772)","An’ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man’en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","M","T","S","H"],short:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tempyō (729–749)","Tempyō-kampō (749–749)","Tempyō-shōhō (749–757)","Tempyō-hōji (757–765)","Temphō-jingo (765–767)","Jingo-keiun (767–770)","Hōki (770–780)","Ten-ō (781–782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saiko (854–857)","Tennan (857–859)","Jōgan (859–877)","Genkei (877–885)","Ninna (885–889)","Kampyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Shōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten-en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Ei-en (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eiho (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kaho (1094–1096)","Eichō (1096–1097)","Shōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110–1113)","Eikyū (1113–1118)","Gen-ei (1118–1120)","Hoan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hoen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Tenyō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hogen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin-an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryuku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken-ei (1206–1207)","Shōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Shōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tempuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En-ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun-ō (1260–1261)","Kōchō (1261–1264)","Bun-ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkei (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkyō (1321–1324)","Shōchū (1324–1326)","Kareki (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kemmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun-an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenmon (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genwa (1615–1624)","Kan-ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Shōō (1652–1655)","Meiryaku (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenwa (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan-en (1748–1751)","Hōryaku (1751–1764)","Meiwa (1764–1772)","An-ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man-en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","Meiji","Taishō","Shōwa","Heisei"],long:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tempyō (729–749)","Tempyō-kampō (749–749)","Tempyō-shōhō (749–757)","Tempyō-hōji (757–765)","Temphō-jingo (765–767)","Jingo-keiun (767–770)","Hōki (770–780)","Ten-ō (781–782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saiko (854–857)","Tennan (857–859)","Jōgan (859–877)","Genkei (877–885)","Ninna (885–889)","Kampyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Shōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten-en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Ei-en (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eiho (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kaho (1094–1096)","Eichō (1096–1097)","Shōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110–1113)","Eikyū (1113–1118)","Gen-ei (1118–1120)","Hoan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hoen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Tenyō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hogen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin-an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryuku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken-ei (1206–1207)","Shōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Shōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tempuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En-ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun-ō (1260–1261)","Kōchō (1261–1264)","Bun-ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkei (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkyō (1321–1324)","Shōchū (1324–1326)","Kareki (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kemmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun-an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenmon (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genwa (1615–1624)","Kan-ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Shōō (1652–1655)","Meiryaku (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenwa (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan-en (1748–1751)","Hōryaku (1751–1764)","Meiwa (1764–1772)","An-ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man-en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","Meiji","Taishō","Shōwa","Heisei"]},dayPeriods:{am:"fm",pm:"em"}},persian:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["farvardin","ordibehesht","khordād","tir","mordād","shahrivar","mehr","ābān","āzar","dey","bahman","esfand"],long:["farvardin","ordibehesht","khordād","tir","mordād","shahrivar","mehr","ābān","āzar","dey","bahman","esfand"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["AP"],short:["AP"],long:["AP"]},dayPeriods:{am:"fm",pm:"em"}},roc:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mars","apr.","maj","juni","juli","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["före R.K.","R.K."],short:["före R.K.","R.K."],long:["före R.K.","R.K."]},dayPeriods:{am:"fm",pm:"em"}}}},number:{nu:["latn"],patterns:{decimal:{positivePattern:"{number}",negativePattern:"{minusSign}{number}"},currency:{positivePattern:"{number} {currency}",negativePattern:"{minusSign}{number} {currency}"},percent:{positivePattern:"{number} {percentSign}",negativePattern:"{minusSign}{number} {percentSign}"}},symbols:{latn:{decimal:",",group:" ",nan:"¤¤¤",plusSign:"+",minusSign:"−",percentSign:"%",infinity:"∞"}},currencies:{BBD:"Bds$",BMD:"BM$",BRL:"BR$",BSD:"BS$",BZD:"BZ$",CAD:"CA$",DKK:"Dkr",DOP:"RD$",EEK:"Ekr",EGP:"EG£",EUR:"€",ILS:"₪",ISK:"Ikr",JMD:"JM$",MXN:"MX$",NOK:"Nkr",SEK:"kr",USD:"US$",XAF:"FCFA",XCD:"EC$",XOF:"CFA",XPF:"CFPF"}}})}}]); \ No newline at end of file diff --git a/sv-SE-translations-14998abd41b10fc9ea74.js b/sv-SE-translations-14998abd41b10fc9ea74.js new file mode 100644 index 000000000..9904f1b57 --- /dev/null +++ b/sv-SE-translations-14998abd41b10fc9ea74.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[72870],{19643:function(e,a,r){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.messages=a.locale=a.areTranslationsLoaded=void 0;var t,n=r(25387),i=r(44683),l=(t=i)&&t.__esModule?t:{default:t};(0,n.addLocaleData)(l.default);a.areTranslationsLoaded=!0,a.locale="sv-SE",a.messages={"Terra.AbstractModal.BeginModalDialog":"Börja modal dialog","Terra.AbstractModal.EndModalDialog":"Avsluta modal dialog","Terra.actionHeader.back":"Tillbaka","Terra.actionHeader.close":"Stäng","Terra.actionHeader.close.description":"Välj knappen för att stänga {text}","Terra.actionHeader.maximize":"Maximera","Terra.actionHeader.maximize.description":"Välj knappen för att maximera {text}","Terra.actionHeader.minimize":"Minimera","Terra.actionHeader.minimize.description":"Välj knappen för att minimera {text}","Terra.actionHeader.next":"Nästa","Terra.actionHeader.previous":"Föregående","Terra.ajax.error":"Innehållet lästes inte in.","Terra.alert.advisory":"Rekommendation.","Terra.alert.alert":"Varning.","Terra.alert.dismiss":"Stäng","Terra.alert.error":"Fel.","Terra.alert.info":"Information.","Terra.alert.success":"Klar.","Terra.alert.unsatisfied":"Åtgärd krävs.","Terra.alert.unverified":"Externa journaler.","Terra.alert.warning":"Obs!","Terra.avatar.deceased":"Avliden","Terra.badge.intent.info":"info","Terra.badge.intent.negative":"negativ","Terra.badge.intent.positive":"positiv","Terra.badge.intent.primary":"primär","Terra.badge.intent.secondary":"sekundär","Terra.badge.intent.warning":"varning","Terra.clinicalResult.additionalResults":"{numberOfAdditionalResults} ytterligare resultat","Terra.clinicalResult.bloodPressure":"Blodtryck","Terra.clinicalResult.includesAdditionalValuesAria":"Resultatet innehåller fler värden","Terra.clinicalResult.interpretationAbnormal":"Onormalt","Terra.clinicalResult.interpretationCritical":"Kritiskt","Terra.clinicalResult.interpretationCriticalAbnormal":"Kritiskt onormalt","Terra.clinicalResult.interpretationCriticalHigh":"Kritiskt högt","Terra.clinicalResult.interpretationCriticalLow":"Kritiskt lågt","Terra.clinicalResult.interpretationHigh":"Högt","Terra.clinicalResult.interpretationLow":"Lågt","Terra.clinicalResult.interpretationOutOfRangeHigh":"Utanför intervall, högt","Terra.clinicalResult.interpretationOutOfRangeLow":"Utanför intervall, lågt","Terra.clinicalResult.interpretationPositive":"Positiv","Terra.clinicalResult.resultComment":"Resultatet innehåller en kommentar","Terra.clinicalResult.resultError":"Fel","Terra.clinicalResult.resultModified":"Ändrat resultat","Terra.clinicalResult.resultNoData":"Inga resultat","Terra.clinicalResult.resultUnverified":"Overifierat resultat","Terra.clinicalResult.selectToViewAria":"Välj för att visa fler uppgifter.","Terra.clinicalResult.statusInError":"Felaktig","Terra.clinicalResult.statusInErrorHiddenText":"Värdet togs bort eftersom det var felaktigt","Terra.clinicalResult.statusInErrorStrikethrough":"Resultatet {strikethroughResult} har angetts felaktigt","Terra.clinicalResult.viewResults":"Visa resultat","Terra.collapsibleMenuView.more":"Mer","Terra.data-grid.navigate":"Gå till datarutnät","Terra.data-grid.row-selection-template":"Välj: {rowDescription}","Terra.date.input.april":"April","Terra.date.input.august":"Augusti","Terra.date.input.dateFormatLabel":"Datumformat:","Terra.date.input.dayDescription":"Ett tvåsiffrigt tal","Terra.date.input.dayInputLabel":"Dag","Terra.date.input.dayInputLabelWithDefaultName":"Dag i datum","Terra.date.input.dayInputLabelWithName":"Dag i {a11yLabel}","Terra.date.input.december":"December","Terra.date.input.february":"Februari","Terra.date.input.formatDayMonthYear":"DD månad ÅÅÅÅ","Terra.date.input.formatMonthDayYear":"månad DD ÅÅÅÅ","Terra.date.input.hotKey":"Tryck på T för att ange aktuellt datum, plus-tangenten för nästa datum och minus-tangenten för föregående datum","Terra.date.input.january":"Januari","Terra.date.input.july":"Juli","Terra.date.input.june":"Juni","Terra.date.input.labelDefault":"Datum","Terra.date.input.march":"Mars","Terra.date.input.may":"Maj","Terra.date.input.monthPlaceholder":"- Välj -","Terra.date.input.monthSelectLabel":"Månad","Terra.date.input.monthSelectLabelWithDefaultName":"Månad i datum","Terra.date.input.monthSelectLabelWithName":"Månad i {a11yLabel}","Terra.date.input.november":"November","Terra.date.input.october":"Oktober","Terra.date.input.optional":"(valfri)","Terra.date.input.required":"Obligatoriskt","Terra.date.input.september":"September","Terra.date.input.yearDescription":"Ett fyrsiffrigt tal","Terra.date.input.yearLabel":"år","Terra.datePicker.calendarInstructions":"Använd piltangenterna för att ändra urval. Tryck Enter för att välja ett datum. Tryck Escape för att stänga Datumväljaren.","Terra.datePicker.closeCalendar":"Stäng","Terra.datePicker.date":"Datum","Terra.datePicker.dateFormat":"ÅÅÅÅ-MM-DD","Terra.datePicker.dateFormatLabel":"Datumformat:","Terra.datePicker.dayLabel":"Dag","Terra.datePicker.disabled":"Inaktiverad","Terra.datePicker.hotKey":"Tryck på T för att ange aktuellt datum, plus-tangenten för nästa datum och minus-tangenten för föregående datum","Terra.datePicker.invalidDate":"Ange ett giltigt datum","Terra.datePicker.monthLabel":"Månad","Terra.datePicker.nextMonth":"Nästa månad","Terra.datePicker.openCalendar":"Öppna kalender","Terra.datePicker.previousMonth":"Föregående månad","Terra.datePicker.selected":"valt.","Terra.datePicker.today":"I dag","Terra.datePicker.yearLabel":"År","Terra.dateTimePicker.timeClarification.button.daylightSaving":"Före (som sommartid)","Terra.dateTimePicker.timeClarification.button.standardTime":"Efter (som vintertid)","Terra.dateTimePicker.timeClarification.message":"Tiden som valts inträffar vid övergång från sommartid till vintertid. Vill du att tiden ska anges som sommartid eller vintertid?","Terra.dateTimePicker.timeClarification.title":"Tidsförklaring","Terra.demographicsBanner.age":"Ålder","Terra.demographicsBanner.dateOfBirth":"Födelsedatum","Terra.demographicsBanner.dateOfBirthFullText":"Födelsedatum","Terra.demographicsBanner.deceased":"Avliden","Terra.demographicsBanner.gender":"Kön","Terra.demographicsBanner.gestationalAge":"Graviditetslängd","Terra.demographicsBanner.gestationalAgeFullText":"Graviditetslängd","Terra.demographicsBanner.noDataProvided":"--","Terra.demographicsBanner.postMenstrualAge":"Graviditetslängd + ålder","Terra.demographicsBanner.postMenstrualAgeFullText":"Graviditetslängd + ålder","Terra.dialog.close":"Stäng","Terra.dropdownButton.activeOption":"{currentItemLabel},({currentIndex} av {totalItems})","Terra.dropdownButton.expanded":"Visad knapp","Terra.dropdownButton.moreOptions":"Fler alternativ","Terra.dropdownButton.selected":"Vald","Terra.embeddedContentConsumer.beginEmbeddedContent":"Starta inbäddat innehåll, {name}","Terra.embeddedContentConsumer.endEmbeddedContent":"Avsluta inbäddat innehåll, {name}","Terra.flowsheetDataGrid.cells-selected":"{cellCount} celler har valts.","Terra.flowsheetDataGrid.no-cells-selected":"Inga celler har valts.","Terra.flowsheetDataGrid.no-result":"Inga resultat","Terra.flowsheetDataGrid.no-result-display":"--","Terra.form.field.optional":"(valfri)","Terra.form.field.required":"Obligatorisk","Terra.form.select.activeOption":"{text} {index} av {totalOptions}.","Terra.form.select.add":'Lägg till "{text}"',"Terra.form.select.ariaLabel":"Sök","Terra.form.select.clearSelect":"Ta bort markering","Terra.form.select.collapsed":"Dold kombinationsruta.","Terra.form.select.defaultComboboxDisplay":"Välj eller ange","Terra.form.select.defaultDisplay":"- Välj -","Terra.form.select.defaultUsageGuidance":"Använd upp- och nedpilarna för att navigera mellan alternativen. Tryck på Enter för att väklja ett alternativ.","Terra.form.select.dimmed":"Inaktiverad.","Terra.form.select.disabled":"Inaktiverad.","Terra.form.select.expanded":"Visad kombinationsruta.","Terra.form.select.listOfTotalOptions":"Lista med alternativ.","Terra.form.select.maxSelectionHelp":"Max {text} objekt.","Terra.form.select.maxSelectionOption":"Maxantalet {text} objekt har valts","Terra.form.select.menu":"Meny","Terra.form.select.mobileButtonUsageGuidance":"Tryck för att navigera till alternativen.","Terra.form.select.mobileUsageGuidance":"Bläddra åt höger för att navigera till alternativen.","Terra.form.select.multiSelectUsageGuidance":"Ange text eller använd upp- och nedpilarna för att navigera genom alternativen. Tryck på Enter för att markera eller avmarkera ett alternativ.","Terra.form.select.noResults":'Inga matchande resultat för "{text}"',"Terra.form.select.of":"av","Terra.form.select.optGroup":"Grupp {text}","Terra.form.select.option":"Alternativ","Terra.form.select.resultsText":'Resultat som innehåller "{text}"',"Terra.form.select.searchUsageGuidance":"Ange text eller använd upp- och nedpilarna för att navigera genom alternativen. Tryck på Enter för att välja ett alternativ.","Terra.form.select.selectCleared":"Välj omarkerat värde","Terra.form.select.selected":"Vald.","Terra.form.select.selectedText":"{text} vald. {index} av {totalOptions}.","Terra.form.select.unselected":"Omarkerad.","Terra.form.select.unselectedText":"{text} avmarkerad.","Terra.hyperlink.iconLabel.audio":"(öppnar en ljudfil)","Terra.hyperlink.iconLabel.document":"(öppnar ett dokument)","Terra.hyperlink.iconLabel.external":"(öppnar en extern sida eller ett program)","Terra.hyperlink.iconLabel.image":"(öppnar en bildfil)","Terra.hyperlink.iconLabel.video":"(öppnar en video)","Terra.icon.IconConsultInstructionsForUse.title":"Indikator för elektroniska bruksanvisningar (eIFU)","Terra.InfiniteList.loading":"Läser in ...","Terra.itemDisplay.comment":"Kommentar","Terra.itemDisplay.textStyleMeaningEnd":"{textStyleMeaning} slut","Terra.itemDisplay.textStyleMeaningStrikethrough":"borttagning","Terra.itemDisplay.textStyleMeaningStrikethroughEnd":"slut på borttagning","Terra.list.cancelDrag":"Förflyttningen avbröts. Objektet har återgått till startplats {startPosition}","Terra.list.drag":"Du har flyttat objektet från plats {startPosition} till plats {endPosition}","Terra.list.drop":"Du har tappat objektet. Du har flyttat objektet från plats {startPosition} till plats {endPosition}","Terra.list.focus":"Börja dra genom att trycka på blankstegstangenten. När du drar kan du flytta objektet genom att använda piltangenterna och avbryta genom att trycka på Esc-tangenten","Terra.list.lift":"Du har lyft ett objekt på plats {startPosition}. Dra objektet till en ny plats genom att använda piltangenterna. Släpp objektet genom att trycka på blankstegstangenten eller avbryt genom att trycka på Esc-tangenten.","Terra.list.multiSelect":"Flervalslista – tryck på retur- eller blankstegstangenten för att markera eller avmarkera objekt","Terra.list.singleSelect":"Enkelvalslista – tryck på retur- eller blankstegstangenten för att markera eller avmarkera objekt","Terra.menu.back":"Tillbaka","Terra.menu.close":"Stäng","Terra.menu.exitSubmenu":"för att stänga undermenyn trycker du på vänsterpilen eller navigerar till knappen Tillbaka","Terra.menu.index":"({index} av {totalItems})","Terra.menu.itemWithSubmenu":"med undermenykommandon","Terra.menu.navigateMenuItem":"Tryck på uppåtpilen och nedåtpilen för att navigera mellan kommandon","Terra.menu.selected":"valt","Terra.menu.unselected":"ej valt","Terra.navigation.side.menu.selected":"Vald","Terra.notification.dialog.error":"Fel","Terra.notification.dialog.hazard-high":"Avisering","Terra.notification.dialog.hazard-low":"Information","Terra.notification.dialog.hazard-medium":"Varning","Terra.onsetPicker.age":"Ålder","Terra.onsetPicker.ageLabel":"Ange ålder","Terra.onsetPicker.agePrecision":"Åldersprecision","Terra.onsetPicker.agePrecisionLabel":"Välj åldersprecision","Terra.onsetPicker.agePrecisionMonth":"Månader","Terra.onsetPicker.agePrecisionWeek":"Veckor","Terra.onsetPicker.agePrecisionYear":"År","Terra.onsetPicker.april":"April","Terra.onsetPicker.august":"Augusti","Terra.onsetPicker.date":"Datum","Terra.onsetPicker.dateLabel":"Välj datum","Terra.onsetPicker.december":"December","Terra.onsetPicker.february":"Februari","Terra.onsetPicker.granularity":"Granularitet","Terra.onsetPicker.granularityLabel":"Välj datumgranularitet","Terra.onsetPicker.january":"Januari","Terra.onsetPicker.july":"Juli","Terra.onsetPicker.june":"Juni","Terra.onsetPicker.march":"Mars","Terra.onsetPicker.may":"Maj","Terra.onsetPicker.month":"Månad","Terra.onsetPicker.monthLabel":"Välj månad","Terra.onsetPicker.november":"November","Terra.onsetPicker.october":"Oktober","Terra.onsetPicker.precision":"Precision","Terra.onsetPicker.precisionAbout":"Omkring","Terra.onsetPicker.precisionAfter":"Efter","Terra.onsetPicker.precisionBefore":"Före","Terra.onsetPicker.precisionLabel":"Välj datumprecision","Terra.onsetPicker.precisionOnAt":"Den/vid","Terra.onsetPicker.precisionUnknown":"Okänt","Terra.onsetPicker.september":"September","Terra.onsetPicker.year":"År","Terra.onsetPicker.yearLabel":"Välj år","Terra.Overlay.loading":"Läser in ...","Terra.paginator.customPageSelected":"{pageLabel} har valts","Terra.paginator.customPageSelectedWithCount":"{pageLabel} {pageNumber} av {pageNumberTotal} har valts","Terra.paginator.first":"Första","Terra.paginator.last":"Sista","Terra.paginator.next":"Nästa","Terra.paginator.pageCount":"Sida {pageNumber} av {pageNumberTotal}","Terra.paginator.pageCountWithLabel":"{pageLabel} {pageNumber} av {pageNumberTotal}","Terra.paginator.pageIndex":"Sida {pageNumber}","Terra.paginator.pageIndexWithLabel":"{pageLabel} {pageNumber}","Terra.paginator.pageSelected":"Sida {pageNumber} har valts","Terra.paginator.pageSelectedWithCount":"Sida {pageNumber} av {pageNumberTotal} har valts","Terra.paginator.previous":"Föregående","Terra.pills.hint.pillList":"Innehåller {numberOfPills} objekt","Terra.pills.hint.removable":"objektet kan tas bort med Delete-tangenten eller Backstegstangenten","Terra.pills.hint.rollupNotVisible":"{pillsNotVisibleCount} objekt visas inte","Terra.pills.hint.rollupPill":"{pillsNotVisibleCount} objekt är dolda. Välj för att visa {pillsNotVisibleCount} dolda objekt","Terra.pills.hint.rollupVisible":"{pillsNotVisibleCount} dolda objekt visas nu","Terra.pills.hint.selectable":"för ytterligare information kan knappen väljas med Blankstegstangenten eller Retur-tangenten.","Terra.pills.hint.selectableAndRemovable":"objektet kan tas bort med Delete-tangenten eller Backstegstangenten, för ytterligare information kan knappen väljas med Blankstegstangenten eller Retur-tangenten","Terra.pills.hint.showLess":"välj för att dölja objekt","Terra.pills.hint.wasRemoved":"{pillLabelName} har tagits bort","Terra.pills.label.delete":"Ta bort {pillLabelName}","Terra.pills.label.rollupPill":"{pillsNotVisibleCount} fler","Terra.pills.label.showLess":"Visa färre","Terra.popup.header.close":"Stäng","Terra.searchField.clear":"Rensa","Terra.searchField.search":"Sök","Terra.searchField.submit-search":"Sök","Terra.showhide.hide":"Dölj","Terra.showhide.showmore":"Visa mer","Terra.slidePanel.defaultPanelLabel":"Informationspanel","Terra.slidePanel.discloseWarning":"Vissa åtgärder i detta innehållsområde kan utlösa kontextändringar i informationspaneler.","Terra.slider.ariaDescribedByTextWithLabels":"Justera skjutreglaget för att välja ett värde mellan {minimumLabel} ({minimumValue}) och {maximumLabel} ({maximumValue})","Terra.slider.ariaDescribedByTextWithoutLabels":"Justera skjutreglaget för att välja ett värde mellan {minimumValue} och {maximumValue}","Terra.status-view.error":"Fel","Terra.status-view.no-data":"Inga resultat","Terra.status-view.no-matching-results":"Inga resultat matchar sökvillkoren","Terra.status-view.not-authorized":"Behörighet saknas","Terra.switch.switchstatuslabel.off":"Av","Terra.switch.switchstatuslabel.on":"På","Terra.table.all-rows-selected":"Alla rader är markerade","Terra.table.all-rows-unselected":"Inga rader är markerade","Terra.table.blank":"Tomt","Terra.table.cell-focus-trapped":"Fokus befinner sig i cellen. Tryck på Esc-tangenten för att återgå till navigering i rutnätet.","Terra.table.cell-interactable":"Cellen innehåller interaktiva element. Tryck på Retur för att flytta fokus till cellen.","Terra.table.columnError":"Fel som rör kolumnen","Terra.table.maskedCell":"Maskerade data","Terra.table.multiple-rows-selected":"{rowCount} rader har markerats. ","Terra.table.multiple-rows-unselected":"{rowCount} rader har avmarkerats. ","Terra.table.resize-handle-template":"Storleksanpassningshandtag för kolumnen {columnText}. Tryck på Retur för att använda.","Terra.table.resize-handle-value-text":"{columnWidth} pixlar","Terra.table.resizeHandleValueText":"{columnWidth} pixlars kolumnbredd","Terra.table.resume-navigation":"Navigering i rutnätet återupptas.","Terra.table.row-index":"Rad {row}","Terra.table.row-selection-cleared-template":"Rad {row} har avmarkerats. ","Terra.table.row-selection-mode-disabled":"Radmarkeringsläge inaktiverat","Terra.table.row-selection-mode-enabled":"Radmarkeringsläge aktiverat.","Terra.table.row-selection-template":"Rad {row} har markerats. ","Terra.tabs.addbutton.focus":"tryck på Retur-tangenten eller blankstegstangenten för att lägga till en ny flik","Terra.tabs.cancelDrag":"Förflyttning avbröts. Fliken har återgått till startplatsen {startPosition}","Terra.tabs.drag":"Du har flyttat fliken från platsen {startPosition} till platsen {endPosition}","Terra.tabs.drop":"Du har tappat fliken. Den har flyttats från platsen {startPosition} till {endPosition}","Terra.tabs.focus":"Tryck på Retur-tangenten för att aktivera en flik eller tryck på blankstegstangenten för att börja dra.","Terra.tabs.hint.currentTabClosed":" har tagits bort","Terra.tabs.hint.hiddenTabs":"{hiddenTabs} objekt visas inte","Terra.tabs.hint.removable":"objektet kan tas bort med Delete-tangenten eller Backstegstangenten","Terra.tabs.hint.tabList":"Innehåller {numberOfTabs} objekt","Terra.tabs.hint.tabMenu":"{hiddenTabs} objekt är dolda. Välj för att visa {hiddenTabs} dolda objekt","Terra.tabs.lift":"Du har lyft en flik på plats {startPosition}. Använd piltangenterna för att dra fliken till en ny plats. Du kan inte flytta fliken förbi första eller sista platsen. Tryck på blankstegstangenten för att släppa fliken eller Esc-tangenten för att avbryta.","Terra.tabs.more":"Mer","Terra.tags.hint.removable":"objektet kan tas bort med Delete-tangenten eller Backstegstangenten","Terra.tags.hint.rollupNotVisible":"{tagsNotVisibleCount} objekt visas inte","Terra.tags.hint.rollupTag":"{tagsNotVisibleCount} objekt är dolda. Välj för att visa {tagsNotVisibleCount} dolda objekt","Terra.tags.hint.rollupVisible":"{tagsNotVisibleCount} dolda objekt visas nu","Terra.tags.hint.selectable":"för ytterligare information kan knappen väljas med Blankstegstangenten eller Retur-tangenten.","Terra.tags.hint.selectableAndRemovable":"objektet kan tas bort med Delete-tangenten eller Backstegstangenten, för ytterligare information kan knappen väljas med Blankstegstangenten eller Retur-tangenten","Terra.tags.hint.showLess":"välj för att dölja objekt","Terra.tags.hint.tagList":"Innehåller {numberOfTags} objekt","Terra.tags.hint.wasRemoved":"{tagLabelName} har tagits bort","Terra.tags.label.delete":"Ta bort {tagLabelName}","Terra.tags.label.rollupTag":"{tagsNotVisibleCount} fler","Terra.tags.label.showLess":"Visa färre","Terra.timeInput.a11yLabelDefault":"Tid","Terra.timeInput.am":"fm","Terra.timeInput.descriptionMinute":"En tvåsiffrig minut.","Terra.timeInput.descriptionSecond":"En tvåsiffrig sekund.","Terra.timeInput.hourDescriptionTwelve":"Ett tvåsiffrigt 12-timmarsvärde","Terra.timeInput.hourDescriptionTwentyFour":"Ett tvåsiffrigt 24-timmarsvärde","Terra.timeInput.hourLabel":"{a11yLabel} timme","Terra.timeInput.hours":"Timmar","Terra.timeInput.invalidTime":"Ange en giltig tid","Terra.timeInput.labeledTextValue":"{a11yLabel} {a11yTimeValue}","Terra.timeInput.maskHourMinute":"(HH:mm)","Terra.timeInput.maskHourMinuteSecond":"(HH:mm:ss)","Terra.timeInput.minutes":"Minuter","Terra.timeInput.pm":"em","Terra.timeInput.seconds":"Sekunder","Terra.timeInput.textValueTwelveHourMinute":"{hour}:{minute} {meridiem}","Terra.timeInput.textValueTwelveHourMinuteSecond":"{hour}:{minute}:{second} {meridiem}","Terra.timeInput.textValueTwentyFourHourMinute":"{hour}:{minute}","Terra.timeInput.textValueTwentyFourHourMinuteSecond":"{hour}:{minute}:{second}","Terra.timeInput.timeFormatLabel":"Tidsformat:","Terra.timeInput.timeSpacer":":","terraApplication.actionMenu.headerCloseButtonLabel":"Stäng","terraApplication.errorBoundary.defaultErrorMessage":"Ett fel uppstod: {errorDetails}","terraApplication.navigation.drawerMenu.navigation":"Navigeringsobjekt","terraApplication.navigation.drawerMenu.utilities":"Verktygsobjekt","terraApplication.navigation.extensions.rollupButtonDescription":"Ytterligare verktyg","terraApplication.navigation.extensions.rollupMenuHeaderTitle":"Ytterligare verktyg","terraApplication.navigation.header.menuButtonTitle":"Meny","terraApplication.navigation.header.skipToContentTitle":"Gå till Innehåll","terraApplication.navigation.header.utilityButtonTitleNoUser":"Alternativ","terraApplication.navigation.header.utilityButtonTitleUser":"Användarinställningar för: {currentUserName}","terraApplication.navigation.notifications.new":"Nytt","terraApplication.navigation.tabs.rollupButtonDescription":"Fler navigeringslänkar","terraApplication.navigation.tabs.rollupButtonTitle":"Mer","terraApplication.navigation.tabs.rollupMenuHeaderTitle":"Fler navigeringslänkar","terraApplication.navigation.utilityMenu.headerTitle":"Verktyg","terraApplication.navigation.utilityMenu.help":"Hjälp","terraApplication.navigation.utilityMenu.logout":"Logga ut","terraApplication.navigation.utilityMenu.settings":"Inställningar","terraApplication.notificationBanner.advisory":"Rekommendation.","terraApplication.notificationBanner.alert":"Varning.","terraApplication.notificationBanner.dismiss":"Stäng","terraApplication.notificationBanner.error":"Fel.","terraApplication.notificationBanner.info":"Information.","terraApplication.notificationBanner.success":"Klar.","terraApplication.notificationBanner.unsatisfied":"Åtgärd krävs.","terraApplication.notificationBanner.unverified":"Externa journaler.","terraApplication.notificationBanner.warning":"Obs!","terraApplication.notifications.newNotificationLabel":"Nytt meddelande på {label}. {bannerType} {bannerDescription}, {bannerAction}, {bannerDismiss}.","terraApplication.notifications.regionLabel":"Meddelanden på {label}.","terraApplication.notifications.removedNotificationLabel":"Tog bort meddelande på {label}. {bannerType} {bannerDescription}.","terraApplication.notifications.totalCountLabel":"Totalt antal meddelanden på {label}: {count}","terraApplication.statusLayout.error":"Fel","terraApplication.statusLayout.no-data":"Inga resultat","terraApplication.statusLayout.no-matching-results":"Inga resultat matchar sökvillkoren","terraApplication.statusLayout.not-authorized":"Behörighet saknas","terraApplication.unsavedChangesPrompt.acceptButtonText":"Spara inte","terraApplication.unsavedChangesPrompt.multiplePromptMessageIntro":"Det finns osparade ändringar i följande:","terraApplication.unsavedChangesPrompt.multiplePromptMessageOutro":"Om du inte sparar ändringarna går de förlorade. Hur vill du fortsätta?","terraApplication.unsavedChangesPrompt.rejectButtonText":"Fortsätt redigera","terraApplication.unsavedChangesPrompt.singlePromptMessage":"Det finns osparade ändringar i {promptDescription}.","terraApplication.unsavedChangesPrompt.title":"Osparade ändringar","terraApplication.workspace.activityOverlay.loading":"Läser in…","terraApplication.workspace.hideWorkspaceLabel":"Dölj arbetsyta","terraApplication.workspace.showWorkspaceLabel":"Visa arbetsyta","terraApplication.workspace.skipToLabel":"Gå till arbetsyta","terraApplication.workspace.workspaceLabel":"Arbetsyta","terraApplication.workspace.workspaceSettingsLabel":"Inställningar för arbetsyta","terraDevSite.pageActivityOverlayContainer.loading":"Läser in...","terraDevSite.pageHeader.actionsMenu":"{label} Actions","terraDevSite.pageHeader.back":"Tillbaka","terraDevSite.pageHeader.moreActions":"More Actions"}},44683:function(e){e.exports=function(){"use strict";return[{locale:"sv",pluralRuleFunction:function(e,a){var r=String(e).split("."),t=!r[1],n=Number(r[0])==e,i=n&&r[0].slice(-1),l=n&&r[0].slice(-2);return a?1!=i&&2!=i||11==l||12==l?"other":"one":1==e&&t?"one":"other"},fields:{year:{displayName:"år",relative:{0:"i år",1:"nästa år","-1":"i fjol"},relativeTime:{future:{one:"om {0} år",other:"om {0} år"},past:{one:"för {0} år sedan",other:"för {0} år sedan"}}},"year-short":{displayName:"år",relative:{0:"i år",1:"nästa år","-1":"i fjol"},relativeTime:{future:{one:"om {0} år",other:"om {0} år"},past:{one:"för {0} år sen",other:"för {0} år sen"}}},month:{displayName:"månad",relative:{0:"denna månad",1:"nästa månad","-1":"förra månaden"},relativeTime:{future:{one:"om {0} månad",other:"om {0} månader"},past:{one:"för {0} månad sedan",other:"för {0} månader sedan"}}},"month-short":{displayName:"m",relative:{0:"denna mån.",1:"nästa mån.","-1":"förra mån."},relativeTime:{future:{one:"om {0} mån.",other:"om {0} mån."},past:{one:"för {0} mån. sen",other:"för {0} mån. sen"}}},day:{displayName:"dag",relative:{0:"i dag",1:"i morgon",2:"i övermorgon","-2":"i förrgår","-1":"i går"},relativeTime:{future:{one:"om {0} dag",other:"om {0} dagar"},past:{one:"för {0} dag sedan",other:"för {0} dagar sedan"}}},"day-short":{displayName:"dag",relative:{0:"i dag",1:"i morgon",2:"i övermorgon","-2":"i förrgår","-1":"i går"},relativeTime:{future:{one:"om {0} d",other:"om {0} d"},past:{one:"för {0} d sedan",other:"för {0} d sedan"}}},hour:{displayName:"timme",relative:{0:"denna timme"},relativeTime:{future:{one:"om {0} timme",other:"om {0} timmar"},past:{one:"för {0} timme sedan",other:"för {0} timmar sedan"}}},"hour-short":{displayName:"tim",relative:{0:"denna timme"},relativeTime:{future:{one:"om {0} tim",other:"om {0} tim"},past:{one:"för {0} tim sedan",other:"för {0} tim sedan"}}},minute:{displayName:"minut",relative:{0:"denna minut"},relativeTime:{future:{one:"om {0} minut",other:"om {0} minuter"},past:{one:"för {0} minut sedan",other:"för {0} minuter sedan"}}},"minute-short":{displayName:"min",relative:{0:"denna minut"},relativeTime:{future:{one:"om {0} min",other:"om {0} min"},past:{one:"för {0} min sen",other:"för {0} min sen"}}},second:{displayName:"sekund",relative:{0:"nu"},relativeTime:{future:{one:"om {0} sekund",other:"om {0} sekunder"},past:{one:"för {0} sekund sedan",other:"för {0} sekunder sedan"}}},"second-short":{displayName:"sek",relative:{0:"nu"},relativeTime:{future:{one:"om {0} sek",other:"om {0} sek"},past:{one:"för {0} s sen",other:"för {0} s sen"}}}}},{locale:"sv-AX",parentLocale:"sv"},{locale:"sv-FI",parentLocale:"sv"}]}()}}]); \ No newline at end of file diff --git a/sv-intl-local-228df167160ade536dd6.js b/sv-intl-local-228df167160ade536dd6.js new file mode 100644 index 000000000..c645fe523 --- /dev/null +++ b/sv-intl-local-228df167160ade536dd6.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[25789],{53046:function(){IntlPolyfill.__addLocaleData({locale:"sv",date:{ca:["gregory","buddhist","chinese","coptic","dangi","ethioaa","ethiopic","generic","hebrew","indian","islamic","islamicc","japanese","persian","roc"],hourNo0:!0,hour12:!1,formats:{short:"{1} {0}",medium:"{1} {0}",full:"{1} {0}",long:"{1} {0}",availableFormats:{d:"d",E:"ccc",Ed:"E d",Ehm:"E h:mm a",EHm:"E HH:mm",Ehms:"E h:mm:ss a",EHms:"E HH:mm:ss",Gy:"y G",GyMMM:"MMM y G",GyMMMd:"d MMM y G",GyMMMEd:"E d MMM y G",h:"h a",H:"HH",hm:"h:mm a",Hm:"HH:mm",hms:"h:mm:ss a",Hms:"HH:mm:ss",hmsv:"h:mm:ss a v",Hmsv:"HH:mm:ss v",hmv:"h:mm a v",Hmv:"HH:mm v",M:"L",Md:"d/M",MEd:"E d/M",MMd:"d/M",MMdd:"dd/MM",MMM:"LLL",MMMd:"d MMM",MMMEd:"E d MMM",MMMMd:"d MMMM",MMMMEd:"E d MMMM",ms:"mm:ss",y:"y",yM:"y-MM",yMd:"y-MM-dd",yMEd:"E, y-MM-dd",yMM:"y-MM",yMMM:"MMM y",yMMMd:"d MMM y",yMMMEd:"E d MMM y",yMMMM:"MMMM y",yQQQ:"QQQ y",yQQQQ:"QQQQ y"},dateFormats:{yMMMMEEEEd:"EEEE d MMMM y",yMMMMd:"d MMMM y",yMMMd:"d MMM y",yMd:"y-MM-dd"},timeFormats:{hmmsszzzz:"'kl'. HH:mm:ss zzzz",hmsz:"HH:mm:ss z",hms:"HH:mm:ss",hm:"HH:mm"}},calendars:{buddhist:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mars","apr.","maj","juni","juli","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["BE"],short:["BE"],long:["BE"]},dayPeriods:{am:"fm",pm:"em"}},chinese:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"],long:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},dayPeriods:{am:"fm",pm:"em"}},coptic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["tout","bâbâ","hâtour","kiahk","toubah","amshîr","barmahât","barmoudah","bashans","ba’ounah","abîb","misra","al-nasi"],long:["tout","bâbâ","hâtour","kiahk","toubah","amshîr","barmahât","barmoudah","bashans","ba’ounah","abîb","misra","al-nasi"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"fm",pm:"em"}},dangi:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"],long:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},dayPeriods:{am:"fm",pm:"em"}},ethiopic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["mäskäräm","teqemt","hedar","tahesas","ter","yäkatit","mägabit","miyazya","guenbot","säné","hamlé","nähasé","pagumén"],long:["mäskäräm","teqemt","hedar","tahesas","ter","yäkatit","mägabit","miyazya","guenbot","säné","hamlé","nähasé","pagumén"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"fm",pm:"em"}},ethioaa:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13"],short:["mäskäräm","teqemt","hedar","tahesas","ter","yäkatit","mägabit","miyazya","guenbot","säné","hamlé","nähasé","pagumén"],long:["mäskäräm","teqemt","hedar","tahesas","ter","yäkatit","mägabit","miyazya","guenbot","säné","hamlé","nähasé","pagumén"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["ERA0"],short:["ERA0"],long:["ERA0"]},dayPeriods:{am:"fm",pm:"em"}},generic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"],long:["M01","M02","M03","M04","M05","M06","M07","M08","M09","M10","M11","M12"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["ERA0","ERA1"],short:["ERA0","ERA1"],long:["ERA0","ERA1"]},dayPeriods:{am:"fm",pm:"em"}},gregory:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mars","apr.","maj","juni","juli","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["f.Kr.","e.Kr.","fvt","vt"],short:["f.Kr.","e.Kr.","f.v.t.","v.t."],long:["före Kristus","efter Kristus","före västerländsk tideräkning","västerländsk tideräkning"]},dayPeriods:{am:"fm",pm:"em"}},hebrew:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12","13","7"],short:["tishrí","heshván","kislév","tevét","shevát","adár I","adár","nisán","ijjár","siván","tammúz","ab","elúl","adár II"],long:["tishrí","heshván","kislév","tevét","shevát","adár I","adár","nisán","ijjár","siván","tammúz","ab","elúl","adár II"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["AM"],short:["AM"],long:["AM"]},dayPeriods:{am:"fm",pm:"em"}},indian:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["chaitra","vaishākh","jyaishtha","āshādha","shrāvana","bhādrapad","āshwin","kārtik","mārgashīrsha","paush","māgh","phālgun"],long:["chaitra","vaishākh","jyaishtha","āshādha","shrāvana","bhādrapad","āshwin","kārtik","mārgashīrsha","paush","māgh","phālgun"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["SAKA"],short:["SAKA"],long:["Saka-eran"]},dayPeriods:{am:"fm",pm:"em"}},islamic:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Muh.","Saf.","Rab. I","Rab. II","Jum. I","Jum. II","Raj.","Sha.","Ram.","Shaw.","Dhuʻl-Q.","Dhuʻl-H."],long:["muharram","safar","rabi’ al-awwal","rabi’ al-akhir","jumada-l-ula","jumada-l-akhira","rajab","sha’ban","ramadan","shawwal","dhu-l-ga’da","dhu-l-hijja"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["AH"],short:["AH"],long:["AH"]},dayPeriods:{am:"fm",pm:"em"}},islamicc:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["Muh.","Saf.","Rab. I","Rab. II","Jum. I","Jum. II","Raj.","Sha.","Ram.","Shaw.","Dhuʻl-Q.","Dhuʻl-H."],long:["muharram","safar","rabi’ al-awwal","rabi’ al-akhir","jumada-l-ula","jumada-l-akhira","rajab","sha’ban","ramadan","shawwal","dhu-l-ga’da","dhu-l-hijja"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["AH"],short:["AH"],long:["AH"]},dayPeriods:{am:"fm",pm:"em"}},japanese:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mars","apr.","maj","juni","juli","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tenpyō (729–749)","Tenpyō-kampō (749-749)","Tenpyō-shōhō (749-757)","Tenpyō-hōji (757-765)","Tenpyō-jingo (765-767)","Jingo-keiun (767-770)","Hōki (770–780)","Ten-ō (781-782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saikō (854–857)","Ten-an (857-859)","Jōgan (859–877)","Gangyō (877–885)","Ninna (885–889)","Kanpyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Jōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten’en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Eien (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eihō (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kahō (1094–1096)","Eichō (1096–1097)","Jōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110-1113)","Eikyū (1113–1118)","Gen’ei (1118–1120)","Hōan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hōen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Ten’yō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hōgen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin’an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryaku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken’ei (1206–1207)","Jōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Jōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tenpuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En’ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun’ō (1260–1261)","Kōchō (1261–1264)","Bun’ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkyō (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkō (1321–1324)","Shōchū (1324–1326)","Karyaku (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kenmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun’an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenbun (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genna (1615–1624)","Kan’ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Jōō (1652–1655)","Meireki (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenna (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan’en (1748–1751)","Hōreki (1751–1764)","Meiwa (1764–1772)","An’ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man’en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","M","T","S","H"],short:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tempyō (729–749)","Tempyō-kampō (749–749)","Tempyō-shōhō (749–757)","Tempyō-hōji (757–765)","Temphō-jingo (765–767)","Jingo-keiun (767–770)","Hōki (770–780)","Ten-ō (781–782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saiko (854–857)","Tennan (857–859)","Jōgan (859–877)","Genkei (877–885)","Ninna (885–889)","Kampyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Shōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten-en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Ei-en (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eiho (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kaho (1094–1096)","Eichō (1096–1097)","Shōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110–1113)","Eikyū (1113–1118)","Gen-ei (1118–1120)","Hoan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hoen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Tenyō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hogen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin-an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryuku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken-ei (1206–1207)","Shōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Shōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tempuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En-ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun-ō (1260–1261)","Kōchō (1261–1264)","Bun-ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkei (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkyō (1321–1324)","Shōchū (1324–1326)","Kareki (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kemmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun-an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenmon (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genwa (1615–1624)","Kan-ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Shōō (1652–1655)","Meiryaku (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenwa (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan-en (1748–1751)","Hōryaku (1751–1764)","Meiwa (1764–1772)","An-ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man-en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","Meiji","Taishō","Shōwa","Heisei"],long:["Taika (645–650)","Hakuchi (650–671)","Hakuhō (672–686)","Shuchō (686–701)","Taihō (701–704)","Keiun (704–708)","Wadō (708–715)","Reiki (715–717)","Yōrō (717–724)","Jinki (724–729)","Tempyō (729–749)","Tempyō-kampō (749–749)","Tempyō-shōhō (749–757)","Tempyō-hōji (757–765)","Temphō-jingo (765–767)","Jingo-keiun (767–770)","Hōki (770–780)","Ten-ō (781–782)","Enryaku (782–806)","Daidō (806–810)","Kōnin (810–824)","Tenchō (824–834)","Jōwa (834–848)","Kajō (848–851)","Ninju (851–854)","Saiko (854–857)","Tennan (857–859)","Jōgan (859–877)","Genkei (877–885)","Ninna (885–889)","Kampyō (889–898)","Shōtai (898–901)","Engi (901–923)","Enchō (923–931)","Shōhei (931–938)","Tengyō (938–947)","Tenryaku (947–957)","Tentoku (957–961)","Ōwa (961–964)","Kōhō (964–968)","Anna (968–970)","Tenroku (970–973)","Ten-en (973–976)","Jōgen (976–978)","Tengen (978–983)","Eikan (983–985)","Kanna (985–987)","Ei-en (987–989)","Eiso (989–990)","Shōryaku (990–995)","Chōtoku (995–999)","Chōhō (999–1004)","Kankō (1004–1012)","Chōwa (1012–1017)","Kannin (1017–1021)","Jian (1021–1024)","Manju (1024–1028)","Chōgen (1028–1037)","Chōryaku (1037–1040)","Chōkyū (1040–1044)","Kantoku (1044–1046)","Eishō (1046–1053)","Tengi (1053–1058)","Kōhei (1058–1065)","Jiryaku (1065–1069)","Enkyū (1069–1074)","Shōho (1074–1077)","Shōryaku (1077–1081)","Eiho (1081–1084)","Ōtoku (1084–1087)","Kanji (1087–1094)","Kaho (1094–1096)","Eichō (1096–1097)","Shōtoku (1097–1099)","Kōwa (1099–1104)","Chōji (1104–1106)","Kashō (1106–1108)","Tennin (1108–1110)","Ten-ei (1110–1113)","Eikyū (1113–1118)","Gen-ei (1118–1120)","Hoan (1120–1124)","Tenji (1124–1126)","Daiji (1126–1131)","Tenshō (1131–1132)","Chōshō (1132–1135)","Hoen (1135–1141)","Eiji (1141–1142)","Kōji (1142–1144)","Tenyō (1144–1145)","Kyūan (1145–1151)","Ninpei (1151–1154)","Kyūju (1154–1156)","Hogen (1156–1159)","Heiji (1159–1160)","Eiryaku (1160–1161)","Ōho (1161–1163)","Chōkan (1163–1165)","Eiman (1165–1166)","Nin-an (1166–1169)","Kaō (1169–1171)","Shōan (1171–1175)","Angen (1175–1177)","Jishō (1177–1181)","Yōwa (1181–1182)","Juei (1182–1184)","Genryuku (1184–1185)","Bunji (1185–1190)","Kenkyū (1190–1199)","Shōji (1199–1201)","Kennin (1201–1204)","Genkyū (1204–1206)","Ken-ei (1206–1207)","Shōgen (1207–1211)","Kenryaku (1211–1213)","Kenpō (1213–1219)","Shōkyū (1219–1222)","Jōō (1222–1224)","Gennin (1224–1225)","Karoku (1225–1227)","Antei (1227–1229)","Kanki (1229–1232)","Jōei (1232–1233)","Tempuku (1233–1234)","Bunryaku (1234–1235)","Katei (1235–1238)","Ryakunin (1238–1239)","En-ō (1239–1240)","Ninji (1240–1243)","Kangen (1243–1247)","Hōji (1247–1249)","Kenchō (1249–1256)","Kōgen (1256–1257)","Shōka (1257–1259)","Shōgen (1259–1260)","Bun-ō (1260–1261)","Kōchō (1261–1264)","Bun-ei (1264–1275)","Kenji (1275–1278)","Kōan (1278–1288)","Shōō (1288–1293)","Einin (1293–1299)","Shōan (1299–1302)","Kengen (1302–1303)","Kagen (1303–1306)","Tokuji (1306–1308)","Enkei (1308–1311)","Ōchō (1311–1312)","Shōwa (1312–1317)","Bunpō (1317–1319)","Genō (1319–1321)","Genkyō (1321–1324)","Shōchū (1324–1326)","Kareki (1326–1329)","Gentoku (1329–1331)","Genkō (1331–1334)","Kemmu (1334–1336)","Engen (1336–1340)","Kōkoku (1340–1346)","Shōhei (1346–1370)","Kentoku (1370–1372)","Bunchū (1372–1375)","Tenju (1375–1379)","Kōryaku (1379–1381)","Kōwa (1381–1384)","Genchū (1384–1392)","Meitoku (1384–1387)","Kakei (1387–1389)","Kōō (1389–1390)","Meitoku (1390–1394)","Ōei (1394–1428)","Shōchō (1428–1429)","Eikyō (1429–1441)","Kakitsu (1441–1444)","Bun-an (1444–1449)","Hōtoku (1449–1452)","Kyōtoku (1452–1455)","Kōshō (1455–1457)","Chōroku (1457–1460)","Kanshō (1460–1466)","Bunshō (1466–1467)","Ōnin (1467–1469)","Bunmei (1469–1487)","Chōkyō (1487–1489)","Entoku (1489–1492)","Meiō (1492–1501)","Bunki (1501–1504)","Eishō (1504–1521)","Taiei (1521–1528)","Kyōroku (1528–1532)","Tenmon (1532–1555)","Kōji (1555–1558)","Eiroku (1558–1570)","Genki (1570–1573)","Tenshō (1573–1592)","Bunroku (1592–1596)","Keichō (1596–1615)","Genwa (1615–1624)","Kan-ei (1624–1644)","Shōho (1644–1648)","Keian (1648–1652)","Shōō (1652–1655)","Meiryaku (1655–1658)","Manji (1658–1661)","Kanbun (1661–1673)","Enpō (1673–1681)","Tenwa (1681–1684)","Jōkyō (1684–1688)","Genroku (1688–1704)","Hōei (1704–1711)","Shōtoku (1711–1716)","Kyōhō (1716–1736)","Genbun (1736–1741)","Kanpō (1741–1744)","Enkyō (1744–1748)","Kan-en (1748–1751)","Hōryaku (1751–1764)","Meiwa (1764–1772)","An-ei (1772–1781)","Tenmei (1781–1789)","Kansei (1789–1801)","Kyōwa (1801–1804)","Bunka (1804–1818)","Bunsei (1818–1830)","Tenpō (1830–1844)","Kōka (1844–1848)","Kaei (1848–1854)","Ansei (1854–1860)","Man-en (1860–1861)","Bunkyū (1861–1864)","Genji (1864–1865)","Keiō (1865–1868)","Meiji","Taishō","Shōwa","Heisei"]},dayPeriods:{am:"fm",pm:"em"}},persian:{months:{narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],short:["farvardin","ordibehesht","khordād","tir","mordād","shahrivar","mehr","ābān","āzar","dey","bahman","esfand"],long:["farvardin","ordibehesht","khordād","tir","mordād","shahrivar","mehr","ābān","āzar","dey","bahman","esfand"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["AP"],short:["AP"],long:["AP"]},dayPeriods:{am:"fm",pm:"em"}},roc:{months:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],short:["jan.","feb.","mars","apr.","maj","juni","juli","aug.","sep.","okt.","nov.","dec."],long:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]},days:{narrow:["S","M","T","O","T","F","L"],short:["sön","mån","tis","ons","tors","fre","lör"],long:["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"]},eras:{narrow:["före R.K.","R.K."],short:["före R.K.","R.K."],long:["före R.K.","R.K."]},dayPeriods:{am:"fm",pm:"em"}}}},number:{nu:["latn"],patterns:{decimal:{positivePattern:"{number}",negativePattern:"{minusSign}{number}"},currency:{positivePattern:"{number} {currency}",negativePattern:"{minusSign}{number} {currency}"},percent:{positivePattern:"{number} {percentSign}",negativePattern:"{minusSign}{number} {percentSign}"}},symbols:{latn:{decimal:",",group:" ",nan:"¤¤¤",plusSign:"+",minusSign:"−",percentSign:"%",infinity:"∞"}},currencies:{BBD:"Bds$",BMD:"BM$",BRL:"BR$",BSD:"BS$",BZD:"BZ$",CAD:"CA$",DKK:"Dkr",DOP:"RD$",EEK:"Ekr",EGP:"EG£",EUR:"€",ILS:"₪",ISK:"Ikr",JMD:"JM$",MXN:"MX$",NOK:"Nkr",SEK:"kr",USD:"US$",XAF:"FCFA",XCD:"EC$",XOF:"CFA",XPF:"CFPF"}}})}}]); \ No newline at end of file diff --git a/sv-translations-022c5ce6b535564fcf1c.js b/sv-translations-022c5ce6b535564fcf1c.js new file mode 100644 index 000000000..8a43069c0 --- /dev/null +++ b/sv-translations-022c5ce6b535564fcf1c.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[50058],{18123:function(e,a,r){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.messages=a.locale=a.areTranslationsLoaded=void 0;var t,n=r(25387),i=r(44683),l=(t=i)&&t.__esModule?t:{default:t};(0,n.addLocaleData)(l.default);a.areTranslationsLoaded=!0,a.locale="sv",a.messages={"Terra.AbstractModal.BeginModalDialog":"Börja modal dialog","Terra.AbstractModal.EndModalDialog":"Avsluta modal dialog","Terra.actionHeader.back":"Tillbaka","Terra.actionHeader.close":"Stäng","Terra.actionHeader.close.description":"Välj knappen för att stänga {text}","Terra.actionHeader.maximize":"Maximera","Terra.actionHeader.maximize.description":"Välj knappen för att maximera {text}","Terra.actionHeader.minimize":"Minimera","Terra.actionHeader.minimize.description":"Välj knappen för att minimera {text}","Terra.actionHeader.next":"Nästa","Terra.actionHeader.previous":"Föregående","Terra.ajax.error":"Innehållet lästes inte in.","Terra.alert.advisory":"Rekommendation.","Terra.alert.alert":"Varning.","Terra.alert.dismiss":"Stäng","Terra.alert.error":"Fel.","Terra.alert.info":"Information.","Terra.alert.success":"Klar.","Terra.alert.unsatisfied":"Åtgärd krävs.","Terra.alert.unverified":"Externa journaler.","Terra.alert.warning":"Obs!","Terra.avatar.deceased":"Avliden","Terra.badge.intent.info":"info","Terra.badge.intent.negative":"negativ","Terra.badge.intent.positive":"positiv","Terra.badge.intent.primary":"primär","Terra.badge.intent.secondary":"sekundär","Terra.badge.intent.warning":"varning","Terra.clinicalResult.additionalResults":"{numberOfAdditionalResults} ytterligare resultat","Terra.clinicalResult.bloodPressure":"Blodtryck","Terra.clinicalResult.includesAdditionalValuesAria":"Resultatet innehåller fler värden","Terra.clinicalResult.interpretationAbnormal":"Onormalt","Terra.clinicalResult.interpretationCritical":"Kritiskt","Terra.clinicalResult.interpretationCriticalAbnormal":"Kritiskt onormalt","Terra.clinicalResult.interpretationCriticalHigh":"Kritiskt högt","Terra.clinicalResult.interpretationCriticalLow":"Kritiskt lågt","Terra.clinicalResult.interpretationHigh":"Högt","Terra.clinicalResult.interpretationLow":"Lågt","Terra.clinicalResult.interpretationOutOfRangeHigh":"Utanför intervall, högt","Terra.clinicalResult.interpretationOutOfRangeLow":"Utanför intervall, lågt","Terra.clinicalResult.interpretationPositive":"Positiv","Terra.clinicalResult.resultComment":"Resultatet innehåller en kommentar","Terra.clinicalResult.resultError":"Fel","Terra.clinicalResult.resultModified":"Ändrat resultat","Terra.clinicalResult.resultNoData":"Inga resultat","Terra.clinicalResult.resultUnverified":"Overifierat resultat","Terra.clinicalResult.selectToViewAria":"Välj för att visa fler uppgifter.","Terra.clinicalResult.statusInError":"Felaktig","Terra.clinicalResult.statusInErrorHiddenText":"Värdet togs bort eftersom det var felaktigt","Terra.clinicalResult.statusInErrorStrikethrough":"Resultatet {strikethroughResult} har angetts felaktigt","Terra.clinicalResult.viewResults":"Visa resultat","Terra.collapsibleMenuView.more":"Mer","Terra.data-grid.navigate":"Gå till datarutnät","Terra.data-grid.row-selection-template":"Välj: {rowDescription}","Terra.date.input.april":"April","Terra.date.input.august":"Augusti","Terra.date.input.dateFormatLabel":"Datumformat:","Terra.date.input.dayDescription":"Ett tvåsiffrigt tal","Terra.date.input.dayInputLabel":"Dag","Terra.date.input.dayInputLabelWithDefaultName":"Dag i datum","Terra.date.input.dayInputLabelWithName":"Dag i {a11yLabel}","Terra.date.input.december":"December","Terra.date.input.february":"Februari","Terra.date.input.formatDayMonthYear":"DD månad ÅÅÅÅ","Terra.date.input.formatMonthDayYear":"månad DD ÅÅÅÅ","Terra.date.input.hotKey":"Tryck på T för att ange aktuellt datum, plus-tangenten för nästa datum och minus-tangenten för föregående datum","Terra.date.input.january":"Januari","Terra.date.input.july":"Juli","Terra.date.input.june":"Juni","Terra.date.input.labelDefault":"Datum","Terra.date.input.march":"Mars","Terra.date.input.may":"Maj","Terra.date.input.monthPlaceholder":"- Välj -","Terra.date.input.monthSelectLabel":"Månad","Terra.date.input.monthSelectLabelWithDefaultName":"Månad i datum","Terra.date.input.monthSelectLabelWithName":"Månad i {a11yLabel}","Terra.date.input.november":"November","Terra.date.input.october":"Oktober","Terra.date.input.optional":"(valfri)","Terra.date.input.required":"Obligatoriskt","Terra.date.input.september":"September","Terra.date.input.yearDescription":"Ett fyrsiffrigt tal","Terra.date.input.yearLabel":"år","Terra.datePicker.calendarInstructions":"Använd piltangenterna för att ändra urval. Tryck Enter för att välja ett datum. Tryck Escape för att stänga Datumväljaren.","Terra.datePicker.closeCalendar":"Stäng","Terra.datePicker.date":"Datum","Terra.datePicker.dateFormat":"ÅÅÅÅ-MM-DD","Terra.datePicker.dateFormatLabel":"Datumformat:","Terra.datePicker.dayLabel":"Dag","Terra.datePicker.disabled":"Inaktiverad","Terra.datePicker.hotKey":"Tryck på T för att ange aktuellt datum, plus-tangenten för nästa datum och minus-tangenten för föregående datum","Terra.datePicker.invalidDate":"Ange ett giltigt datum","Terra.datePicker.monthLabel":"Månad","Terra.datePicker.nextMonth":"Nästa månad","Terra.datePicker.openCalendar":"Öppna kalender","Terra.datePicker.previousMonth":"Föregående månad","Terra.datePicker.selected":"valt.","Terra.datePicker.today":"I dag","Terra.datePicker.yearLabel":"År","Terra.dateTimePicker.timeClarification.button.daylightSaving":"Före (som sommartid)","Terra.dateTimePicker.timeClarification.button.standardTime":"Efter (som vintertid)","Terra.dateTimePicker.timeClarification.message":"Tiden som valts inträffar vid övergång från sommartid till vintertid. Vill du att tiden ska anges som sommartid eller vintertid?","Terra.dateTimePicker.timeClarification.title":"Tidsförklaring","Terra.demographicsBanner.age":"Ålder","Terra.demographicsBanner.dateOfBirth":"Födelsedatum","Terra.demographicsBanner.dateOfBirthFullText":"Födelsedatum","Terra.demographicsBanner.deceased":"Avliden","Terra.demographicsBanner.gender":"Kön","Terra.demographicsBanner.gestationalAge":"Graviditetslängd","Terra.demographicsBanner.gestationalAgeFullText":"Graviditetslängd","Terra.demographicsBanner.noDataProvided":"--","Terra.demographicsBanner.postMenstrualAge":"Graviditetslängd + ålder","Terra.demographicsBanner.postMenstrualAgeFullText":"Graviditetslängd + ålder","Terra.dialog.close":"Stäng","Terra.dropdownButton.activeOption":"{currentItemLabel},({currentIndex} av {totalItems})","Terra.dropdownButton.expanded":"Visad knapp","Terra.dropdownButton.moreOptions":"Fler alternativ","Terra.dropdownButton.selected":"Vald","Terra.embeddedContentConsumer.beginEmbeddedContent":"Starta inbäddat innehåll, {name}","Terra.embeddedContentConsumer.endEmbeddedContent":"Avsluta inbäddat innehåll, {name}","Terra.flowsheetDataGrid.cells-selected":"{cellCount} celler har valts.","Terra.flowsheetDataGrid.no-cells-selected":"Inga celler har valts.","Terra.flowsheetDataGrid.no-result":"Inga resultat","Terra.flowsheetDataGrid.no-result-display":"--","Terra.form.field.optional":"(valfri)","Terra.form.field.required":"Obligatorisk","Terra.form.select.activeOption":"{text} {index} av {totalOptions}.","Terra.form.select.add":'Lägg till "{text}"',"Terra.form.select.ariaLabel":"Sök","Terra.form.select.clearSelect":"Ta bort markering","Terra.form.select.collapsed":"Dold kombinationsruta.","Terra.form.select.defaultComboboxDisplay":"Välj eller ange","Terra.form.select.defaultDisplay":"- Välj -","Terra.form.select.defaultUsageGuidance":"Använd upp- och nedpilarna för att navigera mellan alternativen. Tryck på Enter för att väklja ett alternativ.","Terra.form.select.dimmed":"Inaktiverad.","Terra.form.select.disabled":"Inaktiverad.","Terra.form.select.expanded":"Visad kombinationsruta.","Terra.form.select.listOfTotalOptions":"Lista med alternativ.","Terra.form.select.maxSelectionHelp":"Max {text} objekt.","Terra.form.select.maxSelectionOption":"Maxantalet {text} objekt har valts","Terra.form.select.menu":"Meny","Terra.form.select.mobileButtonUsageGuidance":"Tryck för att navigera till alternativen.","Terra.form.select.mobileUsageGuidance":"Bläddra åt höger för att navigera till alternativen.","Terra.form.select.multiSelectUsageGuidance":"Ange text eller använd upp- och nedpilarna för att navigera genom alternativen. Tryck på Enter för att markera eller avmarkera ett alternativ.","Terra.form.select.noResults":'Inga matchande resultat för "{text}"',"Terra.form.select.of":"av","Terra.form.select.optGroup":"Grupp {text}","Terra.form.select.option":"Alternativ","Terra.form.select.resultsText":'Resultat som innehåller "{text}"',"Terra.form.select.searchUsageGuidance":"Ange text eller använd upp- och nedpilarna för att navigera genom alternativen. Tryck på Enter för att välja ett alternativ.","Terra.form.select.selectCleared":"Välj omarkerat värde","Terra.form.select.selected":"Vald.","Terra.form.select.selectedText":"{text} vald. {index} av {totalOptions}.","Terra.form.select.unselected":"Omarkerad.","Terra.form.select.unselectedText":"{text} avmarkerad.","Terra.hyperlink.iconLabel.audio":"(öppnar en ljudfil)","Terra.hyperlink.iconLabel.document":"(öppnar ett dokument)","Terra.hyperlink.iconLabel.external":"(öppnar en extern sida eller ett program)","Terra.hyperlink.iconLabel.image":"(öppnar en bildfil)","Terra.hyperlink.iconLabel.video":"(öppnar en video)","Terra.icon.IconConsultInstructionsForUse.title":"Indikator för elektroniska bruksanvisningar (eIFU)","Terra.InfiniteList.loading":"Läser in ...","Terra.itemDisplay.comment":"Kommentar","Terra.itemDisplay.textStyleMeaningEnd":"{textStyleMeaning} slut","Terra.itemDisplay.textStyleMeaningStrikethrough":"borttagning","Terra.itemDisplay.textStyleMeaningStrikethroughEnd":"slut på borttagning","Terra.list.cancelDrag":"Förflyttningen avbröts. Objektet har återgått till startplats {startPosition}","Terra.list.drag":"Du har flyttat objektet från plats {startPosition} till plats {endPosition}","Terra.list.drop":"Du har tappat objektet. Du har flyttat objektet från plats {startPosition} till plats {endPosition}","Terra.list.focus":"Börja dra genom att trycka på blankstegstangenten. När du drar kan du flytta objektet genom att använda piltangenterna och avbryta genom att trycka på Esc-tangenten","Terra.list.lift":"Du har lyft ett objekt på plats {startPosition}. Dra objektet till en ny plats genom att använda piltangenterna. Släpp objektet genom att trycka på blankstegstangenten eller avbryt genom att trycka på Esc-tangenten.","Terra.list.multiSelect":"Flervalslista – tryck på retur- eller blankstegstangenten för att markera eller avmarkera objekt","Terra.list.singleSelect":"Enkelvalslista – tryck på retur- eller blankstegstangenten för att markera eller avmarkera objekt","Terra.menu.back":"Tillbaka","Terra.menu.close":"Stäng","Terra.menu.exitSubmenu":"för att stänga undermenyn trycker du på vänsterpilen eller navigerar till knappen Tillbaka","Terra.menu.index":"({index} av {totalItems})","Terra.menu.itemWithSubmenu":"med undermenykommandon","Terra.menu.navigateMenuItem":"Tryck på uppåtpilen och nedåtpilen för att navigera mellan kommandon","Terra.menu.selected":"valt","Terra.menu.unselected":"ej valt","Terra.navigation.side.menu.selected":"Vald","Terra.notification.dialog.error":"Fel","Terra.notification.dialog.hazard-high":"Avisering","Terra.notification.dialog.hazard-low":"Information","Terra.notification.dialog.hazard-medium":"Varning","Terra.onsetPicker.age":"Ålder","Terra.onsetPicker.ageLabel":"Ange ålder","Terra.onsetPicker.agePrecision":"Åldersprecision","Terra.onsetPicker.agePrecisionLabel":"Välj åldersprecision","Terra.onsetPicker.agePrecisionMonth":"Månader","Terra.onsetPicker.agePrecisionWeek":"Veckor","Terra.onsetPicker.agePrecisionYear":"År","Terra.onsetPicker.april":"April","Terra.onsetPicker.august":"Augusti","Terra.onsetPicker.date":"Datum","Terra.onsetPicker.dateLabel":"Välj datum","Terra.onsetPicker.december":"December","Terra.onsetPicker.february":"Februari","Terra.onsetPicker.granularity":"Granularitet","Terra.onsetPicker.granularityLabel":"Välj datumgranularitet","Terra.onsetPicker.january":"Januari","Terra.onsetPicker.july":"Juli","Terra.onsetPicker.june":"Juni","Terra.onsetPicker.march":"Mars","Terra.onsetPicker.may":"Maj","Terra.onsetPicker.month":"Månad","Terra.onsetPicker.monthLabel":"Välj månad","Terra.onsetPicker.november":"November","Terra.onsetPicker.october":"Oktober","Terra.onsetPicker.precision":"Precision","Terra.onsetPicker.precisionAbout":"Omkring","Terra.onsetPicker.precisionAfter":"Efter","Terra.onsetPicker.precisionBefore":"Före","Terra.onsetPicker.precisionLabel":"Välj datumprecision","Terra.onsetPicker.precisionOnAt":"Den/vid","Terra.onsetPicker.precisionUnknown":"Okänt","Terra.onsetPicker.september":"September","Terra.onsetPicker.year":"År","Terra.onsetPicker.yearLabel":"Välj år","Terra.Overlay.loading":"Läser in ...","Terra.paginator.customPageSelected":"{pageLabel} har valts","Terra.paginator.customPageSelectedWithCount":"{pageLabel} {pageNumber} av {pageNumberTotal} har valts","Terra.paginator.first":"Första","Terra.paginator.last":"Sista","Terra.paginator.next":"Nästa","Terra.paginator.pageCount":"Sida {pageNumber} av {pageNumberTotal}","Terra.paginator.pageCountWithLabel":"{pageLabel} {pageNumber} av {pageNumberTotal}","Terra.paginator.pageIndex":"Sida {pageNumber}","Terra.paginator.pageIndexWithLabel":"{pageLabel} {pageNumber}","Terra.paginator.pageSelected":"Sida {pageNumber} har valts","Terra.paginator.pageSelectedWithCount":"Sida {pageNumber} av {pageNumberTotal} har valts","Terra.paginator.previous":"Föregående","Terra.pills.hint.pillList":"Innehåller {numberOfPills} objekt","Terra.pills.hint.removable":"objektet kan tas bort med Delete-tangenten eller Backstegstangenten","Terra.pills.hint.rollupNotVisible":"{pillsNotVisibleCount} objekt visas inte","Terra.pills.hint.rollupPill":"{pillsNotVisibleCount} objekt är dolda. Välj för att visa {pillsNotVisibleCount} dolda objekt","Terra.pills.hint.rollupVisible":"{pillsNotVisibleCount} dolda objekt visas nu","Terra.pills.hint.selectable":"för ytterligare information kan knappen väljas med Blankstegstangenten eller Retur-tangenten.","Terra.pills.hint.selectableAndRemovable":"objektet kan tas bort med Delete-tangenten eller Backstegstangenten, för ytterligare information kan knappen väljas med Blankstegstangenten eller Retur-tangenten","Terra.pills.hint.showLess":"välj för att dölja objekt","Terra.pills.hint.wasRemoved":"{pillLabelName} har tagits bort","Terra.pills.label.delete":"Ta bort {pillLabelName}","Terra.pills.label.rollupPill":"{pillsNotVisibleCount} fler","Terra.pills.label.showLess":"Visa färre","Terra.popup.header.close":"Stäng","Terra.searchField.clear":"Rensa","Terra.searchField.search":"Sök","Terra.searchField.submit-search":"Sök","Terra.showhide.hide":"Dölj","Terra.showhide.showmore":"Visa mer","Terra.slidePanel.defaultPanelLabel":"Informationspanel","Terra.slidePanel.discloseWarning":"Vissa åtgärder i detta innehållsområde kan utlösa kontextändringar i informationspaneler.","Terra.slider.ariaDescribedByTextWithLabels":"Justera skjutreglaget för att välja ett värde mellan {minimumLabel} ({minimumValue}) och {maximumLabel} ({maximumValue})","Terra.slider.ariaDescribedByTextWithoutLabels":"Justera skjutreglaget för att välja ett värde mellan {minimumValue} och {maximumValue}","Terra.status-view.error":"Fel","Terra.status-view.no-data":"Inga resultat","Terra.status-view.no-matching-results":"Inga resultat matchar sökvillkoren","Terra.status-view.not-authorized":"Behörighet saknas","Terra.switch.switchstatuslabel.off":"Av","Terra.switch.switchstatuslabel.on":"På","Terra.table.all-rows-selected":"Alla rader är markerade","Terra.table.all-rows-unselected":"Inga rader är markerade","Terra.table.blank":"Tomt","Terra.table.cell-focus-trapped":"Fokus befinner sig i cellen. Tryck på Esc-tangenten för att återgå till navigering i rutnätet.","Terra.table.cell-interactable":"Cellen innehåller interaktiva element. Tryck på Retur för att flytta fokus till cellen.","Terra.table.columnError":"Fel som rör kolumnen","Terra.table.maskedCell":"Maskerade data","Terra.table.multiple-rows-selected":"{rowCount} rader har markerats. ","Terra.table.multiple-rows-unselected":"{rowCount} rader har avmarkerats. ","Terra.table.resize-handle-template":"Storleksanpassningshandtag för kolumnen {columnText}. Tryck på Retur för att använda.","Terra.table.resize-handle-value-text":"{columnWidth} pixlar","Terra.table.resizeHandleValueText":"{columnWidth} pixlars kolumnbredd","Terra.table.resume-navigation":"Navigering i rutnätet återupptas.","Terra.table.row-index":"Rad {row}","Terra.table.row-selection-cleared-template":"Rad {row} har avmarkerats. ","Terra.table.row-selection-mode-disabled":"Radmarkeringsläge inaktiverat","Terra.table.row-selection-mode-enabled":"Radmarkeringsläge aktiverat.","Terra.table.row-selection-template":"Rad {row} har markerats. ","Terra.tabs.addbutton.focus":"tryck på Retur-tangenten eller blankstegstangenten för att lägga till en ny flik","Terra.tabs.cancelDrag":"Förflyttning avbröts. Fliken har återgått till startplatsen {startPosition}","Terra.tabs.drag":"Du har flyttat fliken från platsen {startPosition} till platsen {endPosition}","Terra.tabs.drop":"Du har tappat fliken. Den har flyttats från platsen {startPosition} till {endPosition}","Terra.tabs.focus":"Tryck på Retur-tangenten för att aktivera en flik eller tryck på blankstegstangenten för att börja dra.","Terra.tabs.hint.currentTabClosed":" har tagits bort","Terra.tabs.hint.hiddenTabs":"{hiddenTabs} objekt visas inte","Terra.tabs.hint.removable":"objektet kan tas bort med Delete-tangenten eller Backstegstangenten","Terra.tabs.hint.tabList":"Innehåller {numberOfTabs} objekt","Terra.tabs.hint.tabMenu":"{hiddenTabs} objekt är dolda. Välj för att visa {hiddenTabs} dolda objekt","Terra.tabs.lift":"Du har lyft en flik på plats {startPosition}. Använd piltangenterna för att dra fliken till en ny plats. Du kan inte flytta fliken förbi första eller sista platsen. Tryck på blankstegstangenten för att släppa fliken eller Esc-tangenten för att avbryta.","Terra.tabs.more":"Mer","Terra.tags.hint.removable":"objektet kan tas bort med Delete-tangenten eller Backstegstangenten","Terra.tags.hint.rollupNotVisible":"{tagsNotVisibleCount} objekt visas inte","Terra.tags.hint.rollupTag":"{tagsNotVisibleCount} objekt är dolda. Välj för att visa {tagsNotVisibleCount} dolda objekt","Terra.tags.hint.rollupVisible":"{tagsNotVisibleCount} dolda objekt visas nu","Terra.tags.hint.selectable":"för ytterligare information kan knappen väljas med Blankstegstangenten eller Retur-tangenten.","Terra.tags.hint.selectableAndRemovable":"objektet kan tas bort med Delete-tangenten eller Backstegstangenten, för ytterligare information kan knappen väljas med Blankstegstangenten eller Retur-tangenten","Terra.tags.hint.showLess":"välj för att dölja objekt","Terra.tags.hint.tagList":"Innehåller {numberOfTags} objekt","Terra.tags.hint.wasRemoved":"{tagLabelName} har tagits bort","Terra.tags.label.delete":"Ta bort {tagLabelName}","Terra.tags.label.rollupTag":"{tagsNotVisibleCount} fler","Terra.tags.label.showLess":"Visa färre","Terra.timeInput.a11yLabelDefault":"Tid","Terra.timeInput.am":"fm","Terra.timeInput.descriptionMinute":"En tvåsiffrig minut.","Terra.timeInput.descriptionSecond":"En tvåsiffrig sekund.","Terra.timeInput.hourDescriptionTwelve":"Ett tvåsiffrigt 12-timmarsvärde","Terra.timeInput.hourDescriptionTwentyFour":"Ett tvåsiffrigt 24-timmarsvärde","Terra.timeInput.hourLabel":"{a11yLabel} timme","Terra.timeInput.hours":"Timmar","Terra.timeInput.invalidTime":"Ange en giltig tid","Terra.timeInput.labeledTextValue":"{a11yLabel} {a11yTimeValue}","Terra.timeInput.maskHourMinute":"(HH:mm)","Terra.timeInput.maskHourMinuteSecond":"(HH:mm:ss)","Terra.timeInput.minutes":"Minuter","Terra.timeInput.pm":"em","Terra.timeInput.seconds":"sekunder","Terra.timeInput.textValueTwelveHourMinute":"{hour}:{minute} {meridiem}","Terra.timeInput.textValueTwelveHourMinuteSecond":"{hour}:{minute}:{second} {meridiem}","Terra.timeInput.textValueTwentyFourHourMinute":"{hour}:{minute}","Terra.timeInput.textValueTwentyFourHourMinuteSecond":"{hour}:{minute}:{second}","Terra.timeInput.timeFormatLabel":"Tidsformat:","Terra.timeInput.timeSpacer":":","terraApplication.actionMenu.headerCloseButtonLabel":"Stäng","terraApplication.errorBoundary.defaultErrorMessage":"Ett fel uppstod: {errorDetails}","terraApplication.navigation.drawerMenu.navigation":"Navigeringsobjekt","terraApplication.navigation.drawerMenu.utilities":"Verktygsobjekt","terraApplication.navigation.extensions.rollupButtonDescription":"Ytterligare verktyg","terraApplication.navigation.extensions.rollupMenuHeaderTitle":"Ytterligare verktyg","terraApplication.navigation.header.menuButtonTitle":"Meny","terraApplication.navigation.header.skipToContentTitle":"Gå till Innehåll","terraApplication.navigation.header.utilityButtonTitleNoUser":"Alternativ","terraApplication.navigation.header.utilityButtonTitleUser":"Användarinställningar för: {currentUserName}","terraApplication.navigation.notifications.new":"Nytt","terraApplication.navigation.tabs.rollupButtonDescription":"Fler navigeringslänkar","terraApplication.navigation.tabs.rollupButtonTitle":"Mer","terraApplication.navigation.tabs.rollupMenuHeaderTitle":"Fler navigeringslänkar","terraApplication.navigation.utilityMenu.headerTitle":"Verktyg","terraApplication.navigation.utilityMenu.help":"Hjälp","terraApplication.navigation.utilityMenu.logout":"Logga ut","terraApplication.navigation.utilityMenu.settings":"Inställningar","terraApplication.notificationBanner.advisory":"Rekommendation.","terraApplication.notificationBanner.alert":"Varning.","terraApplication.notificationBanner.dismiss":"Stäng","terraApplication.notificationBanner.error":"Fel.","terraApplication.notificationBanner.info":"Information.","terraApplication.notificationBanner.success":"Klar.","terraApplication.notificationBanner.unsatisfied":"Åtgärd krävs.","terraApplication.notificationBanner.unverified":"Externa journaler.","terraApplication.notificationBanner.warning":"Obs!","terraApplication.notifications.newNotificationLabel":"Nytt meddelande på {label}. {bannerType} {bannerDescription}, {bannerAction}, {bannerDismiss}.","terraApplication.notifications.regionLabel":"Meddelanden på {label}.","terraApplication.notifications.removedNotificationLabel":"Tog bort meddelande på {label}. {bannerType} {bannerDescription}.","terraApplication.notifications.totalCountLabel":"Totalt antal meddelanden på {label}: {count}","terraApplication.statusLayout.error":"Fel","terraApplication.statusLayout.no-data":"Inga resultat","terraApplication.statusLayout.no-matching-results":"Inga resultat matchar sökvillkoren","terraApplication.statusLayout.not-authorized":"Behörighet saknas","terraApplication.unsavedChangesPrompt.acceptButtonText":"Spara inte","terraApplication.unsavedChangesPrompt.multiplePromptMessageIntro":"Det finns osparade ändringar i följande:","terraApplication.unsavedChangesPrompt.multiplePromptMessageOutro":"Om du inte sparar ändringarna går de förlorade. Hur vill du fortsätta?","terraApplication.unsavedChangesPrompt.rejectButtonText":"Fortsätt redigera","terraApplication.unsavedChangesPrompt.singlePromptMessage":"Det finns osparade ändringar i {promptDescription}.","terraApplication.unsavedChangesPrompt.title":"Osparade ändringar","terraApplication.workspace.activityOverlay.loading":"Läser in…","terraApplication.workspace.hideWorkspaceLabel":"Dölj arbetsyta","terraApplication.workspace.showWorkspaceLabel":"Visa arbetsyta","terraApplication.workspace.skipToLabel":"Gå till arbetsyta","terraApplication.workspace.workspaceLabel":"Arbetsyta","terraApplication.workspace.workspaceSettingsLabel":"Inställningar för arbetsyta","terraDevSite.pageActivityOverlayContainer.loading":"Läser in...","terraDevSite.pageHeader.actionsMenu":"{label} Actions","terraDevSite.pageHeader.back":"Tillbaka","terraDevSite.pageHeader.moreActions":"More Actions"}},44683:function(e){e.exports=function(){"use strict";return[{locale:"sv",pluralRuleFunction:function(e,a){var r=String(e).split("."),t=!r[1],n=Number(r[0])==e,i=n&&r[0].slice(-1),l=n&&r[0].slice(-2);return a?1!=i&&2!=i||11==l||12==l?"other":"one":1==e&&t?"one":"other"},fields:{year:{displayName:"år",relative:{0:"i år",1:"nästa år","-1":"i fjol"},relativeTime:{future:{one:"om {0} år",other:"om {0} år"},past:{one:"för {0} år sedan",other:"för {0} år sedan"}}},"year-short":{displayName:"år",relative:{0:"i år",1:"nästa år","-1":"i fjol"},relativeTime:{future:{one:"om {0} år",other:"om {0} år"},past:{one:"för {0} år sen",other:"för {0} år sen"}}},month:{displayName:"månad",relative:{0:"denna månad",1:"nästa månad","-1":"förra månaden"},relativeTime:{future:{one:"om {0} månad",other:"om {0} månader"},past:{one:"för {0} månad sedan",other:"för {0} månader sedan"}}},"month-short":{displayName:"m",relative:{0:"denna mån.",1:"nästa mån.","-1":"förra mån."},relativeTime:{future:{one:"om {0} mån.",other:"om {0} mån."},past:{one:"för {0} mån. sen",other:"för {0} mån. sen"}}},day:{displayName:"dag",relative:{0:"i dag",1:"i morgon",2:"i övermorgon","-2":"i förrgår","-1":"i går"},relativeTime:{future:{one:"om {0} dag",other:"om {0} dagar"},past:{one:"för {0} dag sedan",other:"för {0} dagar sedan"}}},"day-short":{displayName:"dag",relative:{0:"i dag",1:"i morgon",2:"i övermorgon","-2":"i förrgår","-1":"i går"},relativeTime:{future:{one:"om {0} d",other:"om {0} d"},past:{one:"för {0} d sedan",other:"för {0} d sedan"}}},hour:{displayName:"timme",relative:{0:"denna timme"},relativeTime:{future:{one:"om {0} timme",other:"om {0} timmar"},past:{one:"för {0} timme sedan",other:"för {0} timmar sedan"}}},"hour-short":{displayName:"tim",relative:{0:"denna timme"},relativeTime:{future:{one:"om {0} tim",other:"om {0} tim"},past:{one:"för {0} tim sedan",other:"för {0} tim sedan"}}},minute:{displayName:"minut",relative:{0:"denna minut"},relativeTime:{future:{one:"om {0} minut",other:"om {0} minuter"},past:{one:"för {0} minut sedan",other:"för {0} minuter sedan"}}},"minute-short":{displayName:"min",relative:{0:"denna minut"},relativeTime:{future:{one:"om {0} min",other:"om {0} min"},past:{one:"för {0} min sen",other:"för {0} min sen"}}},second:{displayName:"sekund",relative:{0:"nu"},relativeTime:{future:{one:"om {0} sekund",other:"om {0} sekunder"},past:{one:"för {0} sekund sedan",other:"för {0} sekunder sedan"}}},"second-short":{displayName:"sek",relative:{0:"nu"},relativeTime:{future:{one:"om {0} sek",other:"om {0} sek"},past:{one:"för {0} s sen",other:"för {0} s sen"}}}}},{locale:"sv-AX",parentLocale:"sv"},{locale:"sv-FI",parentLocale:"sv"}]}()}}]); \ No newline at end of file