Options
All
  • Public
  • Public/Protected
  • All
Menu

Module @doctorlink/styled-components

Index

Interfaces

Type aliases

Variables

Functions

Object literals

Type aliases

ChatJump

ChatJump: (algoId: number, nodeId: number, assetId: number) => void

Type declaration

    • (algoId: number, nodeId: number, assetId: number): void
    • Parameters

      • algoId: number
      • nodeId: number
      • assetId: number

      Returns void

HTMLComponentType

HTMLComponentType<E, P>: ComponentType<HTMLAttributes<E> & RefAttributes<E> & P>

Type parameters

  • E

  • P

HTMLComponentType

HTMLComponentType<E>: ComponentType<HTMLAttributes<E> & RefAttributes<E>>

Type parameters

  • E

HraRouteName

HraRouteName: "health-age" | "risks" | "wellbeing" | "my-numbers" | "comparison-report"

Jump

Option

Option: string | number | OptionObject

ThemeCreator

ThemeCreator<T>: (parentTheme: T) => RootTheme & T

Type parameters

  • T

Type declaration

ToggleCheckboxCallback

ToggleCheckboxCallback: (event: SyntheticEvent<HTMLInputElement>, answerId: string, questionAnswerIds: string[]) => void

Type declaration

    • (event: SyntheticEvent<HTMLInputElement>, answerId: string, questionAnswerIds: string[]): void
    • Parameters

      • event: SyntheticEvent<HTMLInputElement>
      • answerId: string
      • questionAnswerIds: string[]

      Returns void

ToggleRadioCallback

ToggleRadioCallback: (event: SyntheticEvent<HTMLInputElement>, answerId: string, questionAnswerIds: string[], checked: boolean) => void

Type declaration

    • (event: SyntheticEvent<HTMLInputElement>, answerId: string, questionAnswerIds: string[], checked: boolean): void
    • Parameters

      • event: SyntheticEvent<HTMLInputElement>
      • answerId: string
      • questionAnswerIds: string[]
      • checked: boolean

      Returns void

TraversalJump

TraversalJump: (algoId: number, nodeId: number) => void

Type declaration

    • (algoId: number, nodeId: number): void
    • Parameters

      • algoId: number
      • nodeId: number

      Returns void

UpdateValueCallback

UpdateValueCallback: (answerId: string, questionAnswerIds: string[], value: string) => void

Type declaration

    • (answerId: string, questionAnswerIds: string[], value: string): void
    • Parameters

      • answerId: string
      • questionAnswerIds: string[]
      • value: string

      Returns void

Variables

Const A

A: string & StyledComponentBase<"a", DefaultTheme, {}, never> & {} = styled.a`cursor: pointer;`

Const Active

Active: string & StyledComponentBase<ForwardRefExoticComponent<{} & MotionProps & RefAttributes<HTMLDivElement>>, DefaultTheme, { animate: object; exit: object; initial: object }, "animate" | "initial" | "exit"> & {} = styled(motion.div).attrs({initial: { opacity: 0 },animate: { opacity: 1 },exit: { opacity: 0 },})`margin: ${(p) => p.theme.toggleAssessment.buttonMargin}px;height: 26px;width: ${(p) => p.theme.toggleAssessment.buttonWidth}%;border-radius: ${(p) => p.theme.toggleAssessment.activeButtonBorderRadius}px;background: linear-gradient(180deg,${(p) => p.theme.toggleAssessment.activeButtonBackgroundColor1} 10%,${(p) => p.theme.toggleAssessment.activeButtonBackgroundColor2} 90%);color: ${(p) => p.theme.toggleAssessment.activeButtonTextColor};float: left;`

Const Age

Age: string & StyledComponentBase<"article", DefaultTheme, TileProps, never> & {} = styled.article<TileProps>`@media screen and (max-width: 355px) {font-size: clamp(${(p) => 2 - p.heat / 2 + 0.4}rem,${(p) => 2 - p.heat / 2 + 0.5}vw,${(p) => 3 - p.heat / 2}rem);}@media screen and (min-width: 356px) {font-size: clamp(${(p) => 3 - p.heat / 2}rem,${(p) => 3 - p.heat / 2 + 0.5}vw,${(p) => 4 - p.heat / 2}rem);}font-weight: 300;`

Const AgeOptions

AgeOptions: number[] = [50, 60, 70, 80, 90, 100, 110]

Const AgeOptions

AgeOptions: number[] = [50, 60, 70, 80, 90, 100, 110]

Const AgeOptions

AgeOptions: number[] = [80, 90, 100, 110]

Const AlgoName

AlgoName: string & StyledComponentBase<"h2", DefaultTheme, {}, never> & {} = styled.h2`margin: 0;padding: ${(p) => p.theme.algoname.padding}px 0;font-family: ${(p) => p.theme.algoname.fontFamily};font-size: ${(p) => p.theme.algoname.fontSize}px;line-height: ${(p) => p.theme.algoname.lineHeight}px;`

Const AnswerText

AnswerText: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div``

Const Answers

Answers: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`color: ${(p) => p.theme.summary.color};`

Const Arc

Arc: string & StyledComponentBase<"path", DefaultTheme, {}, never> & {} = styled.path`fill: none;stroke: url(#rag-gradient);stroke-linecap: round;`

Const BackDropMotion

BackDropMotion: string & StyledComponentBase<ForwardRefExoticComponent<{} & MotionProps & RefAttributes<HTMLDivElement>>, DefaultTheme, {}, never> & {} = styled(motion.div)`background-color: rgba(0, 0, 0, 0.8);position: fixed;top: 0;height: 100%;right: 0;width: 100%;z-index: 100;`

Const Bar

Bar: string & StyledComponentBase<"polygon", DefaultTheme, {}, never> & {} = styled.polygon`width: 100%;fill: url(#rag-gradient);`

Const Bar

Bar: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`height: 8px;width: 100%;border-radius: 4px;margin-bottom: 8px;background: linear-gradient(270deg,${colors.green100} 0%,${colors.greenyellow} 25%,${colors.orange200} 50%,${colors.redgreen} 75%,${colors.red300} 100%);`

Const Body

Body: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`padding: ${(p) => p.theme.modal.padding}px;`

Const BottomBar

BottomBar: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`@media screen and (max-width: 799px) {margin-top: ${(p) => p.theme.toggleAssessment.marginTop}px;display: block;box-sizing: border-box;height: 42px;border: 1px solid ${(p) => p.theme.toggleAssessment.borderColor};border-radius: ${(p) => p.theme.toggleAssessment.borderRadius}px;letter-spacing: 0;line-height: ${(p) => p.theme.toggleAssessment.lineHeight}px;text-align: center;}`

Const BottomBar

BottomBar: string & StyledComponentBase<"footer", DefaultTheme, {}, never> & {} = styled.footer`position: fixed;top: calc(100% - ${bottomBarHeight});left: 0;width: 100%;height: ${bottomBarHeight};background-color: #fff;box-shadow: 0 -1px 5px ${colors.grey200};`

Const BottomBar

BottomBar: string & StyledComponentBase<"footer", DefaultTheme, {}, never> & {} = styled.footer`position: fixed;top: calc(100% - ${bottomBarHeight});left: 0;width: 100%;height: ${bottomBarHeight};background-color: #fff;box-shadow: 0 -1px 5px ${colors.grey200};`

Const Button

Button: string & StyledComponentBase<"button", DefaultTheme, { type: "button" }, "type"> & {} = styled(IconButton)`width: 16px;height: 16px;`

Const Button

Button: string & StyledComponentBase<"button", DefaultTheme, {}, never> & {} = styled.button`font-family: ${(props) => props.theme.button.fontFamily};transition: all 150ms;background-color: ${(props) => props.theme.button.color};border: none;border-radius: ${(props) => props.theme.button.borderRadius}px;color: white;padding: ${(props) => props.theme.button.padding};text-align: center;text-decoration: none;display: inline-block;font-size: ${(props) => props.theme.button.fontSize}px;cursor: pointer;&:hover {background: ${(props) => props.theme.button.hoverColor};}&:disabled {cursor: not-allowed;background: ${(props) => props.theme.button.disabled.color};&:hover {background: ${(props) => props.theme.button.disabled.hoverColor};}}`

Const Button

Button: string & StyledComponentBase<"button", DefaultTheme, { type: "button" }, "type"> & {} = styled.button.attrs({ type: 'button' })``

Const Button

Button: string & StyledComponentBase<"button", DefaultTheme, { type: "button" }, "type"> & {} = styled(IconButton)`&:hover {${Icon} {fill: ${(p) => p.theme.editAnswerIcon.hoverColor};}}&:focus {${Icon} {fill: ${(p) => p.theme.editAnswerIcon.focusColor};}}`

Const Button

Button: string & StyledComponentBase<"button", DefaultTheme, { type: "button" }, "type"> & {} = withDefaultTheme(styled(IconButton)`&:focus {${Icon} {stroke: ${(p) => p.theme.infoicon.focusColor};}}&:hover {${Icon} {stroke: ${(p) => p.theme.infoicon.hoverColor};}}`)

Const Button

Button: string & StyledComponentBase<"button", DefaultTheme, {}, never> & {} = styled(SimpleButton)`width: 100%;`

Const ButtonContainer

ButtonContainer: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`margin: 0 10px;${Button}:not(:last-child) {margin-right: 10px;}`

Const ButtonGroup

ButtonGroup: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: flex;`

Const Buttons

Buttons: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: flex;flex-direction: column;`

Const CarouselNav

CarouselNav: string & StyledComponentBase<"nav", DefaultTheme, {}, never> & {} = styled.nav`display: flex;flex-direction: column;align-items: center;padding: 5px;`

Const Centered

Centered: string & StyledComponentBase<"div", DefaultTheme, PanelBodyTextProps, never> & {} = styled(PanelBodyText)`text-align: center;@media screen and (max-width: 355px) {font-size: 0.9rem;}`

Const Centered

Centered: string & StyledComponentBase<"div", DefaultTheme, PanelBodyTextProps, never> & {} = styled(PanelBodyText)`text-align: center;`

Const ChatContainer

ChatContainer: string & StyledComponentBase<"div", DefaultTheme, ChatContainerProps, never> & {} = styled.div<ChatContainerProps>`box-sizing: border-box;padding: 0 10px;min-height: ${(props) => props.minHeight}px;`

Const ChatContent

ChatContent: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`max-width: 440px;text-align: left;margin: 0px auto;`

Const ChatForm

ChatForm: ForwardRefExoticComponent<ChatFormProps & RefAttributes<HTMLFormElement>> = React.forwardRef<HTMLFormElement, ChatFormProps>(function ChatForm({ disableSubmit, ...props }, ref) {return (<Form ref={ref} {...props}><HiddenSubmit disabled={disableSubmit} />{props.children}</Form>);})

Const ChatGroupContainer

ChatGroupContainer: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`margin-bottom: 34px;text-align: center;width: 100%;font-size: 18px;line-height: 18px;`

Const ChatPreviousAnswer

ChatPreviousAnswer: ForwardRefExoticComponent<ChatPreviousAnswerProps & RefAttributes<HTMLButtonElement>> = React.forwardRef<HTMLButtonElement,ChatPreviousAnswerProps>(function ChatPreviousAnswer({ answer, jumpBack }, ref) {if (!answer.controlChecked || answer.controlType === 'Dropdown') return null;const text = `${answer.controlValue ? answer.controlValue + ' ' : ''}${answer.displayText}`;return (<PreviousAnswer ref={ref} onClick={jumpBack}><PreviousAnswerText dangerouslySetInnerHTML={{ __html: text }} /></PreviousAnswer>);})

Const ChatPreviousAnswers

ChatPreviousAnswers: ForwardRefExoticComponent<ChatPreviousAnswersProps & RefAttributes<HTMLDivElement>> = React.forwardRef<HTMLDivElement,ChatPreviousAnswersProps>(function ChatPreviousAnswers({ jumpBack, children, ...props }, ref) {return (<motion.div ref={ref} {...props}><PreviousAnswersContent><div>{children}</div><EditAnswerButton onClick={jumpBack} /></PreviousAnswersContent></motion.div>);})

Const ChatQuestion

ChatQuestion: ForwardRefExoticComponent<ChatQuestionProps & RefAttributes<HTMLDivElement>> = React.forwardRef<HTMLDivElement, ChatQuestionProps>(function ChatQuestion({ displayText, error, current, children, ...props },ref) {return (<QuestionWrapper current={current} ref={ref} {...props}><QuestionContent><QuestionText dangerouslySetInnerHTML={{ __html: displayText }} />{children}</QuestionContent>{error && <ErrorText>{error.text}</ErrorText>}</QuestionWrapper>);})

Const ChatTextField

ChatTextField: string & StyledComponentBase<"input", DefaultTheme, {}, never> & {} = styled.input`width: 100%;transition: all 0.4s ease-out;vertical-align: baseline;color: rgb(87, 87, 87);margin: 0px;font: inherit inherit inherit inherit inherit inherit inherit;outline: none;border-width: initial;border-style: none;border-color: initial;border-image: initial;background: transparent;padding: 15px 18px;flex: 1 1 0%;font-size: 18px;`

