diff --git a/11363-28708a5603ac3fd7d00d.css b/11363-28708a5603ac3fd7d00d.css new file mode 100644 index 0000000000..06b201ce46 --- /dev/null +++ b/11363-28708a5603ac3fd7d00d.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/11363-28708a5603ac3fd7d00d.js b/11363-28708a5603ac3fd7d00d.js new file mode 100644 index 0000000000..6466941383 --- /dev/null +++ b/11363-28708a5603ac3fd7d00d.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11363,10885,84746,73156,61297],{33997: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),l={key:"timeseries_paired_result_data",label:{high:{display:"High"},mid:{display:"Median"},low:{display:"Low"}},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},onClick:o.loadPopup,values:[{high:{x:"2016-05-01T12:00:00Z",y:150,isCritical:!1},mid:{x:"2016-05-01T12:00:00Z",y:40},low:{x:"2016-05-01T12:00:00Z",y:10,isCritical:!1}},{high:{x:"2016-08-17T12:00:00Z",y:110},mid:{x:"2016-08-17T12:00:00Z",y:70},low:{x:"2016-08-17T12:00:00Z",y:30}},{high:{x:"2016-10-17T12:00:00Z",y:160},mid:{x:"2016-10-17T12:00:00Z",y:120},low:{x:"2016-10-17T12:00:00Z",y:100}},{high:{x:"2017-03-17T12:00:00Z",y:190},mid:{x:"2017-03-17T12:00:00Z",y:90},low:{x:"2017-03-17T12:00:00Z",y:60}},{low:{x:"2017-07-17T12:00:00Z",y:10}},{high:{x:"2018-02-17T12:00:00Z",y:180}}]};t.default=l},17080: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:"2016-03-02T12:00:00Z",upperLimit:"2018-12-10T12:00:00Z",ticks:{format:"%b %Y"}},y:{label:"Paired Set A",lowerLimit:0,upperLimit:200},y2:{show:!1,label:"Paired Set B",lowerLimit:100,upperLimit:350}},dateline:[{showDatelineIndicator:!0,label:{display:"Action Date"},color:"#C97318",shape:r.default.helpers.SHAPES.SQUARE,onClick:o.loadDatelinePopup,value:new Date(2017,10,1).toISOString()}],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)),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=s(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&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,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 d=function(e){return new Date(e).toLocaleString()},c=function(e){return e?u(e)?d(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),l=function(){var e=p[i],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],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(r)}))},i=0,p=Object.values(n);i0){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(l&&l.length>0){var d=[];l.forEach((function(e){d.push({name:e.key,values:e.values.join(", ")})})),f(a,"Events",d)}if(i&&i.length>0){var c=[];i.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),f(a,"Actions",c)}},t.loadTaskPopup=function(e,t,n,a){y();var r=h(e).append("g"),o=a.label,l=a.display,i=a.y,p=a.startDate,s=a.endDate,c=a.percentage;o&&m(r,"Task Name",l),m(r,"Track",i),m(r,"Start Date",d(p)),m(r,"End Date",d(s)),c&&m(r,"Percentage",c)},t.loadDatelinePopup=function(e,t){y();var n=h(e).append("g"),a=t.label,r=t.value;a&&m(n,"Milestone",a.display),m(n,"Date",d(r))},t.loadTimelinePopup=function(e,t,n,a){y();var r=h(e).append("g"),o=a.x,l=(a.y,a.label),i=a.content;m(r,"X axis","".concat(u(o)?d(o):o)),m(r,"".concat(l.display),i)},t.loadPiePopup=function(e,t,n,a){y();var r=h(e).append("g"),o=a.label,l=a.value;m(r,o.display,l)}},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 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;t.default=i},56998:function(e,t,n){"use strict";var a=n(64836);t.Z=void 0;var r=a(n(67294)),o=a(n(54520)),l=a(n(53334));n(56867),n(379);var i=a(n(93065)),p=a(n(17080)),s=a(n(33997)),d=l.default.deepClone((0,p.default)("#pairedResultWithDateLine")),c=[l.default.deepClone(s.default)];t.Z=function(){return r.default.useEffect((function(){var e=o.default.api.graph(d);c.forEach((function(t){e.loadContent(o.default.api.pairedResult(t))}))}),[]),r.default.createElement(i.default,{id:"pairedResultWithDateLine"})}},1086:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return C}});var a=n(67294),r=n(81254),o=n(56998),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 d(e){var t=e.components,n=p(e,l);return(0,r.mdx)("wrapper",i({},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/PairedResult/PairedResultGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getPairedResultDatelineTimeseriesConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/PairedResult/pairedResultTimeseriesWithDateline';\nimport exampleData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/PairedResult/pairedResultTimeseriesData';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\nconst graphConfig = utils.deepClone(getPairedResultDatelineTimeseriesConfig('#pairedResultWithDateLine'));\nconst dataset = [utils.deepClone(exampleData)];\n\nconst PairedResultWithDatelineExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.graph(graphConfig);\n dataset.forEach((data) => {\n graph.loadContent(Carbon.api.pairedResult(data));\n });\n }, []);\n return (\n \n );\n};\n\nexport default PairedResultWithDatelineExample;\n\n")))}d.isMDXComponent=!0;var c=n(49271),u=n(25005),m=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(c.Z,{title:t||"Timeseries With Dateline",description:n,example:a.createElement(o.Z,null),exampleCssSrc:a.createElement(u.Z,null),exampleSrc:a.createElement(d,null),isExpanded:r})},f=["components"];function h(){return h=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 g={},b="wrapper";function v(e){var t=e.components,n=y(e,f);return(0,r.mdx)(b,h({},g,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 getPairedResultDatelineTimeseriesConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n type: Carbon.helpers.AXIS_TYPE.TIME_SERIES,\n label: 'Datetime',\n lowerLimit: '2016-03-02T12:00:00Z',\n upperLimit: '2018-12-10T12:00:00Z',\n ticks: {\n format: '%b %Y',\n },\n },\n y: {\n label: 'Paired Set A',\n lowerLimit: 0,\n upperLimit: 200,\n },\n y2: {\n show: false,\n label: 'Paired Set B',\n lowerLimit: 100,\n upperLimit: 350,\n },\n },\n dateline: [\n {\n showDatelineIndicator: true,\n label: {\n display: 'Action Date',\n },\n color: '#C97318',\n shape: Carbon.helpers.SHAPES.SQUARE,\n onClick: loadDatelinePopup,\n value: new Date(2017, 10, 1).toISOString(),\n },\n ],\n showLabel: true,\n showLegend: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getPairedResultDatelineTimeseriesConfig;\n\n")))}v.isMDXComponent=!0;var x=n(53897),O=["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 o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n(51320);var T={},E="wrapper";function C(e){var t=e.components,n=P(e,O);return(0,r.mdx)(E,w({},T,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"timeseries-with-dateline"},"Timeseries with dateline"),(0,r.mdx)("p",null,"This is a timeseries paired result graph with dateline in it."),(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:"PairedResultGraph"}),(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)(v,{mdxType:"GraphConfig"}),(0,r.mdx)("h3",{id:"data-object"},"Data object"),(0,r.mdx)(x.Z,{mdxType:"DataObject"})))}C.isMDXComponent=!0},53897: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 i={},p="wrapper";function s(e){var t=e.components,n=l(e,r);return(0,a.mdx)(p,o({},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 {\n loadPopup,\n} from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst data = {\n key: 'timeseries_paired_result_data',\n label: {\n high: {\n display: 'High',\n },\n mid: {\n display: 'Median',\n },\n low: {\n display: 'Low',\n },\n },\n shape: {\n high: Carbon.helpers.SHAPES.DARK.TEAR_ALT,\n mid: Carbon.helpers.SHAPES.DARK.RHOMBUS,\n low: Carbon.helpers.SHAPES.DARK.TEAR_DROP,\n },\n color: {\n high: Carbon.helpers.COLORS.BLACK,\n mid: Carbon.helpers.COLORS.BLUE,\n low: Carbon.helpers.COLORS.BLACK,\n },\n onClick: loadPopup,\n values: [\n {\n high: {\n x: '2016-05-01T12:00:00Z',\n y: 150,\n isCritical: false,\n },\n mid: {\n x: '2016-05-01T12:00:00Z',\n y: 40,\n },\n low: {\n x: '2016-05-01T12:00:00Z',\n y: 10,\n isCritical: false,\n },\n },\n {\n high: {\n x: '2016-08-17T12:00:00Z',\n y: 110,\n },\n mid: {\n x: '2016-08-17T12:00:00Z',\n y: 70,\n },\n low: {\n x: '2016-08-17T12:00:00Z',\n y: 30,\n },\n },\n {\n high: {\n x: '2016-10-17T12:00:00Z',\n y: 160,\n },\n mid: {\n x: '2016-10-17T12:00:00Z',\n y: 120,\n },\n low: {\n x: '2016-10-17T12:00:00Z',\n y: 100,\n },\n },\n {\n high: {\n x: '2017-03-17T12:00:00Z',\n y: 190,\n },\n mid: {\n x: '2017-03-17T12:00:00Z',\n y: 90,\n },\n low: {\n x: '2017-03-17T12:00:00Z',\n y: 60,\n },\n },\n {\n low: {\n x: '2017-07-17T12:00:00Z',\n y: 10,\n },\n },\n {\n high: {\n x: '2018-02-17T12:00:00Z',\n y: 180,\n },\n },\n ],\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)},379:function(e,t,n){"use strict";n.r(t),t.default={}}}]); \ No newline at end of file diff --git a/14150-e1059574e4854ab3f1ee.js b/14150-e1059574e4854ab3f1ee.js new file mode 100644 index 0000000000..38b2b0ef79 --- /dev/null +++ b/14150-e1059574e4854ab3f1ee.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[14150],{51480: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),i={key:"uid_7",label:{display:"Data Label 7"},shape:r.default.helpers.SHAPES.DARK.CIRCLE,onClick:o.loadPopup,yAxis:"y",values:[{x:new Date(2016,0,1,1,5).toISOString(),y:5,isCritical:!1,region:{start:3,end:8,color:r.default.helpers.COLORS.GREY}},{x:new Date(2016,0,1,2,15).toISOString(),y:11,region:{start:4,end:14,color:r.default.helpers.COLORS.GREY}},{x:new Date(2016,0,1,3,15).toISOString(),y:12,region:{start:5,end:15,color:r.default.helpers.COLORS.GREY}},{x:new Date(2016,0,1,4,15).toISOString(),y:16,region:{start:10,end:20,color:r.default.helpers.COLORS.GREY}},{x:new Date(2016,0,1,5,15).toISOString(),y:17,region:{start:10,end:20,color:r.default.helpers.COLORS.GREY}},{x:new Date(2016,0,1,6,15).toISOString(),y:9},{x:new Date(2016,0,1,7,0).toISOString(),y:11,region:{start:8,end:15}},{x:new Date(2016,0,1,8,15).toISOString(),y:12,region:{start:8,end:15}},{x:new Date(2016,0,1,9,45).toISOString(),y:16,region:{start:10,end:20}},{x:new Date(2016,0,1,12,15).toISOString(),y:17,region:{start:10,end:20}},{x:new Date(2016,0,1,13,15).toISOString(),y:28,region:{start:10,end:20},isCritical:!0},{x:new Date(2016,0,1,14,15).toISOString(),y:12,region:{start:8,end:15}},{x:new Date(2016,0,1,19,45).toISOString(),y:13,region:{start:9,end:16}},{x:new Date(2016,0,1,21,15).toISOString(),y:14,region:{start:9,end:16,color:r.default.helpers.COLORS.GREY}}]};n.default=i},29834: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));n.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}}},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)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var t=s(n);if(t&&t.has(e))return t.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,t&&t.set(e,a),a}(t(79590)),l=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()},d=function(e){return e?u(e)?c(e):e:null},u=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),i=function(){var e=p[l],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],i=n.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(t);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)}},n.loadTaskPopup=function(e,n,t,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)},n.loadDatelinePopup=function(e,n){y();var t=g(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){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)},n.loadPiePopup=function(e,n,t,a){y();var r=g(e).append("g"),o=a.label,i=a.value;f(r,o.display,i)}},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 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;n.default=l},32292:function(e,n,t){"use strict";var a=t(64836);n.Z=void 0;var r=a(t(67294)),o=a(t(54520)),i=a(t(53334));t(56867),t(39003);var l=a(t(93065)),p=a(t(29834)),s=a(t(51480)),c=i.default.deepClone((0,p.default)("#valueRegion")),d=i.default.deepClone(s.default);n.Z=function(){return r.default.useEffect((function(){o.default.api.graph(c).loadContent(o.default.api.line(d))}),[]),r.default.createElement(l.default,{id:"valueRegion"})}},14150:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return L}});var a=t(67294),r=t(81254),o=t(32292),i=["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 s={};function c(e){var n=e.components,t=p(e,i);return(0,r.mdx)("wrapper",l({},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 getLineTimeseriesConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Line/lineTimeseries';\nimport exampleData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/datasetRegions7';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getLineTimeseriesConfig('#valueRegion'));\nconst dataset = utils.deepClone(exampleData);\n\nconst ValueRegionLineExample = () => {\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 ValueRegionLineExample;\n\n\n")))}c.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||"Value Region",description:t,example:a.createElement(o.Z,null),exampleCssSrc:a.createElement(u.Z,null),exampleSrc:a.createElement(c,null),isExpanded:r})},m=t(11598),g=["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 v={},h="wrapper";function x(e){var n=e.components,t=b(e,g);return(0,r.mdx)(h,y({},v,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';\n\nconst data = {\n key: 'uid_7',\n label: {\n display: 'Data Label 7',\n },\n shape: Carbon.helpers.SHAPES.DARK.CIRCLE,\n onClick: loadPopup,\n yAxis: 'y',\n values: [\n {\n x: new Date(2016, 0, 1, 1, 5).toISOString(),\n y: 5,\n isCritical: false,\n region: {\n start: 3,\n end: 8,\n color: Carbon.helpers.COLORS.GREY,\n },\n },\n {\n x: new Date(2016, 0, 1, 2, 15).toISOString(),\n y: 11,\n region: {\n start: 4,\n end: 14,\n color: Carbon.helpers.COLORS.GREY,\n },\n },\n {\n x: new Date(2016, 0, 1, 3, 15).toISOString(),\n y: 12,\n region: {\n start: 5,\n end: 15,\n color: Carbon.helpers.COLORS.GREY,\n },\n },\n {\n x: new Date(2016, 0, 1, 4, 15).toISOString(),\n y: 16,\n region: {\n start: 10,\n end: 20,\n color: Carbon.helpers.COLORS.GREY,\n },\n },\n {\n x: new Date(2016, 0, 1, 5, 15).toISOString(),\n y: 17,\n region: {\n start: 10,\n end: 20,\n color: Carbon.helpers.COLORS.GREY,\n },\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 region: {\n start: 8,\n end: 15,\n },\n },\n {\n x: new Date(2016, 0, 1, 8, 15).toISOString(),\n y: 12,\n region: {\n start: 8,\n end: 15,\n },\n },\n {\n x: new Date(2016, 0, 1, 9, 45).toISOString(),\n y: 16,\n region: {\n start: 10,\n end: 20,\n },\n },\n {\n x: new Date(2016, 0, 1, 12, 15).toISOString(),\n y: 17,\n region: {\n start: 10,\n end: 20,\n },\n },\n {\n x: new Date(2016, 0, 1, 13, 15).toISOString(),\n y: 28,\n region: {\n start: 10,\n end: 20,\n },\n isCritical: true,\n },\n {\n x: new Date(2016, 0, 1, 14, 15).toISOString(),\n y: 12,\n region: {\n start: 8,\n end: 15,\n },\n },\n {\n x: new Date(2016, 0, 1, 19, 45).toISOString(),\n y: 13,\n region: {\n start: 9,\n end: 16,\n },\n },\n {\n x: new Date(2016, 0, 1, 21, 15).toISOString(),\n y: 14,\n region: {\n start: 9,\n end: 16,\n color: Carbon.helpers.COLORS.GREY,\n },\n },\n ],\n};\n\nexport default data;\n\n")))}x.isMDXComponent=!0;var O=["components"];function S(){return S=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 D={},C="wrapper";function L(e){var n=e.components,t=w(e,O);return(0,r.mdx)(C,S({},D,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"value-region"},"Value region"),(0,r.mdx)("p",null,"This is timeseries line graph with value based region."),(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)(f,{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)(m.Z,{mdxType:"GraphConfig"}),(0,r.mdx)("h3",{id:"data-object"},"Data object"),(0,r.mdx)(x,{mdxType:"DataObject"})))}L.isMDXComponent=!0},11598: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 l={},p="wrapper";function s(e){var n=e.components,t=i(e,r);return(0,a.mdx)(p,o({},l,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,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/1420-088bd12207a7ebc5b512.js b/1420-088bd12207a7ebc5b512.js new file mode 100644 index 0000000000..8385c91924 --- /dev/null +++ b/1420-088bd12207a7ebc5b512.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1420],{50939: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"},color:r.default.helpers.COLORS.BLACK,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}]};t.default=i},655: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,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}},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()}],clickPassThrough:{dateline:!1},showLabel:!0,showLegend:!0,showShapes:!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},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},85431: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(379);var l=a(n(93065)),p=a(n(655)),s=a(n(50939)),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.scatter(d))}),[]),r.default.createElement(l.default,{id:"timeseriesDateLine"})}},1420:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return P}});var a=n(67294),r=n(81254),o=n(85431),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/PairedResult/PairedResultGraph.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/Scatter/scatterTimeseriesDateline';\nimport exampleData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Scatter/dataset1timeseries';\n\n/*\nPlease refer documentation below to see graphConfig and data objects.\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#timeseriesDateLine'));\nconst dataset = utils.deepClone(exampleData);\n\nconst TimelineWithDatelineScatterExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.graph(graphConfig);\n graph.loadContent(Carbon.api.scatter(dataset));\n }, []);\n return (\n \n );\n};\n\nexport default TimelineWithDatelineScatterExample;\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 With Dateline",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 b={},h="wrapper";function v(e){var t=e.components,n=y(e,f);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 { loadDatelinePopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst getScatterTimeseriesConfig = (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, 0, 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 dateline: [\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(2016, 0, 1, 6).toISOString(),\n },\n ],\n clickPassThrough: {\n dateline: false,\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getScatterTimeseriesConfig;\n\n")))}v.isMDXComponent=!0;var x=n(57433),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 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={},j="wrapper";function P(e){var t=e.components,n=w(e,S);return(0,r.mdx)(j,O({},D,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"timeseries-with-dateline-scatter-graph"},"Timeseries With Dateline Scatter Graph"),(0,r.mdx)("p",null,"This is a timeseries scatter graph with dateline for the graph"),(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:"ScatterGraph"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Example Data")),(0,r.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,r.mdx)(v,{mdxType:"GraphConfig"}),(0,r.mdx)("h3",{id:"data-object"},"Data object"),(0,r.mdx)(x.Z,{mdxType:"DataObject"})))}P.isMDXComponent=!0},57433: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 color: Carbon.helpers.COLORS.BLACK,\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};\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)},379:function(e,t,n){"use strict";n.r(t),t.default={}}}]); \ No newline at end of file diff --git a/15609-d38f0024f5b5d222ab14.js b/15609-d38f0024f5b5d222ab14.js new file mode 100644 index 0000000000..650ca4eb47 --- /dev/null +++ b/15609-d38f0024f5b5d222ab14.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-ce8aa76435e855d76bcb.js b/15658-ce8aa76435e855d76bcb.js new file mode 100644 index 0000000000..84c71bee81 --- /dev/null +++ b/15658-ce8aa76435e855d76bcb.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/15669-dfd2b516430a4bddbb96.js b/15669-dfd2b516430a4bddbb96.js new file mode 100644 index 0000000000..8a08b63ddc --- /dev/null +++ b/15669-dfd2b516430a4bddbb96.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/17638-5f0ff23b7a978a1aa4b6.js b/17638-5f0ff23b7a978a1aa4b6.js new file mode 100644 index 0000000000..dba4e40565 --- /dev/null +++ b/17638-5f0ff23b7a978a1aa4b6.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/17989-86a7a6dfff6f124862ad.js b/17989-86a7a6dfff6f124862ad.js new file mode 100644 index 0000000000..ae0daec815 --- /dev/null +++ b/17989-86a7a6dfff6f124862ad.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