From 08afc8f0cb586efe9c2172a2c3a86938dab437d1 Mon Sep 17 00:00:00 2001 From: trandrew1023 Date: Thu, 14 Sep 2023 15:05:38 +0000 Subject: [PATCH] deploy: 3ffbaa4fd2ef6f55236ed8ac106a4cfe06742744 --- ...a59b148cdbb0af442431.css => 3136-8aee35acef88e48b360d.css} | 0 pull/908/3136-8aee35acef88e48b360d.js | 1 + pull/908/4393-a59b148cdbb0af442431.js | 1 - ...09fbf2bbdc1821db635.css => index-e92da00b20775698c064.css} | 0 ...-409fbf2bbdc1821db635.js => index-e92da00b20775698c064.js} | 4 ++-- ....LICENSE.txt => index-e92da00b20775698c064.js.LICENSE.txt} | 0 pull/908/index.html | 2 +- 7 files changed, 4 insertions(+), 4 deletions(-) rename pull/908/{4393-a59b148cdbb0af442431.css => 3136-8aee35acef88e48b360d.css} (100%) create mode 100644 pull/908/3136-8aee35acef88e48b360d.js delete mode 100644 pull/908/4393-a59b148cdbb0af442431.js rename pull/908/{index-409fbf2bbdc1821db635.css => index-e92da00b20775698c064.css} (100%) rename pull/908/{index-409fbf2bbdc1821db635.js => index-e92da00b20775698c064.js} (95%) rename pull/908/{index-409fbf2bbdc1821db635.js.LICENSE.txt => index-e92da00b20775698c064.js.LICENSE.txt} (100%) diff --git a/pull/908/4393-a59b148cdbb0af442431.css b/pull/908/3136-8aee35acef88e48b360d.css similarity index 100% rename from pull/908/4393-a59b148cdbb0af442431.css rename to pull/908/3136-8aee35acef88e48b360d.css diff --git a/pull/908/3136-8aee35acef88e48b360d.js b/pull/908/3136-8aee35acef88e48b360d.js new file mode 100644 index 000000000..833e9794f --- /dev/null +++ b/pull/908/3136-8aee35acef88e48b360d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_clinical=self.webpackChunkterra_clinical||[]).push([[3136],{42203:function(e,t,n){n.r(t),n.d(t,{default:function(){return fe}});var r=n(67294),a=n(81254),l=n(79898),o=n(34261),i=n(78530),d=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m={},c="wrapper";function p(e){var t=e.components,n=s(e,d);return(0,a.mdx)(c,u({},m,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(i.ZP,{mdxType:"PropsTable"},(0,a.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The text to be displayed for the comment."))),(0,a.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"textStyle"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},'enum: [\n "attention"\n "primary"\n "secondary"\n "strikeThrough"\n "strong"\n],\n'))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'primary'\n"))),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The visual style to be applied to the display element.\nOne of ",(0,a.mdx)("inlineCode",{parentName:"p"},"'primary'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'secondary'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'strong'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'attention'"),", or ",(0,a.mdx)("inlineCode",{parentName:"p"},"'strikeThrough'"),"."))),(0,a.mdx)(i.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"isTruncated"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the text should be truncated. Note: To ensure keyboard accessibility, if this prop\nis used, consumers will need to provide a method to disclose the rest of the text so that it is\naccessible to keyboard users."))),(0,a.mdx)(i.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"isDisabled"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"(Deprecated) Whether or not the display is disabled."))),(0,a.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"icon"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The icon react element to be displayed next to the display text."))),(0,a.mdx)(i.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"iconAlignment"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'center'\n 'top'\n 'inline'\n],\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'center'\n"))),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The position of the icon to be displayed next to the text,\nnoticeable when the text display wraps multiple line.\nOne of ",(0,a.mdx)("inlineCode",{parentName:"p"},"'center'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'top'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'inline'"),"."))),(0,a.mdx)(i.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"textStyleMeaning"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nThe meaning of the text styling, for use by screen readers.\nChanging ",(0,a.mdx)("inlineCode",{parentName:"p"},"textStyleMeaning"),' will not visually change the style of the content.\nDefaults to "deletion" for ',(0,a.mdx)("inlineCode",{parentName:"p"},"textStyle")," of ",(0,a.mdx)("inlineCode",{parentName:"p"},"'strikeThrough'"),".")))))}p.isMDXComponent=!0;var f=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var g={},b="wrapper";function h(e){var t=e.components,n=y(e,f);return(0,a.mdx)(b,x({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(i.ZP,{mdxType:"PropsTable"},(0,a.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The text to be displayed for the comment."))),(0,a.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(i.O,{mdxType:"PropNameCell"},"isTruncated"),(0,a.mdx)(i.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the text should be truncated in display. Note: To ensure keyboard accessibility,\nif this prop is used, consumers will need to provide a method to disclose the rest of the text\nso that it is accessible to keyboard users.")))))}h.isMDXComponent=!0;var v=n(15380),T=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var D={};function E(e){var t=e.components,n=S(e,T);return(0,a.mdx)("wrapper",O({},D,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ItemDisplay from \'terra-clinical-item-display\';\n\nconst component = () => (\n \n \n \n \n \n \n \n);\n\nexport default component;\n\n')))}E.isMDXComponent=!0;var N=n(49271),C=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(N.Z,{title:t||"Text Styles",description:n,example:r.createElement(v.Z,null),exampleSrc:r.createElement(E,null),isExpanded:a})};n(9295);var I=n(47945),j=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var P={};function M(e){var t=e.components,n=w(e,j);return(0,a.mdx)("wrapper",_({},P,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport IconGlasses from 'terra-icon/lib/icon/IconGlasses';\nimport ItemDisplay from 'terra-clinical-item-display';\n\nconst component = () => (} />);\n\nexport default component;\n\n")))}M.isMDXComponent=!0;var R=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(N.Z,{title:t||"Icon",description:n,example:r.createElement(I.Z,null),exampleSrc:r.createElement(M,null),isExpanded:a})},k=n(94458),A=["components"];function q(){return q=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Z={};function W(e){var t=e.components,n=X(e,A);return(0,a.mdx)("wrapper",q({},Z,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport IconGlasses from 'terra-icon/lib/icon/IconGlasses';\nimport ItemDisplay from 'terra-clinical-item-display';\n\nconst sampleText = 'Mr. James is currently receiving outpatient treatment. He has been diagnosed with an Axis I diagnosis of Psychosis NOS, ruled out Schizoaffective Disorder and Post Traumatic Stress Disorder, and is being treated with Haldol 5mg and Cogentin 1mg. ';\n\nconst component = () => (\n \n } />\n
\n } iconAlignment=\"top\" />\n
\n } iconAlignment=\"inline\" />\n
\n
\n);\n\nexport default component;\n\n")))}W.isMDXComponent=!0;var H=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(N.Z,{title:t||"Icon Text",description:n,example:r.createElement(k.Z,null),exampleSrc:r.createElement(W,null),isExpanded:a})},B=n(88022),G=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var U={};function V(e){var t=e.components,n=L(e,G);return(0,a.mdx)("wrapper",F({},U,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport ItemComment from 'terra-clinical-item-display/lib/ItemComment';\n\nconst component = () => (\n \n \n \n);\n\nexport default component;\n\n")))}V.isMDXComponent=!0;var z=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(N.Z,{title:t||"Default Comment",description:n,example:r.createElement(B.Z,null),exampleSrc:r.createElement(V,null),isExpanded:a})},J=n(27156),K=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Q={};function ee(e){var t=e.components,n=$(e,K);return(0,a.mdx)("wrapper",Y({},Q,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ItemDisplay from \'terra-clinical-item-display\';\n\nconst component = () => (\n \n \n

Screen reader reads: “Important”, “Attention”, “Important End”

\n
\n \n

Screen reader reads: “Deletion”, “Strike-through (Default)”, “Deletion End”

\n
\n \n

Screen reader reads: “Update”, “Strike-through”, “Update End”

\n
\n);\n\nexport default component;\n\n')))}ee.isMDXComponent=!0;var te=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(N.Z,{title:t||"Text Style Meaning",description:n,example:r.createElement(J.Z,null),exampleSrc:r.createElement(ee,null),isExpanded:a})},ne=n(75258),re=["components"];function ae(){return ae=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var oe={};function ie(e){var t=e.components,n=le(e,re);return(0,a.mdx)("wrapper",ae({},oe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef, useContext } from 'react';\nimport ItemDisplay from 'terra-clinical-item-display';\nimport List, { Item } from 'terra-list';\nimport Popup from 'terra-popup';\nimport Button from 'terra-button';\nimport ModalManager from 'terra-modal-manager';\nimport ToggleButton from 'terra-toggle-button';\nimport { DisclosureManagerContext, DisclosureManagerHeaderAdapter } from 'terra-disclosure-manager';\n\nconst fullText = 'Mr. James is currently receiving outpatient treatment. He has been diagnosed with an Axis I diagnosis of Psychosis NOS, ruled out Schizoaffective Disorder and Post Traumatic Stress Disorder, and is being treated with Haldol 5mg and Cogentin 1mg. His treatment may have potential side effects such as dizziness and headaches. His symptoms have been manageable, if any side effects or concerns come up, consult with the doctor immediately.';\n\nconst TruncatedTextExample = () => {\n const [popupOpen, setPopupOpen] = useState(false);\n const popupRef = useRef(null);\n\n const setButtonNode = (node) => {\n popupRef.current = node;\n };\n\n const handleButtonClick = () => {\n if (!popupOpen) {\n document.querySelector('#root').setAttribute('inert', 'true');\n }\n setPopupOpen(true);\n };\n\n const handleRequestClose = () => {\n setPopupOpen(false);\n document.querySelector('#root').removeAttribute('inert');\n popupRef.current.focus();\n };\n\n const FullTextModalContent = () => {\n const disclosureManager = useContext(DisclosureManagerContext);\n\n const disclose = () => {\n disclosureManager.disclose({\n preferredType: 'modal',\n size: 'tiny',\n content: {\n key: 'text-key',\n component: (\n <>\n \n \n \n ),\n },\n });\n };\n\n return (\n