Const CheckboxContainer

CheckboxContainer: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: inline-block;vertical-align: middle;`

Const ChoiceContainer

ChoiceContainer: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: flex;align-items: center;border-top: 1px solid rgb(200, 205, 215);&:last-child {border-bottom: 1px solid rgb(200, 205, 215);margin-bottom: 24px;}`

Const ComboBoxList

ComboBoxList: string & StyledComponentBase<"ul", DefaultTheme, { role: "listbox" }, "role"> & {} = styled.ul.attrs({ role: 'listbox' })`position: absolute;top: 55px; // Height of ChatTextWrapper + 1pxleft: 0;width: 100%;max-height: 300px;list-style: none;border: 1px solid rgb(222, 222, 222);border-radius: 3px;margin: 0;padding: 0;z-index: 100;overflow-y: auto;background-color: rgb(255, 255, 255);`

Const ComboBoxOption

ComboBoxOption: string & StyledComponentBase<"li", DefaultTheme, { role: "option" }, "role"> & {} = styled.li.attrs({ role: 'option' })`margin: 0;padding: 8px 16px;line-height: 24px;font-size: 16px;cursor: pointer;&.focused {background-color: #f1f1fd;}`

Const ComboBoxPlaceholderOption

ComboBoxPlaceholderOption: string & StyledComponentBase<"li", DefaultTheme, { role: "option" }, "role"> & {} = styled(ComboBoxOption)`color: rgb(154, 154, 154);font-style: italic;`

Const ComboBoxWrapper

ComboBoxWrapper: string & StyledComponentBase<"div", DefaultTheme, { role: "combobox" }, "role"> & {} = styled.div.attrs({ role: 'combobox' })`position: relative;width: 100%;`

Const ComparisonContent

ComparisonContent: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`padding: 10px;`

Const ComparisonPanel

ComparisonPanel: string & StyledComponentBase<FunctionComponent<any>, DefaultTheme, {}, never> & {} = styled(PanelBox)`@media screen and (min-width: 800px) {width: 49.2%;float: left;}`

Const ComparisonReportTitle

ComparisonReportTitle: string & StyledComponentBase<"h2", DefaultTheme, {}, never> & {} = styled.h2`color: ${(p) => p.theme.comparisonreporttitle.color};font-family: ${(p) => p.theme.comparisonreporttitle.fontFamily};font-weight: ${(p) => p.theme.comparisonreporttitle.fontWeight};font-size: ${(p) => p.theme.comparisonreporttitle.fontSize}px;line-height: ${(p) => p.theme.comparisonreporttitle.lineHeight}px;@media screen and (min-width: 800px) {padding-left: ${(p) => p.theme.comparisonreporttitle.paddingLeft}px;}`

Const ConclusionContainer

ConclusionContainer: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: flex;justify-content: space-between;`

Const ConclusionContent

ConclusionContent: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = withDefaultTheme(styled.div`display: flex;justify-content: space-between;width: 100%;font-size: ${(p) => p.theme.healthReportConclusion.fontSize}px;line-height: ${(p) => p.theme.healthReportConclusion.lineHeight}px;padding: ${(p) => p.theme.healthReportConclusion.verticalPadding}px 0;`)

Const ConclusionLabel

ConclusionLabel: string & StyledComponentBase<"label", DefaultTheme, {}, never> & {} = styled(Label)`padding: 0;box-shadow: none;`

Const ConclusionsTitle

ConclusionsTitle: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`background-color: ${(p) => p.theme.colors.brand100};height: 80px;padding-top: 10px;line-height: 2;margin-top: 1px;@media screen and (min-width: 800px) {border-radius: 8px 8px 0 0;}`

Const Container

Container: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`position: relative;display: inline-block;width: ${(p) => p.theme.infoicon.size}px;height: ${(p) => p.theme.infoicon.size}px;flex-basis: ${(p) => p.theme.infoicon.size}px;flex-grow: 0;flex-shrink: 0;align-self: flex-start;vertical-align: bottom;margin-left: ${(p) => p.theme.infoicon.padding / 2}px;&:focus {box-shadow: 0 0 2px 0.1px ${(p) => p.theme.infoicon.focusColor};}${Button} {box-sizing: content-box;border: 0;background: transparent;outline: none;position: absolute;cursor: pointer;padding: ${(p) => p.theme.infoicon.padding}px${(p) => p.theme.infoicon.padding / 2}px;top: -${(p) => p.theme.infoicon.padding}px;left: -${(p) => p.theme.infoicon.padding / 2}px;width: ${(p) => p.theme.infoicon.size}px;height: ${(p) => p.theme.infoicon.size}px;${Icon} {transition: all 150ms;fill: none;stroke: ${(p) => p.theme.infoicon.color};stroke-width: 2px;stroke-linecap: round;stroke-linejoin: round;}&:focus {${Icon} {stroke: ${(p) => p.theme.infoicon.hoverColor};}}}&:hover {${Button} {${Icon} {stroke: ${(p) => p.theme.infoicon.hoverColor};}}}`

Const Container

Container: string & StyledComponentBase<"div", DefaultTheme, ContainerProps, never> & {} = styled.div<ContainerProps>`display: flex;justify-content: ${(props) => props.justifyContent || 'flex-start'};text-align: ${(p) => p.textAlign};`

Const Container

Container: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`margin: 5px 0;`

Const Container

Container: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`transition: all 300ms;`

Const Container

Container: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: flex;flex-direction: column;${Buttons} {@media screen and (min-width: 450px) {flex-direction: row;}}${PrevButton} {margin-right: ${(p) => p.theme.spacing.padding}px;}${ButtonGroup} {margin-bottom: ${(p) => p.theme.spacing.padding}px;@media screen and (min-width: 450px) {margin-bottom: 0;}}`

Const Container

Container: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`white-space: normal;cursor: auto;width: 100%;position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;`

Const Container

Container: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`font-family: ${(props) => props.theme.typography.fontFamily};`

Const Content

Content: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`margin-top: 30px;max-width: 1240px;width: 100%;display: table;box-sizing: border-box;`

Const Content

Content: string & StyledComponentBase<"main", DefaultTheme, {}, never> & {} = styled.main`margin-bottom: ${bottomBarHeight};overflow: hidden;`

Const Content

Content: string & StyledComponentBase<"main", DefaultTheme, {}, never> & {} = styled.main`margin-bottom: ${bottomBarHeight};overflow: hidden;`

Const DisplayText

DisplayText: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`font-family: ${(p) => p.theme.displayText.fontFamily};padding-left: ${(p) => p.theme.displayText.padding}px;font-size: ${(p) => p.theme.displayText.fontSize}px;line-height: ${(p) => p.theme.displayText.lineHeight}px;`

Const DisplayText

DisplayText: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: inline-block;font-family: ${(p) => p.theme.question.fontFamily};font-size: ${(p) => p.theme.question.fontSize}px;line-height: ${(p) => p.theme.question.lineHeight}px;white-space: pre-wrap;.e24subtext {font-size: ${(p) => p.theme.question.fontSize * 0.8}px;line-height: ${(p) => p.theme.question.lineHeight * 0.6}px;font-style: italic;}`

Const DisplayText

DisplayText: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`font-family: ${(p) => p.theme.tableheadercell.fontFamily};font-size: ${(p) => p.theme.tableheadercell.fontSize}px;line-height: ${(p) => p.theme.tableheadercell.lineHeight}px;display: inline-block;font-weight: normal;white-space: pre-wrap;.e24subtext {font-size: ${(p) => p.theme.tableheadercell.fontSize * 0.8}px;line-height: ${(p) => p.theme.tableheadercell.lineHeight * 0.6}px;font-style: italic;}`

Const DisplayText

DisplayText: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`width: 100%;transition: all 0.4s ease-out;vertical-align: baseline;color: rgb(87, 87, 87);margin: 0px;font: inherit inherit inherit inherit inherit inherit inherit;outline: none;border-width: initial;border-style: none;border-color: initial;border-image: initial;background: transparent;padding: 10px 18px 0;flex: 1 1 0%;font-size: 14px;line-height: 22px;box-sizing: border-box;`

Const Div

Div: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`min-height: 160px;margin: 20px;`

Const Dot

Dot: string & StyledComponentBase<"div", DefaultTheme, Props, never> & {} = styled.div<Props>`width: 9px;height: 9px;border-radius: 50%;background-color: black;opacity: 0.6;animation: ${animation} 1.2s ${(props) => props.delay}s infinite ease-out;`

Const DotsContainer

DotsContainer: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`width: 40px;display: flex;justify-content: space-between;`

Const Empty

Empty: string & StyledComponentBase<"h4", DefaultTheme, {}, never> & {} = styled.h4`padding: 10px;margin: 0;`

Const EmptyAnswerText

EmptyAnswerText: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div``

Const ErrorText

ErrorText: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`padding: 0 ${(p) => p.theme.tableheadercell.padding}px ${(p) =>p.theme.tableheadercell.padding}px;font-family: ${(p) => p.theme.tableheadercell.fontFamily};/* font-size: ${(p) => p.theme.tableheadercell.errorFontSize}px; */font-size: ${(p) => p.theme.tableheadercell.fontSize * 0.8}px;line-height: ${(p) => p.theme.tableheadercell.lineHeight * 0.6}px;color: ${(p) => p.theme.tableheadercell.errorColor};text-align: left;`

Const ErrorText

ErrorText: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`font-size: 12px;font-weight: normal;color: rgb(179, 0, 0);`

Const ErrorText

ErrorText: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`/* padding: 0 ${(p) => p.theme.errortext.padding}px; */font-family: ${(p) => p.theme.errortext.fontFamily};font-size: ${(p) => p.theme.errortext.fontSize}px;color: ${(p) => p.theme.errortext.color};`

Const Expandable

Expandable: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`overflow: hidden;transition: height 0.3s;`

Const FadedAge

FadedAge: string & StyledComponentBase<"article", DefaultTheme, TileProps, never> & {} = styled(Age)`opacity: 0.2;`

Const FlexBox

FlexBox: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;font-size: ${(p) => p.theme.typography.regular.size}px;font-weight: 600;margin-bottom: ${(p) => p.theme.spacing.padding}px;`

Const FlexBox

FlexBox: string & StyledComponentBase<"div", DefaultTheme, { mobileView?: undefined | false | true }, never> & {} = withDefaultTheme(styled.div<{ mobileView?: boolean }>`width: 100%;display: flex;flex-direction: row;justify-content: ${(p) => (p.mobileView ? 'flex-start' : 'flex-end')};align-items: center;font-size: ${(p) => p.theme.typography.regular.size}px;font-weight: 600;margin-bottom: ${(p) => p.theme.spacing.padding}px;`)

Const FlexButton

FlexButton: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`flex: 1;`

Const Form

Form: string & StyledComponentBase<ForwardRefExoticComponent<{} & MotionProps & RefAttributes<HTMLFormElement>>, DefaultTheme, {}, never> & {} = styled(motion.form)`padding: 0;margin: 0;border: 0;border-top: 0;display: flex;flex-direction: column;`

Const Form

Form: string & StyledComponentBase<"form", DefaultTheme, {}, never> & {} = styled.form``

Const Header

Header: ForwardRefExoticComponent<{} & RefAttributes<any>> = createSummaryChild(styled(motion.div)`padding: 10px;display: flex;align-items: flex-start;`)

Const Header

Header: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: flex;align-items: center;padding: ${(p) => p.theme.modal.padding}px;background: ${(p) => p.theme.modal.header.background};color: ${(p) => p.theme.modal.header.color};border-top-left-radius: ${(p) => p.theme.modal.borderRadius}px;border-top-right-radius: ${(p) => p.theme.modal.borderRadius}px;`

Const Header

Header: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`line-height: 2;`

Const HealthReportExplanationBody

HealthReportExplanationBody: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = withDefaultTheme(styled.div`font-size: ${(p) => p.theme.healthReportExplanation.fontSize}px;line-height: ${(p) => p.theme.healthReportExplanation.lineHeight}px;`)

Const HealthReportTitle

HealthReportTitle: string & StyledComponentBase<"h2", DefaultTheme, {}, never> & {} = styled.h2`color: ${(p) => p.theme.healthreporttitle.color};font-family: ${(p) => p.theme.healthreporttitle.fontFamily};font-weight: ${(p) => p.theme.healthreporttitle.fontWeight};font-size: ${(p) => p.theme.healthreporttitle.fontSize}px;line-height: ${(p) => p.theme.healthreporttitle.lineHeight}px;margin-top: 0;`

Const HiddenInput

HiddenInput: string & StyledComponentBase<"input", DefaultTheme, {}, never> & {} = styled.input`// Hide checkbox visually but remain accessible to screen readers.// Source: https://polished.js.org/docs/#hidevisuallyborder: 0;clip: rect(0 0 0 0);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;width: 1px;`

Const HiddenSubmit

HiddenSubmit: string & StyledComponentBase<"input", DefaultTheme, { tabIndex: -1; type: "submit" }, "type" | "tabIndex"> & {} = styled.input.attrs({type: 'submit',tabIndex: -1,})`position: absolute;left: -9999px;width: 1px;height: 1px;`

Const Icon

Icon: string & StyledComponentBase<"svg", DefaultTheme, {}, never> & {} = styled.svg``

Const Icon

Icon: string & StyledComponentBase<"svg", DefaultTheme, {}, never> & {} = styled.svg``

Const Icon

Icon: string & StyledComponentBase<"svg", DefaultTheme, {}, never> & {} = styled.svg``

Const Icon

Icon: string & StyledComponentBase<"svg", DefaultTheme, {}, never> & {} = styled.svg`fill: ${(p) => p.theme.infoicon.color};width: ${(p) => p.theme.infoicon.size}px;height: ${(p) => p.theme.infoicon.size}px;`

Const Icon

Icon: string & StyledComponentBase<"svg", DefaultTheme, {}, never> & {} = styled.svg`fill: ${(p) => p.theme.editAnswerIcon.color};width: ${(p) => p.theme.editAnswerIcon.size}px;height: ${(p) => p.theme.editAnswerIcon.size}px;`

Const Icon

Icon: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled(DisplayText)`width: 10%;`

Const Icon

Icon: string & StyledComponentBase<"svg", DefaultTheme, {}, never> & {} = withDefaultTheme(styled.svg`fill: none;stroke: ${(p) => p.theme.infoicon.color};stroke-width: 2px;stroke-linecap: round;stroke-linejoin: round;cursor: pointer;width: 24px;`)

Const Icon

Icon: string & StyledComponentBase<"svg", DefaultTheme, {}, never> & {} = styled.svg`fill: none;stroke: black;stroke-width: 2px;stroke-linecap: round;stroke-linejoin: round;cursor: pointer;width: 24px;`

Const Icon

Icon: string & StyledComponentBase<"svg", DefaultTheme, {}, never> & {} = styled.svg`fill: none;stroke: ${(p) => p.theme.modal.header.closeIconColor};stroke-width: 2px;stroke-linecap: round;stroke-linejoin: round;cursor: pointer;width: 24px;`

Const IconButton

IconButton: string & StyledComponentBase<"button", DefaultTheme, { type: "button" }, "type"> & {} = styled.button.attrs({ type: 'button' })`background: transparent;border: 0;cursor: pointer;display: inline-flex;outline: none;align-items: center;user-select: none;vertical-align: middle;justify-content: center;text-decoration: none;background-color: transparent;-webkit-appearance: none;-webkit-tap-highlight-color: transparent;flex: 0 0 auto;width: 48px;height: 48px;padding: 0;transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;`

Const IconContent

IconContent: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`padding-left: 10px;`

Const Inactive

Inactive: string & StyledComponentBase<ForwardRefExoticComponent<{} & MotionProps & RefAttributes<HTMLDivElement>>, DefaultTheme, { animate: object; exit: object; initial: object }, "animate" | "initial" | "exit"> & {} = styled(motion.div).attrs({initial: { opacity: 0 },animate: { opacity: 1 },exit: { opacity: 0 },})`margin: ${(p) => p.theme.toggleAssessment.buttonMargin}px;height: 26px;width: ${(p) => p.theme.toggleAssessment.buttonWidth}%;color: ${(p) => p.theme.toggleAssessment.inactiveTextColor};float: left;`

Const InfoButton

InfoButton: string & StyledComponentBase<"button", DefaultTheme, { type: "button" }, "type"> & {} = styled(IconButton)`&:hover {${Icon} {fill: ${(p) => p.theme.infoicon.hoverColor};}}&:focus {${Icon} {fill: ${(p) => p.theme.infoicon.focusColor};}}`

Const InfoButtonContainer

InfoButtonContainer: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`height: 100%;max-height: 60px;display: flex;align-items: center;`

Const InlineDropdown

InlineDropdown: string & StyledComponentBase<FunctionComponent<{ className?: undefined | string; onChange: (event: ChangeEvent<HTMLSelectElement>) => void; options: Option[]; value: string | number }>, DefaultTheme, {}, never> & {} = styled(Dropdown)`font: inherit;margin: 0 0.8rem;padding: 0 0.6rem;box-sizing: border-box;height: 40px;width: 100px;border: 1px solid ${colors.dropdownBorder};border-radius: 3px;background-color: ${colors.white};font-weight: 600;font-size: 1rem;text-indent: 12%;background-image: linear-gradient(45deg,transparent 50%,${colors.grey400} 50%),linear-gradient(135deg, ${colors.grey400} 50%, transparent 50%),linear-gradient(to right,${colors.dropdownArrowBackground},${colors.dropdownArrowBackground});background-position: calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px), 100% 0;background-size: 5px 5px, 5px 5px, 2.5em 2.5em;background-repeat: no-repeat;margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;`

Const Label

Label: string & StyledComponentBase<"label", DefaultTheme, {}, never> & {} = styled.label`position: absolute;top: 0;bottom: 0;left: 0;right: 0;cursor: pointer;`

Const Label

Label: string & StyledComponentBase<"label", DefaultTheme, {}, never> & {} = styled.label`box-sizing: border-box;background: transparent;align-items: center;user-select: none;vertical-align: middle;text-decoration: none;-webkit-appearance: none;-webkit-tap-highlight-color: transparent;font-family: ${(p) => p.theme.chatAnswer.fontFamily};display: flex;min-height: 36px;position: relative;cursor: pointer;font-size: ${(p) => p.theme.chatAnswer.fontSize}px;width: 100%;line-height: 24px;white-space: pre-line;padding: 0;input:checked + & {background-color: ${(p) => p.theme.chatAnswer.checkedColor};}input:focus + & {box-shadow: 0 0 2px 0.1px ${(p) => p.theme.chatAnswer.focusColor};}&:disabled {opacity: 0.5;}`

Const Label

Label: string & StyledComponentBase<"label", DefaultTheme, {}, never> & {} = styled.label`display: flex;align-items: center;margin-bottom: 20px;`

Const Label

Label: string & StyledComponentBase<"label", DefaultTheme, {}, never> & {} = styled.label`display: flex;align-items: center;margin-bottom: 20px;`

Const ModalMotion

ModalMotion: string & StyledComponentBase<ForwardRefExoticComponent<{} & MotionProps & RefAttributes<HTMLDivElement>>, DefaultTheme, {}, never> & {} = styled(motion.div)`box-sizing: border-box;background-color: #fff;border-radius: ${(p) => p.theme.modal.borderRadius}px;text-align: left;position: relative;max-width: 650px;margin: ${(p) => p.theme.modal.marginY}px auto;font-family: ${(p) => p.theme.modal.fontFamily};font-size: ${(p) => p.theme.modal.fontSize}px;line-height: ${(p) => p.theme.modal.lineHeight}px;`

Const ModalWindow

ModalWindow: ForwardRefExoticComponent<RefAttributes<HTMLDivElement>> = React.forwardRef<HTMLDivElement>(function ModalWindow({ children }, ref) {return (<ModalMotionref={ref}variants={{enter: {y: 0,opacity: 1,transition: {y: { type: 'spring', stiffness: 1000, damping: 15, delay: 0.1 },default: { duration: 0.3, delay: 0.1 },},},exit: {y: 50,opacity: 0,transition: { duration: 0.3 },},}}initial="exit"animate="enter"exit="exit">{children}</ModalMotion>);})

Const NameContent

NameContent: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`margin-bottom: 3px;`

Const NotAvailableContent

NotAvailableContent: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`padding: ${theme.spacing.padding}px;`

Const NumberTextContent

NumberTextContent: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: flex;flex-direction: row;justify-content: flex-start;align-items: center;width: 50%;`

Const PanelBodyText

PanelBodyText: string & StyledComponentBase<"div", DefaultTheme, PanelBodyTextProps, never> & {} = styled.div<PanelBodyTextProps>`margin: 0;display: block;color: ${(p) =>p.contrastText ? p.theme.colors.white : p.theme.panelbodytext.color};font-size: ${(p) => p.theme.panelbodytext.fontSize}px;font-family: ${(p) => p.theme.panelbodytext.fontFamily};line-height: ${(p) => p.theme.panelbodytext.lineHeight}px;font-weight: ${(p) => (p.bold ? 'bold' : 'normal')};${(p) =>p.bullet &&css`display: list-item;margin-left: 14px;`}${(p) => {const size = p.theme.panelbodytext.fontSize;return (p.bullet === 'warning' &&css`list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='${size}px' width='${size}px' viewBox='0 0 24 20' fill='none' stroke='%23ff6c6c' stroke-width='2'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='14'%3E%3C/line%3E%3Cline x1='12' y1='16.5' x2='12' y2='18'%3E%3C/line%3E%3C/svg%3E");`);}}`

Const PanelConclusionTitle

PanelConclusionTitle: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: inline;font-weight: normal;font-size: ${(p) => p.theme.panelconclusiontitle.fontSize}px;font-family: ${(p) => p.theme.panelconclusiontitle.fontFamily};line-height: ${(p) => p.theme.panelconclusiontitle.lineHeight}px;::after {content: ' ';}`

Const PanelContent

PanelContent: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`box-sizing: border-box;padding: ${(p) => p.theme.panelcontent.padding}px;@media screen and (min-width: 800px) {padding: ${(p) => p.theme.panelcontent.padding}px${(p) => p.theme.panelcontent.padding * 1.5}px;}`

Const PanelHeader

PanelHeader: string & StyledComponentBase<"div", DefaultTheme, PanelHeaderProps, never> & {} = styled.div<PanelHeaderProps>`box-sizing: border-box;display: flex;align-items: center;padding: ${(p) => p.theme.panelheader.padding}px;background-color: ${(p) => p.color || '#666'};@media screen and (min-width: 800px) {padding: ${(p) => p.theme.panelheader.padding}px${(p) => p.theme.panelheader.padding * 1.5}px;}`

Const PanelTitle

PanelTitle: string & StyledComponentBase<"div", DefaultTheme, PanelTitleProps, never> & {} = styled.div<PanelTitleProps>`color: ${(p) => p.color || 'white'};font-weight: ${(p) => p.theme.paneltitle.fontWeight};font-size: ${(p) => p.theme.paneltitle.fontSize}px;font-family: ${(p) => p.theme.paneltitle.fontFamily};line-height: ${(p) => p.theme.paneltitle.lineHeight}px;`

Const Pip

Pip: string & StyledComponentBase<"div", DefaultTheme, Props, never> & {} = styled.div<Props>`display: inline-block;width: ${pipDiameter}px;height: ${pipDiameter}px;border-radius: ${pipDiameter / 2}px;background-color: #d2d2d2;box-shadow: inset 0 2px 2px #a4a4a4;margin: ${pipDiameter / 2}px;transition: all 0.3s;${(p) =>p.selected &&css`background-color: ${(props) => props.theme.colors.brand100};box-shadow: none;`}`

Const PrevButton

PrevButton: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled(FlexButton)``

Const PreviousAnswer

PreviousAnswer: string & StyledComponentBase<"button", DefaultTheme, { tabindex: string }, "tabindex"> & {} = styled.button.attrs({ tabindex: '0' })`background: transparent;outline: none;align-items: center;user-select: none;border-radius: 0;vertical-align: middle;justify-content: center;text-decoration: none;-webkit-appearance: none;-webkit-tap-highlight-color: transparent;font-family: ${(props) => props.theme.chatpreviousanswer.fontFamily};display: block;min-height: 36px;align-self: flex-end;background-color: ${(props) => props.theme.chatpreviousanswer.color};color: white;position: relative;cursor: pointer;font-size: ${(props) => props.theme.chatpreviousanswer.fontSize}px;width: 100%;margin-bottom: 2px;line-height: 24px;font-weight: 200;min-width: 100px;text-align: center;white-space: pre-line;border-width: initial;border-style: none;border-color: initial;border-image: initial;padding: ${(props) => props.theme.chatpreviousanswer.padding}px;&:first-child {border-top-left-radius: ${(props) =>props.theme.chatpreviousanswer.borderRadius}px;border-top-right-radius: ${(props) =>props.theme.chatpreviousanswer.borderRadius}px;}&:last-child {border-bottom-left-radius: ${(props) =>props.theme.chatpreviousanswer.borderRadius}px;border-bottom-right-radius: ${(props) =>props.theme.chatpreviousanswer.borderRadius}px;}&:focus {box-shadow: 0 0 5px 0${(props) => props.theme.chatpreviousanswer.focusColor};}&:hover {background-color: ${(props) => props.theme.chatpreviousanswer.hoverColor};}`

Const PreviousAnswerText

PreviousAnswerText: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`text-align: left;display: inline-block;white-space: pre-line;`

Const PreviousAnswersContent

PreviousAnswersContent: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: flex;justify-content: flex-end;align-items: center;`

Const PrimaryChoice

PrimaryChoice: ForwardRefExoticComponent<PrimaryChoiceProps & RefAttributes<HTMLLabelElement>> = React.forwardRef<HTMLLabelElement, PrimaryChoiceProps>(function PrimaryChoice({ displayText, input, infoIcon, ...props }, ref) {return (<Label ref={ref} {...props}>{input ?? null}<Text dangerouslySetInnerHTML={{ __html: displayText }} />{infoIcon ?? null}</Label>);})

Const Question

Question: ForwardRefExoticComponent<{} & RefAttributes<any>> = createSummaryChild(styled(motion.div)`padding: 10px;border-bottom: 1px solid #f1f1f1;cursor: pointer;`)

Const QuestionContainer

QuestionContainer: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: flex;padding: ${(p) => p.theme.question.padding}px 0;`

Const QuestionContent

QuestionContent: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`white-space: pre-line;display: flex;align-items: center;box-sizing: border-box;color: inherit;font-size: ${(p) => p.theme.chatQuestion.fontSize}px;line-height: ${(p) => p.theme.chatQuestion.lineHeight}px;font-weight: ${(p) => p.theme.chatQuestion.fontWeight};animation: 0s ease 0s 1 normal none running none;.e24subtext {font-size: ${(p) => p.theme.chatQuestion.subtext.fontSize}px;line-height: ${(p) => p.theme.chatQuestion.subtext.lineHeight}px;font-weight: ${(p) => p.theme.chatQuestion.subtext.fontWeight};font-style: ${(p) => p.theme.chatQuestion.subtext.fontStyle};}`

Const QuestionText

QuestionText: string & StyledComponentBase<"span", DefaultTheme, {}, never> & {} = styled.span`flex: 1;`

Const QuestionText

QuestionText: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`color: #666;`

Const QuestionTitle

QuestionTitle: string & StyledComponentBase<"h3", DefaultTheme, {}, never> & {} = styled.h3`margin: 0;padding: ${(p) => p.theme.questiontitle.padding}px 0;font-family: ${(p) => p.theme.questiontitle.fontFamily};font-size: ${(p) => p.theme.questiontitle.fontSize}px;line-height: ${(p) => p.theme.questiontitle.lineHeight}px;`

Const QuestionWrapper

QuestionWrapper: string & StyledComponentBase<ForwardRefExoticComponent<{} & MotionProps & RefAttributes<HTMLDivElement>>, DefaultTheme, QuestionWrapperProps, never> & {} = styled(motion.div)<QuestionWrapperProps>`width: 100%;box-sizing: border-box;transition: width 300ms ease 0s;padding: ${(p) => p.theme.chatQuestion.padding}px 0;${QuestionContent} {width: ${(p) => (p.current ? '100%' : 'auto')};}`

Const RadioContainer

RadioContainer: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: inline-block;vertical-align: middle;`

Const Response

Response: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`margin-bottom: ${(p) => p.theme.spacing.responseMargin}px;`

Const Right

Right: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`padding-right: 1%;`

Const Right

Right: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`padding-left: 10px;`

Const Section

Section: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`font-family: 'Noto Sans', sans-serif;font-weight: bold;padding: 16px;background-color: #1018d5;color: white;`

Const Select

Select: string & StyledComponentBase<FunctionComponent<{ className?: undefined | string; onChange: (event: ChangeEvent<HTMLSelectElement>) => void; options: Option[]; value: string | number }>, DefaultTheme, {}, never> & {} = styled(Dropdown)`font-family: ${(p) => p.theme.typography.fontFamily};font-size: ${(p) => p.theme.typography.inputField.size}px;`

Const Styled

Styled: string & StyledComponentBase<ForwardRefExoticComponent<{} & MotionProps & RefAttributes<HTMLDivElement>>, DefaultTheme, PanelContainerProps, never> & {} = styled(motion.div)<PanelContainerProps>`box-sizing: border-box;float: ${(p) => p.float || 'left'};@media screen and (min-width: 800px) {padding: 0 10px;width: 50%;}@media screen and (max-width: 799px) {width: 100%;}`

Const Styled

Styled: string & StyledComponentBase<ForwardRefExoticComponent<{} & MotionProps & RefAttributes<HTMLDivElement>>, DefaultTheme, PanelContainerProps, never> & {} = styled(motion.div)<PanelContainerProps>`box-sizing: border-box;float: ${(p) => p.float || 'left'};@media screen and (min-width: 600px) {width: 33.3%;&:not(:last-child) {padding-right: 16px;}}@media screen and (max-width: 799px) {width: 100%;}`

Const StyledBody

StyledBody: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`padding-top: 1.5rem;`

Const StyledCheckbox

StyledCheckbox: string & StyledComponentBase<"div", DefaultTheme, StyledCheckboxProps, never> & {} = styled.div<StyledCheckboxProps>`width: ${(props) => props.theme.checkbox.size}px;height: ${(props) => props.theme.checkbox.size}px;box-sizing: border-box;border-radius: ${(props) => props.theme.checkbox.borderRadius}px;border: 1px solid;border-color: ${(props) =>props.checked? props.theme.checkbox.checked.color: props.theme.checkbox.unchecked.color};transition: all 150ms;${HiddenInput}:focus + & {box-shadow: ${(props) => props.theme.checkbox.focus.color} 0px 0px 3px 2px;}${Icon} {visibility: ${(props) => (props.checked ? 'visible' : 'hidden')};fill: none;stroke: ${(props) => props.theme.checkbox.checked.color};stroke-width: 4px;}`

Const StyledClearButton

StyledClearButton: string & StyledComponentBase<"button", DefaultTheme, IClearButton, never> & {} = styled.button<IClearButton>`position: relative;padding: 4px;border: 1px solid transparent;background-color: transparent;display: ${(p) => (p.show ? 'inline-block' : 'none')};vertical-align: middle;outline: 0;cursor: pointer;&:after {content: 'X';display: block;width: 15px;height: 15px;position: absolute;background-color: #e50f0f;z-index: 1;right: 185px;top: 0;bottom: 0;margin: auto;padding: 2px;border-radius: 50%;text-align: center;color: white;font-weight: normal;font-size: 12px;box-shadow: 0 0 2px #e50f0f;cursor: pointer;}`

Const StyledHeader

StyledHeader: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`cursor: pointer;display: flex;align-items: center;justify-content: space-between;width: 100%;`

Const StyledInput

StyledInput: string & StyledComponentBase<"input", DefaultTheme, { type: "date" }, "type"> & {} = styled.input.attrs({ type: 'date' })`width: ${(p) => p.theme.datefield.width}px;height: ${(p) => p.theme.datefield.height}px;font-family: ${(p) => p.theme.datefield.fontFamily};font-size: ${(p) => p.theme.datefield.fontSize}px;text-align: ${(p) => p.theme.datefield.textAlign};border: 1px solid ${(p) => p.theme.datefield.borderColor};border-radius: 3px;transition: all 150ms;&:focus {outline: 0;border-color: ${(p) => p.theme.datefield.hoverColor};box-shadow: ${(p) => p.theme.datefield.focusColor} 0px 0px 3px 2px;}`

Const StyledInput

StyledInput: string & StyledComponentBase<"input", DefaultTheme, { type: "number" }, "type"> & {} = styled.input.attrs({ type: 'number' })`width: ${(p) => p.theme.numberfield.width}px;height: ${(p) => p.theme.numberfield.height}px;font-family: ${(p) => p.theme.numberfield.fontFamily};font-size: ${(p) => p.theme.numberfield.fontSize}px;text-align: ${(p) => p.theme.numberfield.textAlign};border: 1px solid ${(p) => p.theme.numberfield.borderColor};border-radius: 3px;transition: all 150ms;&:focus {outline: 0;border-color: ${(p) => p.theme.numberfield.hoverColor};box-shadow: ${(p) => p.theme.numberfield.focusColor} 0px 0px 3px 2px;}`

Const StyledInput

StyledInput: string & StyledComponentBase<"input", DefaultTheme, {}, never> & {} = styled.input`width: ${(p) => p.theme.textfield.width}px;height: ${(p) => p.theme.textfield.height}px;font-family: ${(p) => p.theme.textfield.fontFamily};font-size: ${(p) => p.theme.textfield.fontSize}px;text-align: ${(p) => p.theme.textfield.textAlign};border: 1px solid ${(p) => p.theme.textfield.borderColor};border-radius: 3px;transition: all 150ms;&:focus {outline: 0;border-color: ${(p) => p.theme.textfield.hoverColor};box-shadow: ${(p) => p.theme.textfield.focusColor} 0px 0px 3px 2px;}`

Const StyledInput

StyledInput: string & StyledComponentBase<"input", DefaultTheme, {}, never> & {} = styled.input`width: ${(p) => p.theme.textfield.width}px;height: ${(p) => p.theme.textfield.height}px;font-family: ${(p) => p.theme.textfield.fontFamily};font-size: ${(p) => p.theme.textfield.fontSize}px;text-align: ${(p) => p.theme.textfield.textAlign};border: 1px solid ${(p) => p.theme.textfield.borderColor};border-radius: 3px;transition: all 150ms;&:focus {outline: 0;border-color: ${(p) => p.theme.textfield.hoverColor};box-shadow: ${(p) => p.theme.textfield.focusColor} 0px 0px 3px 2px;}position: relative;`

Const StyledLabel

StyledLabel: string & StyledComponentBase<"label", DefaultTheme, {}, never> & {} = styled.label`display: flex;width: 100%;cursor: pointer;padding: ${(p) => p.theme.label.vertical}px 0;align-items: center;box-shadow: inset 0 -1px 0 0 ${(p) => p.theme.label.borderColor};`

Const StyledLine

StyledLine: string & StyledComponentBase<"line", DefaultTheme, {}, never> & {} = styled.line`stroke: ${colors.grey300};stroke-width: 0.5;stroke-dasharray: 0.3 0.6;opacity: 0.5;`

Const StyledLink

StyledLink: string & StyledComponentBase<"a", DefaultTheme, {}, never> & {} = withDefaultTheme(styled.a`cursor: pointer;color: ${(p) => p.theme.colors.linkBlue};text-decoration: underline;font-size: ${(p) => p.theme.healthReportConclusion.fontSize}px;`)

Const StyledLink

StyledLink: string & StyledComponentBase<"a", DefaultTheme, {}, never> & {} = withDefaultTheme(styled.a`cursor: pointer;color: ${(p) => p.theme.colors.linkBlue};text-decoration: underline;`)

Const StyledPanel

StyledPanel: string & StyledComponentBase<ForwardRefExoticComponent<{} & MotionProps & RefAttributes<HTMLDivElement>>, DefaultTheme, {}, never> & {} = styled(motion.div)`background-color: white;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);margin-bottom: 30px;overflow: hidden;border: 1px solid #dbdbdb;border-radius: 8px;`

Const StyledPanel

StyledPanel: string & StyledComponentBase<ForwardRefExoticComponent<{} & MotionProps & RefAttributes<HTMLDivElement>>, DefaultTheme, {}, never> & {} = styled(motion.div)`@media screen and (min-width: 800px) {border-radius: 8px;background-color: white;border: 1px solid #dbdbdb;box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);margin-bottom: 30px;overflow: hidden;}`

Const StyledPanel

StyledPanel: string & StyledComponentBase<ForwardRefExoticComponent<{} & MotionProps & RefAttributes<HTMLDivElement>>, DefaultTheme, SymptomReportMessageProps, never> & {} = styled(motion.div)<SymptomReportMessageProps>`box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);margin-bottom: 30px;overflow: hidden;border: 1px solid #dbdbdb;border-radius: 8px;border-left: 8px solid ${(p) => p.color};`

Const StyledPanelBlock

StyledPanelBlock: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`@media screen and (max-width: 799px) {padding-top: 10px;}@media screen and (min-width: 800px) {padding-top: 30px;}`

Const StyledPanelBox

StyledPanelBox: string & StyledComponentBase<FunctionComponent<any>, DefaultTheme, {}, never> & {} = styled(PanelBox)`overflow: auto;@media screen and (min-width: 800px) {min-height: 470px;max-height: 485px;}padding-top: 13px;`

Const StyledPanelContent

StyledPanelContent: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled(PanelContent)`padding: 16px 0;@media screen and (min-width: 800px) {padding: ${(p) => p.theme.panelcontent.padding}px;}`

Const StyledPanelContent

StyledPanelContent: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled(PanelContent)`border-radius: 0 0 8px 8px;`

Const StyledPolygon

StyledPolygon: string & StyledComponentBase<"polygon", DefaultTheme, StyledPolygonProps, never> & {} = styled.polygon<StyledPolygonProps>`fill: #666;stroke: #666;stroke-linejoin: round;transform: translateX(${(p) => p.position}px);transition: transform 0.5s;`

Const StyledPolyline

StyledPolyline: string & StyledComponentBase<"polyline", DefaultTheme, {}, never> & {} = styled.polyline`fill: none;stroke: ${colors.grey300};stroke-width: 2px;stroke-linecap: round;stroke-linejoin: miter;transition: transform 0.3s;transform-origin: 8px 8px;&.open {transform: rotate(180deg);}`

Const StyledRadio

StyledRadio: string & StyledComponentBase<"div", DefaultTheme, StyledRadioProps, never> & {} = styled.div<StyledRadioProps>`width: ${(props) => props.theme.radio.size}px;height: ${(props) => props.theme.radio.size}px;border-radius: ${(props) => props.theme.radio.size / 2}px;transition: all 150ms;border: 1px solid;border-color: ${(props) =>props.checked? props.theme.radio.checked.color: props.theme.radio.unchecked.color};box-sizing: border-box;${HiddenInput}:focus + & {box-shadow: ${(props) => props.theme.radio.focus.color} 0px 0px 3px 2px;}${Icon} {fill: ${(props) => props.theme.radio.checked.color};stroke: none;stroke-width: 2px;visibility: ${(props) => (props.checked ? 'visible' : 'hidden')};}`

Const StyledRect

StyledRect: string & StyledComponentBase<"rect", DefaultTheme, {}, never> & {} = styled.rect`transition: width 0.3s, x 0.3s;`

Const StyledReportTitle

StyledReportTitle: string & StyledComponentBase<"h2", DefaultTheme, {}, never> & {} = styled(ComparisonReportTitle)`color: ${(p) => p.theme.healthreporttitle.color};padding-top: 10px;`

Const StyledSvg

StyledSvg: string & StyledComponentBase<"svg", DefaultTheme, {}, never> & {} = styled.svg`overflow: visible;width: 100%;display: block;margin: auto;@media screen and (max-width: 375px) {font-size: ${chartSettings.fontSize};}@media screen and (min-width: 376px) {font-size: ${chartSettings.desktopFontSize};}`

Const StyledSvg

StyledSvg: string & StyledComponentBase<"svg", DefaultTheme, {}, never> & {} = styled.svg`margin-bottom: -2px;`

Const Summary

Summary: ForwardRefExoticComponent<{} & RefAttributes<any>> = React.forwardRef<any, any>(({ children }, ref) => (<SummaryContainerDivref={ref}initial="hidden"animate="show"exit="hidden"variants={{show: {x: '0%',y: '0%',height: '100%',transition: {x: { type: 'tween', easeing: 'easeInOut' },staggerChildren: 0.025,},},hidden: {x: '100%',y: '0%',height: '100%',transition: {x: { type: 'tween', easeing: 'easeInOut' },},},}}>{children}</SummaryContainerDiv>))

Const SummaryButton

SummaryButton: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled(FlexButton)`@media screen and (min-width: 450px) {flex: none;margin-left: auto;}`

Const SummaryContainerDiv

SummaryContainerDiv: string & StyledComponentBase<ForwardRefExoticComponent<{} & MotionProps & RefAttributes<HTMLDivElement>>, DefaultTheme, {}, never> & {} = styled(motion.div)`font-family: ${(p) => p.theme.summary.fontFamily};font-size: ${(p) => p.theme.summary.fontSize}px;line-height: ${(p) => p.theme.summary.lineHeight}px;padding: ${(p) => p.theme.summary.padding}px;background: white;position: fixed;top: 0;height: 100%;right: 0;max-width: 500px;width: 100%;border-left: 1px solid #f1f1f1;overflow-y: auto;box-sizing: border-box;`

Const SummaryDivider

SummaryDivider: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`@media screen and (max-width: 799px) {margin-left: -${(p) => p.theme.summaryDivider.paddingLeft}px;margin-right: -${(p) => p.theme.summaryDivider.paddingRight}px;height: ${(p) => p.theme.summaryDivider.height}px;background-color: ${(p) => p.theme.summaryDivider.backgroundColor};box-shadow: inset 0 1px 0 0 ${(p) => p.theme.summaryDivider.boxShadowColor};}@media screen and (min-width: 450px) {margin-right: -${(p) => p.theme.summaryDivider.paddingRight * 2.5}px;}`

Const SummaryKey

SummaryKey: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled(DisplayText)`padding-left: 0px;width: 50%;`

Const SummaryRow

SummaryRow: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: flex;justify-content: space-between;padding: 15px 0 15px 0;box-shadow: 0 1px 0 0 #e2e2e2;&:last-of-type {box-shadow: none;padding: 15px 0 0 0;}&:first-of-type {border-top: 1px solid #e2e2e2;}`

Const SummaryValue

SummaryValue: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled(DisplayText)`text-align: right;width: 40%;`

Const Svg

Svg: string & StyledComponentBase<"svg", DefaultTheme, {}, never> & {} = styled.svg`width: 100%;height: 100%;`

Const SvgBox

SvgBox: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`padding-top: 10px;`

Const SymptomReportMessageTitle

SymptomReportMessageTitle: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = withDefaultTheme(styled.div`display: flex;align-items: center;font-weight: ${(p) => p.theme.symptomReport.messageTitle.fontWeight};font-size: ${(p) => p.theme.symptomReport.messageTitle.fontSize}px;font-family: ${(p) => p.theme.symptomReport.messageTitle.fontFamily};line-height: ${(p) => p.theme.symptomReport.messageTitle.lineHeight}px;padding-bottom: ${(p) => p.theme.symptomReport.messageTitle.paddingBottom}px;`)

Const TD

TD: string & StyledComponentBase<"td", DefaultTheme, {}, never> & {} = styled.td`position: relative;text-align: center;vertical-align: top;`

Const Table

Table: string & StyledComponentBase<"table", DefaultTheme, { cellPadding: 0; cellSpacing: 0 }, "cellPadding" | "cellSpacing"> & {} = styled.table.attrs({ cellSpacing: 0, cellPadding: 0 })`width: 100%;margin-bottom: 20px;border-collapse: collapse;table-layout: fixed;`

Const TableQuestionRow

TableQuestionRow: string & StyledComponentBase<"tr", DefaultTheme, {}, never> & {} = styled.tr`/* border-bottom: ${(p) => p.theme.tablerow.borderWidth}px solid ${(p) =>p.theme.tablerow.borderColor};border-bottom: 1px solid rgb(222, 222, 222); */box-shadow: inset 0 -1px 0 0 ${(p) => p.theme.tablerow.borderColor};th {padding: ${(p) => p.theme.tablerow.vertical}px 0;}td {padding: ${(p) => p.theme.tablerow.vertical}px ${(p) =>p.theme.tablerow.horizontal}px;}`

Const Text

Text: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`font-family: 'Noto Sans', sans-serif;font-weight: bold;padding: 10px;`

Const Text

Text: string & StyledComponentBase<"span", DefaultTheme, {}, never> & {} = styled.span`padding: 16px;width: 100%;box-sizing: border-box;transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;`

Const Text

Text: string & StyledComponentBase<"span", DefaultTheme, {}, never> & {} = styled.span`font-family: ${(p) => p.theme.typography.fontFamily};font-size: ${(p) => p.theme.typography.title.small.size}px;line-height: ${(p) => p.theme.typography.title.small.lineHeight}px;width: 150px;`

Const Text

Text: string & StyledComponentBase<"span", DefaultTheme, {}, never> & {} = styled.span`font-family: ${(p) => p.theme.typography.fontFamily};font-size: ${(p) => p.theme.typography.title.small.size}px;line-height: ${(p) => p.theme.typography.title.small.lineHeight}px;width: 100px;`

Const TextFieldInner

TextFieldInner: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`vertical-align: baseline;display: flex;align-items: center;height: 54px;background-color: rgb(255, 255, 255);box-sizing: content-box;margin: 0px;padding: 0px;border-image: initial;font: inherit inherit inherit inherit inherit inherit inherit;outline: none;border-width: 1px;border-style: solid;border-color: rgb(222, 222, 222);border-radius: 4px;`

Const TextFieldPadding

TextFieldPadding: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`margin-bottom: 0px;padding-bottom: 18px;`

Const TextWrapper

TextWrapper: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`display: flex;flex-direction: row;justify-content: space-between;font-size: 0.75rem;`

Const Tiles

Tiles: string & StyledComponentBase<"section", DefaultTheme, {}, never> & {} = styled.section`display: flex;flex-direction: row;justify-content: space-between;align-items: center;`

Const Title

Title: string & StyledComponentBase<"h1", DefaultTheme, {}, never> & {} = styled.h1`font-family: ${(p) => p.theme.title.fontFamily};font-size: ${(p) => p.theme.title.fontSize}px;line-height: ${(p) => p.theme.title.lineHeight}px;cursor: pointer;`

Const Title

Title: string & StyledComponentBase<"h2", DefaultTheme, {}, never> & {} = styled.h2`flex: 1;margin: 0;`

Const Title

Title: string & StyledComponentBase<"h3", DefaultTheme, {}, never> & {} = styled.h3`flex: 1;margin: 0;`

Const Wrap

Wrap: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`box-sizing: border-box;text-align: center;position: fixed;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;white-space: nowrap;overflow-x: hidden;overflow-y: auto;z-index: 1;-webkit-animation-iteration-count: 2;animation-iteration-count: 2;zoom: 1;transform-style: preserve-3d;/* This keeps smaller modals centered vertically and prevents tall ones from disappearing off the top of the screen */::before {content: '';display: inline-block;height: 100%;vertical-align: middle;}`

Const Wrapper

Wrapper: string & StyledComponentBase<"div", DefaultTheme, {}, never> & {} = styled.div`position: relative;`

Const ageOptions

ageOptions: number[] = [80, 90, 100, 110]

Const animation

animation: Keyframes = keyframes`0% {transform: translate3d(0, 0, 0);}25% {transform: translate3d(0, -5px, 0);}50% {transform: translate3d(0, 0, 0);}100% {transform: translate3d(0, 0, 0);}`

Const barArrowLength

barArrowLength: 1 = 1

Const barHeight

barHeight: 3 = 3

barHeight

barHeight: 3

Const barHeight

barHeight: 2 = 2

Const barInterval

barInterval: 6 = 6

barInterval

barInterval: 6

barInterval

barInterval: 6

Const barLabelWidth

barLabelWidth: 32 = 32

barLabelWidth

barLabelWidth: 32

barLabelWidth

barLabelWidth: 32

Const barPoints

barPoints: string = [[0, 0],[barWidth - barArrowLength, 0],[barWidth, barHeight / 2],[barWidth - barArrowLength, barHeight],[0, barHeight],].map((pt) => pt.join(' ')).join(',')

Const barWidth

barWidth: 58 = 58

barWidth

barWidth: 58

barWidth

barWidth: 58

barWidth

barWidth: 58

Const bottomBarHeight

bottomBarHeight: "100px" = "100px"

Const bottomBarHeight

bottomBarHeight: "100px" = "100px"

Const changeableRiskColor

changeableRiskColor: string = colors.chartRed

Const defaultAges

defaultAges: number[] = [90]

Const desktopFontSize

desktopFontSize: "2.75px" = "2.75px"

Const fontSize

fontSize: "3.5px" = "3.5px"

Const gridlineLabelHeight

gridlineLabelHeight: 8 = 8

gridlineLabelHeight

gridlineLabelHeight: 8

gridlineLabelHeight

gridlineLabelHeight: 8

Const height

height: 6.2 = 6.2

Const intervals

intervals: number[] = [0, 25, 50, 75, 100]

Const minimumRiskColor

minimumRiskColor: string = colors.chartGreen

Const pipDiameter

pipDiameter: 10 = 10

Const pointerHeight

pointerHeight: 1.75 = 1.75

Const pointerHeight

pointerHeight: 3 = 3

Const pointerWidth

pointerWidth: 1.75 = 1.75

Const pointerWidth

pointerWidth: 3 = 3

Const width

width: 100 = 100

Functions

Const AccordionBody

  • AccordionBody(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; open: boolean }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; open: boolean }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • open: boolean

    Returns Element

Const AccordionHeader

  • AccordionHeader(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; open: boolean; toggleOpen: () => void }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; open: boolean; toggleOpen: () => void }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • open: boolean
      • toggleOpen: () => void
          • (): void
          • Returns void

    Returns Element

Const ActionsAndNumbers

  • ActionsAndNumbers(__namedParameters: { actionConclusions: Conclusion[]; additionalConclusions: Conclusion[]; numbersConclusions: NumberConclusion[] }): Element
  • Parameters

    • __namedParameters: { actionConclusions: Conclusion[]; additionalConclusions: Conclusion[]; numbersConclusions: NumberConclusion[] }
      • actionConclusions: Conclusion[]
      • additionalConclusions: Conclusion[]
      • numbersConclusions: NumberConclusion[]

    Returns Element

Const ActionsNowDue

  • ActionsNowDue(__namedParameters: { actionConclusions: Conclusion[] }): Element
  • Parameters

    • __namedParameters: { actionConclusions: Conclusion[] }
      • actionConclusions: Conclusion[]

    Returns Element

Const AdditionalInfo

  • AdditionalInfo(__namedParameters: { additionalConclusions: Conclusion[]; restrictList: undefined | number }): Element
  • Parameters

    • __namedParameters: { additionalConclusions: Conclusion[]; restrictList: undefined | number }
      • additionalConclusions: Conclusion[]
      • restrictList: undefined | number

    Returns Element

Const AlgoSearchAnswer

  • AlgoSearchAnswer(__namedParameters: { answer: TraversalAnswer; answerId: string; loadAlgos: (answerId: string) => void; questionAnswerIds: string[]; updateValue: (answerId: string, questionAnswerIds: string[], value: string) => void }): Element
  • Parameters

    • __namedParameters: { answer: TraversalAnswer; answerId: string; loadAlgos: (answerId: string) => void; questionAnswerIds: string[]; updateValue: (answerId: string, questionAnswerIds: string[], value: string) => void }
      • answer: TraversalAnswer
      • answerId: string
      • loadAlgos: (answerId: string) => void
          • (answerId: string): void
          • Parameters

            • answerId: string

            Returns void

      • questionAnswerIds: string[]
      • updateValue: (answerId: string, questionAnswerIds: string[], value: string) => void
          • (answerId: string, questionAnswerIds: string[], value: string): void
          • Parameters

            • answerId: string
            • questionAnswerIds: string[]
            • value: string

            Returns void

    Returns Element

Const AppWrapper

  • AppWrapper(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; store: Store<any, AnyAction>; theme: RootTheme | ((parentTheme: T) => RootTheme & T) }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; store: Store<any, AnyAction>; theme: RootTheme | ((parentTheme: T) => RootTheme & T) }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • store: Store<any, AnyAction>
      • theme: RootTheme | ((parentTheme: T) => RootTheme & T)

    Returns Element

Autocomplete

  • Autocomplete<T>(__namedParameters: { disabled: undefined | false | true; filterOptions: undefined | ((options: TOption[], inputValue: string) => TOption[]); getOptionLabel: (option: TOption) => string; id: string; onSelect: (selectedOption: TOption | null) => void; options: T[]; placeholder: undefined | string; value: null | T }): Element
  • Type parameters

    • T

    Parameters

    • __namedParameters: { disabled: undefined | false | true; filterOptions: undefined | ((options: TOption[], inputValue: string) => TOption[]); getOptionLabel: (option: TOption) => string; id: string; onSelect: (selectedOption: TOption | null) => void; options: T[]; placeholder: undefined | string; value: null | T }
      • disabled: undefined | false | true
      • filterOptions: undefined | ((options: TOption[], inputValue: string) => TOption[])
      • getOptionLabel: (option: TOption) => string
          • (option: TOption): string
          • Parameters

            • option: TOption

            Returns string

      • id: string
      • onSelect: (selectedOption: TOption | null) => void
          • (selectedOption: TOption | null): void
          • Parameters

            • selectedOption: TOption | null

            Returns void

      • options: T[]
      • placeholder: undefined | string
      • value: null | T

    Returns Element

Const BackDrop

  • BackDrop(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal

    Returns Element

Const BarWrapper

  • BarWrapper(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; y: number }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; y: number }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • y: number

    Returns Element

Const Bullets

  • Bullets(__namedParameters: { bullets: ConclusionBullet[] }): Element
  • Parameters

    • __namedParameters: { bullets: ConclusionBullet[] }
      • bullets: ConclusionBullet[]

    Returns Element

Const BulletsPanel

  • BulletsPanel(__namedParameters: { bullets: ConclusionBullet[]; collapse: undefined | false | true; components: SymptomReportComponents; firstItemBold: undefined | false | true; headerColor: string; title: string }): null | Element
  • Parameters

    • __namedParameters: { bullets: ConclusionBullet[]; collapse: undefined | false | true; components: SymptomReportComponents; firstItemBold: undefined | false | true; headerColor: string; title: string }
      • bullets: ConclusionBullet[]
      • collapse: undefined | false | true
      • components: SymptomReportComponents
      • firstItemBold: undefined | false | true
      • headerColor: string
      • title: string

    Returns null | Element

Const CarouselNavigation

  • CarouselNavigation(__namedParameters: { routes: string[] }): Element
  • Parameters

    • __namedParameters: { routes: string[] }
      • routes: string[]

    Returns Element

Const ChartKey

  • ChartKey(__namedParameters: { x: number; y: number }): Element
  • Parameters

    • __namedParameters: { x: number; y: number }
      • x: number
      • y: number

    Returns Element

Const ChartSvg

  • ChartSvg(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; height: number; width: number }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; height: number; width: number }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • height: number
      • width: number

    Returns Element

Const ChatAnswer

  • ChatAnswer(__namedParameters: { actions: ChatTraversalCallbacks; answer: TraversalAnswer; answerId: string; components: ChatComponents; questionAnswerIds: string[] }): null | Element
  • Parameters

    Returns null | Element

Const ChatAnswerForm

Const ChatInfoIcon

  • ChatInfoIcon(__namedParameters: { explanation: undefined | null | string; showExplanation: (explanation: string) => void }): null | Element
  • Parameters

    • __namedParameters: { explanation: undefined | null | string; showExplanation: (explanation: string) => void }
      • explanation: undefined | null | string
      • showExplanation: (explanation: string) => void
          • (explanation: string): void
          • Parameters

            • explanation: string

            Returns void

    Returns null | Element

Const ChatSection

  • ChatSection(__namedParameters: { text: null | string }): null | Element
  • Parameters

    • __namedParameters: { text: null | string }
      • text: null | string

    Returns null | Element

Const ChatStep

  • Parameters

    Returns Element

Const ChatTextWrapper

  • ChatTextWrapper(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; text: string }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; text: string }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • text: string

    Returns Element

Const ChatTraversal

  • ChatTraversal(__namedParameters: { actions: ChatTraversalCallbacks; components: {}; traversal: ChatModel & { loading: boolean } }): Element
  • Parameters

    Returns Element

Const ChatTraversalAndConclusionsConnected

  • ChatTraversalAndConclusionsConnected(): null | Element
  • Returns null | Element

Const ChatTraversalApp

  • ChatTraversalApp(__namedParameters: { store: Store<any, AnyAction>; theme: RootTheme | ((parentTheme: T) => RootTheme & T) }): Element
  • Parameters

    • __namedParameters: { store: Store<any, AnyAction>; theme: RootTheme | ((parentTheme: T) => RootTheme & T) }

    Returns Element

Const ChatTraversalConnected

  • ChatTraversalConnected(): null | Element
  • Returns null | Element

Const CheckableConclusion

  • CheckableConclusion(__namedParameters: { checked: boolean; conclusion: Conclusion; onChange: (assetId: number, checked: boolean) => void }): Element
  • Parameters

    • __namedParameters: { checked: boolean; conclusion: Conclusion; onChange: (assetId: number, checked: boolean) => void }
      • checked: boolean
      • conclusion: Conclusion
      • onChange: (assetId: number, checked: boolean) => void
          • (assetId: number, checked: boolean): void
          • Parameters

            • assetId: number
            • checked: boolean

            Returns void

    Returns Element

Const CheckableConclusionHeader

  • CheckableConclusionHeader(__namedParameters: { props: props }): Element
  • Parameters

    • __namedParameters: { props: props }

    Returns Element

Const CheckableConclusionWithHeader

  • CheckableConclusionWithHeader(__namedParameters: { conclusions: Conclusion[]; restrictList: number }): Element
  • Parameters

    • __namedParameters: { conclusions: Conclusion[]; restrictList: number }
      • conclusions: Conclusion[]
      • restrictList: number

    Returns Element

Const CheckableConclusions

  • CheckableConclusions(__namedParameters: { conclusions: Conclusion[]; dispatch: Dispatch<AnyAction>; restrictList: undefined | number; selectedIds: number[] }): null | Element
  • Parameters

    • __namedParameters: { conclusions: Conclusion[]; dispatch: Dispatch<AnyAction>; restrictList: undefined | number; selectedIds: number[] }
      • conclusions: Conclusion[]
      • dispatch: Dispatch<AnyAction>
      • restrictList: undefined | number
      • selectedIds: number[]

    Returns null | Element

Const CheckableConclusionsPanel

  • CheckableConclusionsPanel(__namedParameters: { conclusions: any }): Element
  • Parameters

    • __namedParameters: { conclusions: any }
      • conclusions: any

    Returns Element

Const Checkbox

  • Checkbox(__namedParameters: { checked: undefined | false | true; className: undefined | string; props: props }): Element
  • Parameters

    • __namedParameters: { checked: undefined | false | true; className: undefined | string; props: props }
      • checked: undefined | false | true
      • className: undefined | string
      • props: props

    Returns Element

Const ClearButton

  • ClearButton(__namedParameters: { show: any; updateStore: any }): Element
  • Parameters

    • __namedParameters: { show: any; updateStore: any }
      • show: any
      • updateStore: any

    Returns Element

Const Close

  • Close(__namedParameters: { onClick: any }): Element
  • Parameters

    • __namedParameters: { onClick: any }
      • onClick: any

    Returns Element

Const Close

  • Close(__namedParameters: { onClick: () => void }): Element
  • Parameters

    • __namedParameters: { onClick: () => void }
      • onClick: () => void
          • (): void
          • Returns void

    Returns Element

Const CloseIcon

  • CloseIcon(__namedParameters: { props: props; type: undefined | "button" | "submit" | "reset" }): Element
  • Parameters

    • __namedParameters: { props: props; type: undefined | "button" | "submit" | "reset" }
      • props: props
      • type: undefined | "button" | "submit" | "reset"

    Returns Element

Const CollapsiblePanel

  • CollapsiblePanel(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; collapse: undefined | false | true; components: SymptomReportComponents; headerColor: string; title: string }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; collapse: undefined | false | true; components: SymptomReportComponents; headerColor: string; title: string }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • collapse: undefined | false | true
      • components: SymptomReportComponents
      • headerColor: string
      • title: string

    Returns Element

Const CompareMyNumber

  • CompareMyNumber(__namedParameters: { mobileView: undefined | false | true; numbers: NumberConclusion[]; props: props; title: undefined | string }): Element
  • Parameters

    • __namedParameters: { mobileView: undefined | false | true; numbers: NumberConclusion[]; props: props; title: undefined | string }
      • mobileView: undefined | false | true
      • numbers: NumberConclusion[]
      • props: props
      • title: undefined | string

    Returns Element

Const CompareNumbers

  • CompareNumbers(__namedParameters: { currentNumbers: NumberConclusion[]; currentTitle: undefined | string; mobileView: undefined | false | true; previousNumbers: NumberConclusion[]; previousTitle: undefined | string }): Element
  • Parameters

    • __namedParameters: { currentNumbers: NumberConclusion[]; currentTitle: undefined | string; mobileView: undefined | false | true; previousNumbers: NumberConclusion[]; previousTitle: undefined | string }
      • currentNumbers: NumberConclusion[]
      • currentTitle: undefined | string
      • mobileView: undefined | false | true
      • previousNumbers: NumberConclusion[]
      • previousTitle: undefined | string

    Returns Element

Const CompareRiskChart

  • CompareRiskChart(__namedParameters: { mobileView: undefined | false | true; props: props; risks: HealthRiskModel[]; title: undefined | string }): Element
  • Parameters

    • __namedParameters: { mobileView: undefined | false | true; props: props; risks: HealthRiskModel[]; title: undefined | string }
      • mobileView: undefined | false | true
      • props: props
      • risks: HealthRiskModel[]
      • title: undefined | string

    Returns Element

Const CompareRiskCharts

  • CompareRiskCharts(__namedParameters: { currentSnapshot: HealthComparisonSnapshot; currentTitle: undefined | string; mobileView: undefined | false | true; previousSnapshot: HealthComparisonSnapshot; previousTitle: undefined | string }): Element
  • Parameters

    • __namedParameters: { currentSnapshot: HealthComparisonSnapshot; currentTitle: undefined | string; mobileView: undefined | false | true; previousSnapshot: HealthComparisonSnapshot; previousTitle: undefined | string }
      • currentSnapshot: HealthComparisonSnapshot
      • currentTitle: undefined | string
      • mobileView: undefined | false | true
      • previousSnapshot: HealthComparisonSnapshot
      • previousTitle: undefined | string

    Returns Element

Const CompareWellbeingChart

  • CompareWellbeingChart(__namedParameters: { mobileView: undefined | false | true; props: props; scores: WellnessScore[]; title: undefined | string }): Element
  • Parameters

    • __namedParameters: { mobileView: undefined | false | true; props: props; scores: WellnessScore[]; title: undefined | string }
      • mobileView: undefined | false | true
      • props: props
      • scores: WellnessScore[]
      • title: undefined | string

    Returns Element

Const CompareWellbeingCharts

  • CompareWellbeingCharts(__namedParameters: { currentScores: WellnessScore[]; currentTitle: undefined | string; mobileView: undefined | false | true; previousScores: WellnessScore[]; previousTitle: undefined | string }): Element
  • Parameters

    • __namedParameters: { currentScores: WellnessScore[]; currentTitle: undefined | string; mobileView: undefined | false | true; previousScores: WellnessScore[]; previousTitle: undefined | string }
      • currentScores: WellnessScore[]
      • currentTitle: undefined | string
      • mobileView: undefined | false | true
      • previousScores: WellnessScore[]
      • previousTitle: undefined | string

    Returns Element

Const ComparisonReport

  • ComparisonReport(__namedParameters: { traversal: string }): Element
  • Parameters

    • __namedParameters: { traversal: string }
      • traversal: string

    Returns Element

Const ComparisonReportPage

  • ComparisonReportPage(__namedParameters: { currentTitle: string; mobileView: undefined | false | true; previousTitle: string; route: string }): null | Element
  • Parameters

    • __namedParameters: { currentTitle: string; mobileView: undefined | false | true; previousTitle: string; route: string }
      • currentTitle: string
      • mobileView: undefined | false | true
      • previousTitle: string
      • route: string

    Returns null | Element

Const ConclusionListConnected

  • ConclusionListConnected(__namedParameters: { traversalId: any }): null | Element
  • Parameters

    • __namedParameters: { traversalId: any }
      • traversalId: any

    Returns null | Element

Const ConclusionReportConnected

  • ConclusionReportConnected(__namedParameters: { assessmentType: AssessmentType; chat: boolean; noRouter: undefined | false | true; traversalId: any }): Element
  • Parameters

    • __namedParameters: { assessmentType: AssessmentType; chat: boolean; noRouter: undefined | false | true; traversalId: any }
      • assessmentType: AssessmentType
      • chat: boolean
      • noRouter: undefined | false | true
      • traversalId: any

    Returns Element

Const ConclusionsPanel

  • ConclusionsPanel(__namedParameters: { actions: SymptomReportCallbacks; collapse: undefined | false | true; components: SymptomReportComponents; conclusions: Conclusion[]; headerColor: string; title: string }): null | Element
  • Parameters

    Returns null | Element

Const CreateMember

  • CreateMember(__namedParameters: { onSubmit: any }): Element
  • Parameters

    • __namedParameters: { onSubmit: any }
      • onSubmit: any

    Returns Element

Const CrossIcon

  • CrossIcon(): Element
  • Returns Element

Const CustomThemeProvider

  • CustomThemeProvider(__namedParameters: { Theme: RootTheme | ((parentTheme: T) => RootTheme & T); children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal }): Element
  • Parameters

    • __namedParameters: { Theme: RootTheme | ((parentTheme: T) => RootTheme & T); children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal }
      • Theme: RootTheme | ((parentTheme: T) => RootTheme & T)
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal

    Returns Element

Const DateField

  • DateField(__namedParameters: { checked: undefined | false | true; className: undefined | string; props: props; type: undefined | string }): Element
  • Parameters

    • __namedParameters: { checked: undefined | false | true; className: undefined | string; props: props; type: undefined | string }
      • checked: undefined | false | true
      • className: undefined | string
      • props: props
      • type: undefined | string

    Returns Element

Const DelayExit

  • DelayExit(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; delay: number }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; delay: number }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • delay: number

    Returns Element

Const DiagonalStripes

  • DiagonalStripes(__namedParameters: { height: number; lineColor: string }): Element
  • Parameters

    • __namedParameters: { height: number; lineColor: string }
      • height: number
      • lineColor: string

    Returns Element

Const DialArc

  • DialArc(__namedParameters: { cx: any; cy: any; endAngle: any; radius: any; startAngle: any; strokeWidth: any }): Element
  • Parameters

    • __namedParameters: { cx: any; cy: any; endAngle: any; radius: any; startAngle: any; strokeWidth: any }
      • cx: any
      • cy: any
      • endAngle: any
      • radius: any
      • startAngle: any
      • strokeWidth: any

    Returns Element

Const DialBar

  • DialBar(): Element
  • Returns Element

Const DialPointer

  • DialPointer(__namedParameters: { bottom: number; opacity: undefined | number; pointerHeight: number; pointerWidth: number; position: number }): Element
  • Parameters

    • __namedParameters: { bottom: number; opacity: undefined | number; pointerHeight: number; pointerWidth: number; position: number }
      • bottom: number
      • opacity: undefined | number
      • pointerHeight: number
      • pointerWidth: number
      • position: number

    Returns Element

Const Dropdown

  • Dropdown(__namedParameters: { className: undefined | string; onChange: (event: ChangeEvent<HTMLSelectElement>) => void; options: (string | number | OptionObject)[]; value: string | number }): Element
  • Parameters

    • __namedParameters: { className: undefined | string; onChange: (event: ChangeEvent<HTMLSelectElement>) => void; options: (string | number | OptionObject)[]; value: string | number }
      • className: undefined | string
      • onChange: (event: ChangeEvent<HTMLSelectElement>) => void
          • (event: ChangeEvent<HTMLSelectElement>): void
          • Parameters

            • event: ChangeEvent<HTMLSelectElement>

            Returns void

      • options: (string | number | OptionObject)[]
      • value: string | number

    Returns Element

Const EditAnswerButton

  • EditAnswerButton(__namedParameters: { onClick: () => void }): Element
  • Parameters

    • __namedParameters: { onClick: () => void }
      • onClick: () => void
          • (): void
          • Returns void

    Returns Element

Const Explanation

  • Explanation(__namedParameters: { conclusion: Conclusion }): Element
  • Parameters

    • __namedParameters: { conclusion: Conclusion }
      • conclusion: Conclusion

    Returns Element

Const Explanations

  • Explanations(__namedParameters: { explanations: Conclusion[]; title: string }): Element
  • Parameters

    • __namedParameters: { explanations: Conclusion[]; title: string }
      • explanations: Conclusion[]
      • title: string

    Returns Element

Const Form

  • Form(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • props: props

    Returns Element

Const Gradient

  • Gradient(): Element
  • Returns Element

Const Gradient

  • Gradient(): Element
  • Returns Element

Const GridLine

  • GridLine(__namedParameters: { length: number; percent: number }): Element
  • Parameters

    • __namedParameters: { length: number; percent: number }
      • length: number
      • percent: number

    Returns Element

Const GridLines

  • GridLines(__namedParameters: { lineLength: number; width: number; x: number; y: number }): Element
  • Parameters

    • __namedParameters: { lineLength: number; width: number; x: number; y: number }
      • lineLength: number
      • width: number
      • x: number
      • y: number

    Returns Element

Const HealthAge

  • HealthAge(__namedParameters: { explanation: null | string; healthAgeConclusions: Conclusion[]; traversalId: string }): Element
  • Parameters

    • __namedParameters: { explanation: null | string; healthAgeConclusions: Conclusion[]; traversalId: string }
      • explanation: null | string
      • healthAgeConclusions: Conclusion[]
      • traversalId: string

    Returns Element

Const HealthAgeDial

  • HealthAgeDial(__namedParameters: { age: number; healthAge: number; minimumHealthAge: number }): Element
  • Parameters

    • __namedParameters: { age: number; healthAge: number; minimumHealthAge: number }
      • age: number
      • healthAge: number
      • minimumHealthAge: number

    Returns Element

Const HealthAgeIndicator

  • HealthAgeIndicator(__namedParameters: { healthAgeModel: HealthAgeModel }): Element
  • Parameters

    • __namedParameters: { healthAgeModel: HealthAgeModel }
      • healthAgeModel: HealthAgeModel

    Returns Element

Const HealthAgeIndicatorConnected

  • HealthAgeIndicatorConnected(__namedParameters: { traversalId: string }): Element
  • Parameters

    • __namedParameters: { traversalId: string }
      • traversalId: string

    Returns Element

Const HealthAgeIndicatorMini

  • HealthAgeIndicatorMini(__namedParameters: { healthAgeModel: HealthAgeModel }): Element
  • Parameters

    • __namedParameters: { healthAgeModel: HealthAgeModel }
      • healthAgeModel: HealthAgeModel

    Returns Element

Const HealthAgeTile

  • HealthAgeTile(__namedParameters: { healthAge: number }): Element
  • Parameters

    • __namedParameters: { healthAge: number }
      • healthAge: number

    Returns Element

Const HealthAssessment

  • HealthAssessment(__namedParameters: { traversalId: string }): null | Element
  • Parameters

    • __namedParameters: { traversalId: string }
      • traversalId: string

    Returns null | Element

Const HealthAssessment

  • HealthAssessment(__namedParameters: { traversalId: string }): null | Element
  • Parameters

    • __namedParameters: { traversalId: string }
      • traversalId: string

    Returns null | Element

Const HealthAssessmentPage

  • HealthAssessmentPage(__namedParameters: { route: string; traversalId: string }): null | Element
  • Parameters

    • __namedParameters: { route: string; traversalId: string }
      • route: string
      • traversalId: string

    Returns null | Element

Const HealthReportExplanation

  • HealthReportExplanation(__namedParameters: { conclusion: Conclusion }): Element
  • Parameters

    • __namedParameters: { conclusion: Conclusion }
      • conclusion: Conclusion

    Returns Element

Const HealthReportPanelHeader

  • HealthReportPanelHeader(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal

    Returns Element

Const HtmlContent

  • HtmlContent(__namedParameters: { children: null | {}; element: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view"; props: props }): ReactElement<{ dangerouslySetInnerHTML: object; style: object }, string | ((props: P) => ReactElement | null) | {}>
  • Parameters

    • __namedParameters: { children: null | {}; element: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view"; props: props }
      • children: null | {}
      • element: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view"
      • props: props

    Returns ReactElement<{ dangerouslySetInnerHTML: object; style: object }, string | ((props: P) => ReactElement | null) | {}>

Const Icon

  • Icon(__namedParameters: { state: number }): Element
  • Parameters

    • __namedParameters: { state: number }
      • state: number

    Returns Element

Const InfoIcon

  • InfoIcon(__namedParameters: { explanation: undefined | null | string; onClick: (explanation: string) => void }): null | Element
  • Parameters

    • __namedParameters: { explanation: undefined | null | string; onClick: (explanation: string) => void }
      • explanation: undefined | null | string
      • onClick: (explanation: string) => void
          • (explanation: string): void
          • Parameters

            • explanation: string

            Returns void

    Returns null | Element

Const InfoIconConnected

  • InfoIconConnected(__namedParameters: { explanation: any; inline: any; props: any; title: any }): Element
  • Parameters

    • __namedParameters: { explanation: any; inline: any; props: any; title: any }
      • explanation: any
      • inline: any
      • props: any
      • title: any

    Returns Element

Const InteractiveRiskChart

  • InteractiveRiskChart(__namedParameters: { riskSummary: HealthRisksModel }): Element
  • Parameters

    • __namedParameters: { riskSummary: HealthRisksModel }
      • riskSummary: HealthRisksModel

    Returns Element

Const KeyItem

  • KeyItem(__namedParameters: { border: string; fill: string; label: string; x: number; y: number }): Element
  • Parameters

    • __namedParameters: { border: string; fill: string; label: string; x: number; y: number }
      • border: string
      • fill: string
      • label: string
      • x: number
      • y: number

    Returns Element

Const LabelledBar

  • LabelledBar(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; index: number; name: string }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; index: number; name: string }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • index: number
      • name: string

    Returns Element

Const Labels

  • Labels(): Element
  • Returns Element

Const Loader

  • Loader(): Element
  • Returns Element

Const MessagePanel

  • MessagePanel(__namedParameters: { components: SymptomReportComponents; symptomReport: SymptomReportModel }): Element
  • Parameters

    Returns Element

Const Modal

  • Modal(__namedParameters: { actions: ModalCallbacks; children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; components: {}; modal: null | ModalModel }): Element
  • Parameters

    • __namedParameters: { actions: ModalCallbacks; children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; components: {}; modal: null | ModalModel }
      • actions: ModalCallbacks
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • components: {}
      • modal: null | ModalModel

    Returns Element

Const ModalConnected

  • ModalConnected(): Element
  • Returns Element

Const MyNumbers

  • MyNumbers(__namedParameters: { numbersConclusions: NumberConclusion[] }): Element
  • Parameters

    • __namedParameters: { numbersConclusions: NumberConclusion[] }
      • numbersConclusions: NumberConclusion[]

    Returns Element

Const NavigationButtons

  • NavigationButtons(__namedParameters: { next: any; previous: any }): Element
  • Parameters

    • __namedParameters: { next: any; previous: any }
      • next: any
      • previous: any

    Returns Element

Const NonCheckableConclusion

  • NonCheckableConclusion(__namedParameters: { conclusion: Conclusion }): Element
  • Parameters

    • __namedParameters: { conclusion: Conclusion }
      • conclusion: Conclusion

    Returns Element

Const NonCheckableConclusions

  • NonCheckableConclusions(__namedParameters: { conclusions: Conclusion[] }): null | Element
  • Parameters

    • __namedParameters: { conclusions: Conclusion[] }
      • conclusions: Conclusion[]

    Returns null | Element

Const NumberConclusion

  • NumberConclusion(__namedParameters: { conclusion: NumberConclusion }): Element
  • Parameters

    • __namedParameters: { conclusion: NumberConclusion }
      • conclusion: NumberConclusion

    Returns Element

Const NumberConclusions

  • NumberConclusions(__namedParameters: { conclusions: NumberConclusion[] }): Element
  • Parameters

    • __namedParameters: { conclusions: NumberConclusion[] }
      • conclusions: NumberConclusion[]

    Returns Element

Const NumberField

  • NumberField(__namedParameters: { checked: undefined | false | true; className: undefined | string; props: props; type: undefined | string }): Element
  • Parameters

    • __namedParameters: { checked: undefined | false | true; className: undefined | string; props: props; type: undefined | string }
      • checked: undefined | false | true
      • className: undefined | string
      • props: props
      • type: undefined | string

    Returns Element

Const OpenIcon

  • OpenIcon(__namedParameters: { onClick: () => void; open: boolean }): Element
  • Parameters

    • __namedParameters: { onClick: () => void; open: boolean }
      • onClick: () => void
          • (): void
          • Returns void

      • open: boolean

    Returns Element

Const Panel

  • Panel(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • props: props

    Returns Element

Const Panel

  • Panel(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • props: props

    Returns Element

Const PanelBlocks

  • PanelBlocks(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props; staggerChildren: number }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props; staggerChildren: number }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • props: props
      • staggerChildren: number

    Returns Element

Const PanelBox

  • PanelBox(__namedParameters: { children: any; props: any }): Element
  • Parameters

    • __namedParameters: { children: any; props: any }
      • children: any
      • props: any

    Returns Element

Const PreviousAnswers

  • PreviousAnswers(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • props: props

    Returns Element

Const ProgressBar

  • ProgressBar(__namedParameters: { pathname: any; routes: any }): Element
  • Parameters

    • __namedParameters: { pathname: any; routes: any }
      • pathname: any
      • routes: any

    Returns Element

Const Question

  • Question(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • props: props

    Returns Element

Const Radio

  • Radio(__namedParameters: { checked: undefined | false | true; className: undefined | string; props: props }): Element
  • Parameters

    • __namedParameters: { checked: undefined | false | true; className: undefined | string; props: props }
      • checked: undefined | false | true
      • className: undefined | string
      • props: props

    Returns Element

Const RiskBar

  • RiskBar(__namedParameters: { highlightRisk: undefined | string; risk: HealthRiskModel }): null | Element
  • Parameters

    • __namedParameters: { highlightRisk: undefined | string; risk: HealthRiskModel }
      • highlightRisk: undefined | string
      • risk: HealthRiskModel

    Returns null | Element

Const RiskBars

  • RiskBars(__namedParameters: { highlightRisk: undefined | string; risks: HealthRiskModel[]; x: number; y: number }): Element
  • Parameters

    • __namedParameters: { highlightRisk: undefined | string; risks: HealthRiskModel[]; x: number; y: number }
      • highlightRisk: undefined | string
      • risks: HealthRiskModel[]
      • x: number
      • y: number

    Returns Element

Const RiskChart

  • RiskChart(__namedParameters: { highlightRisk: undefined | string; risks: HealthRiskModel[] }): Element
  • Parameters

    • __namedParameters: { highlightRisk: undefined | string; risks: HealthRiskModel[] }
      • highlightRisk: undefined | string
      • risks: HealthRiskModel[]

    Returns Element

Const RiskScores

  • RiskScores(__namedParameters: { riskSummary: HealthRisksModel }): Element
  • Parameters

    • __namedParameters: { riskSummary: HealthRisksModel }
      • riskSummary: HealthRisksModel

    Returns Element

Const RiskScoresConnected

  • RiskScoresConnected(__namedParameters: { traversalId: string }): null | Element
  • Parameters

    • __namedParameters: { traversalId: string }
      • traversalId: string

    Returns null | Element

Const Risks

  • Risks(__namedParameters: { riskConclusions: Conclusion[]; riskExplanations: Conclusion[]; traversalId: string }): Element
  • Parameters

    • __namedParameters: { riskConclusions: Conclusion[]; riskExplanations: Conclusion[]; traversalId: string }
      • riskConclusions: Conclusion[]
      • riskExplanations: Conclusion[]
      • traversalId: string

    Returns Element

Const Section

  • Section(__namedParameters: { text: string }): null | Element
  • Parameters

    • __namedParameters: { text: string }
      • text: string

    Returns null | Element

Const Step

  • Step(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • props: props

    Returns Element

Const Summary

  • Summary(__namedParameters: { summary: HealthComparisonSummary }): Element
  • Parameters

    • __namedParameters: { summary: HealthComparisonSummary }
      • summary: HealthComparisonSummary

    Returns Element

Const Summary

  • Summary(__namedParameters: { actions: any; components: any; summary: null | TraversalSummaryModel; labels: object }): Element
  • Parameters

    • __namedParameters: { actions: any; components: any; summary: null | TraversalSummaryModel; labels: object }
      • actions: any
      • components: any
      • summary: null | TraversalSummaryModel
      • labels: object
        • noAnswers: string
        • noQuestions: string
        • title: string

    Returns Element

Const SummaryConnected

  • SummaryConnected(__namedParameters: { chat: boolean }): Element
  • Parameters

    • __namedParameters: { chat: boolean }
      • chat: boolean

    Returns Element

Const SummaryLine

  • SummaryLine(__namedParameters: { summaryLine: ISummaryLine }): Element
  • Parameters

    Returns Element

Const SummaryPanel

  • SummaryPanel(__namedParameters: { children: any; props: any }): Element
  • Parameters

    • __namedParameters: { children: any; props: any }
      • children: any
      • props: any

    Returns Element

Const SymptomReport

  • SymptomReport(__namedParameters: { actions: SymptomReportCallbacks; components: {}; symptomReport: SymptomReportModel }): Element
  • Parameters

    Returns Element

Const SymptomReportConnected

  • SymptomReportConnected(__namedParameters: { chat: boolean; traversalId: string }): null | Element
  • Parameters

    • __namedParameters: { chat: boolean; traversalId: string }
      • chat: boolean
      • traversalId: string

    Returns null | Element

Const SymptomReportMessage

  • SymptomReportMessage(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; props: props }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • props: props

    Returns Element

Const TableAnswerCell

  • TableAnswerCell(__namedParameters: { answerId: string; children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal }): Element
  • Parameters

    • __namedParameters: { answerId: string; children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal }
      • answerId: string
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal

    Returns Element

Const TableHeaderCell

  • TableHeaderCell(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; colspan: number; error: undefined | TraversalError; justifyContent: undefined | string; text: string; textAlign: string }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; colspan: number; error: undefined | TraversalError; justifyContent: undefined | string; text: string; textAlign: string }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • colspan: number
      • error: undefined | TraversalError
      • justifyContent: undefined | string
      • text: string
      • textAlign: string

    Returns Element

Const TableHeaderRow

  • TableHeaderRow(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal

    Returns Element

Const TableQuestion

  • TableQuestion(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal

    Returns Element

Const TextField

  • TextField(__namedParameters: { checked: undefined | false | true; className: undefined | string; props: props }): Element
  • Parameters

    • __namedParameters: { checked: undefined | false | true; className: undefined | string; props: props }
      • checked: undefined | false | true
      • className: undefined | string
      • props: props

    Returns Element

Const TextFieldWithClear

  • TextFieldWithClear(__namedParameters: { checked: any; className: any; props: any; updateStore: any; value: any }): Element
  • Parameters

    • __namedParameters: { checked: any; className: any; props: any; updateStore: any; value: any }
      • checked: any
      • className: any
      • props: any
      • updateStore: any
      • value: any

    Returns Element

Const TickIcon

  • TickIcon(): Element
  • Returns Element

Const ToggleAssessment

  • ToggleAssessment(__namedParameters: { active: string; currentTitle: undefined | string; onSetActive: onSetActive; previousTitle: undefined | string }): Element
  • Parameters

    • __namedParameters: { active: string; currentTitle: undefined | string; onSetActive: onSetActive; previousTitle: undefined | string }
      • active: string
      • currentTitle: undefined | string
      • onSetActive: onSetActive
      • previousTitle: undefined | string

    Returns Element

Const Traversal

  • Traversal(__namedParameters: { actions: TraversalCallbacks; components: {}; containerRef: undefined | MutableRefObject<any>; minWidthTable: number; traversal: TraversalModel & { loading: boolean; previous: boolean }; labels: object }): Element
  • Parameters

    • __namedParameters: { actions: TraversalCallbacks; components: {}; containerRef: undefined | MutableRefObject<any>; minWidthTable: number; traversal: TraversalModel & { loading: boolean; previous: boolean }; labels: object }
      • actions: TraversalCallbacks
      • components: {}
      • containerRef: undefined | MutableRefObject<any>
      • minWidthTable: number
      • traversal: TraversalModel & { loading: boolean; previous: boolean }
      • labels: object
        • next: string
        • previous: string
        • summary: string

    Returns Element

Const TraversalAndConclusionsConnected

  • TraversalAndConclusionsConnected(): null | Element
  • Returns null | Element

Const TraversalApp

  • TraversalApp(__namedParameters: { store: Store<any, AnyAction>; theme: RootTheme | ((parentTheme: T) => RootTheme & T) }): Element
  • Parameters

    • __namedParameters: { store: Store<any, AnyAction>; theme: RootTheme | ((parentTheme: T) => RootTheme & T) }

    Returns Element

Const TraversalCheckbox

  • TraversalCheckbox(__namedParameters: { Comp: ComponentClass<CheckboxProps, any> | FunctionComponent<CheckboxProps>; action: (event: SyntheticEvent<HTMLInputElement>, answerId: string, questionAnswerIds: string[]) => void; answerId: string; checked: undefined | false | true; siblingIds: string[] }): Element
  • Parameters

    • __namedParameters: { Comp: ComponentClass<CheckboxProps, any> | FunctionComponent<CheckboxProps>; action: (event: SyntheticEvent<HTMLInputElement>, answerId: string, questionAnswerIds: string[]) => void; answerId: string; checked: undefined | false | true; siblingIds: string[] }
      • Comp: ComponentClass<CheckboxProps, any> | FunctionComponent<CheckboxProps>
      • action: (event: SyntheticEvent<HTMLInputElement>, answerId: string, questionAnswerIds: string[]) => void
          • (event: SyntheticEvent<HTMLInputElement>, answerId: string, questionAnswerIds: string[]): void
          • Parameters

            • event: SyntheticEvent<HTMLInputElement>
            • answerId: string
            • questionAnswerIds: string[]

            Returns void

      • answerId: string
      • checked: undefined | false | true
      • siblingIds: string[]

    Returns Element

Const TraversalCollection

  • TraversalCollection(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; mirror: boolean }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; mirror: boolean }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • mirror: boolean

    Returns Element

Const TraversalConnected

  • TraversalConnected(): null | Element
  • Returns null | Element

Const TraversalForm

  • TraversalForm(__namedParameters: { actions: TraversalCallbacks; children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; components: {}; containerRef: undefined | MutableRefObject<any>; minWidthTable: number; traversal: TraversalModel & { loading: boolean; previous: boolean } }): Element
  • Parameters

    • __namedParameters: { actions: TraversalCallbacks; children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; components: {}; containerRef: undefined | MutableRefObject<any>; minWidthTable: number; traversal: TraversalModel & { loading: boolean; previous: boolean } }
      • actions: TraversalCallbacks
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • components: {}
      • containerRef: undefined | MutableRefObject<any>
      • minWidthTable: number
      • traversal: TraversalModel & { loading: boolean; previous: boolean }

    Returns Element

Const TraversalNodes

  • TraversalNodes(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; mirror: boolean }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; mirror: boolean }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • mirror: boolean

    Returns Element

Const TraversalQuestion

  • TraversalQuestion(__namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; displayText: string }): Element
  • Parameters

    • __namedParameters: { children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal; displayText: string }
      • children: undefined | null | string | number | false | true | {} | ReactElement<any, string | ((props: P) => ReactElement | null) | {}> | ReactNodeArray | ReactPortal
      • displayText: string

    Returns Element

Const TraversalRadio

  • TraversalRadio(__namedParameters: { Comp: ComponentClass<RadioProps, any> | FunctionComponent<RadioProps>; action: (event: SyntheticEvent<HTMLInputElement>, answerId: string, questionAnswerIds: string[], checked: boolean) => void; answerId: string; checked: undefined | false | true; siblingIds: string[] }): Element
  • Parameters

    • __namedParameters: { Comp: ComponentClass<RadioProps, any> | FunctionComponent<RadioProps>; action: (event: SyntheticEvent<HTMLInputElement>, answerId: string, questionAnswerIds: string[], checked: boolean) => void; answerId: string; checked: undefined | false | true; siblingIds: string[] }
      • Comp: ComponentClass<RadioProps, any> | FunctionComponent<RadioProps>
      • action: (event: SyntheticEvent<HTMLInputElement>, answerId: string, questionAnswerIds: string[], checked