\r\n {t(\"Loading\")}...\r\n
\r\n );\r\n}\r\n","import React, { ReactNode, useState } from \"react\";\r\nimport { Collapse, Row } from \"reactstrap\";\r\nimport { getCollapseIcon } from \"../ddh-styles\";\r\nimport HelpTooltip from \"./HelpTooltip\";\r\nimport { sanitizeHtmlId } from \"../util\";\r\nimport { IconLocator, RenderIcon, IconType } from \"./IconRenderer\";\r\nimport { faFileAlt } from \"@fortawesome/free-regular-svg-icons\";\r\nimport {\r\n getGlobalCollapsedState,\r\n setGlobalCollapsedState,\r\n} from \"../datatypes/CollapsedState\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\ninterface CollapsibleSectionProps {\r\n /**\r\n * The content that will be shown in the header of the section\r\n */\r\n headerTitle: string | ReactNode;\r\n\r\n /**\r\n * The contents of the section\r\n */\r\n children: ReactNode | ReactNode[];\r\n\r\n /**\r\n * The text of the help tooltip that will be shown to the right of the section header\r\n */\r\n tooltip?: string | null | undefined;\r\n\r\n /**\r\n * The icon for the section that will be shown to the left of the section header\r\n */\r\n sectionIcon?: IconLocator | null;\r\n\r\n /**\r\n * Determines whether the section is collapsed by default\r\n */\r\n defaultCollapsed: boolean;\r\n\r\n /**\r\n * The CSS classes for the header text. The default is \"h3\".\r\n */\r\n linkClassName?: string | null | undefined;\r\n\r\n /**\r\n * The CSS classes for the Row that contains the entire header. The default is \"section-header\".\r\n */\r\n rowClassName?: string | null | undefined;\r\n\r\n /**\r\n * The document reference that will be shown as a \"page\" icon to the right of the section header.\r\n */\r\n referenceLink?: string | null | undefined;\r\n\r\n /**\r\n * A unique identifier for this section. This is used to tell React when a section has updated\r\n * and to identify collapsed state if rememberCollapsedState is true.\r\n */\r\n sectionKey?: string;\r\n\r\n /**\r\n * If true, RAINS will track the collapsed state of this header and remember it if the user navigates back.\r\n *\r\n * See ../data/CollapsedState.ts for this logic.\r\n */\r\n rememberCollapsedState?: boolean | undefined;\r\n}\r\n\r\n// Renders the document reference, if one was specified for this section\r\nexport function Reference({ url }: { url?: string | null }) {\r\n const { t } = useTranslation();\r\n if (!url) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n ![\"Loading...\"](\"/img/loading.gif\")
\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\n// Renders the icon associated with this section, if one was specified\r\nexport function SectionIcon({ icon }: { icon: IconLocator | null }) {\r\n if (!icon) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n {getCollapseIcon(!collapsed)}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ))}\r\n - \r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n
\r\n \r\n );\r\n })}\r\n \r\n\r\n \r\n\r\n - \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import { fetchServerUrl } from \"../util\";\r\nimport { i18n } from \"../ddh-translations\";\r\n\r\n/**\r\n * Defines a node in the table of contents.\r\n */\r\nexport interface DDHTOCNode {\r\n /**\r\n * A unique key, if multiple nodes have children with the same pageId or title\r\n */\r\n key: string | null;\r\n\r\n /**\r\n * The page ID that this links to. If a pageId or url is not provided, this node is not rendered as a link.\r\n */\r\n pageId: string | null;\r\n\r\n /**\r\n * The title of the node.\r\n */\r\n title: string;\r\n\r\n /**\r\n * The URL that this links to. If pageId is provided, url is ignored. If pageId or url is not provided, this node is not rendered as a link.\r\n */\r\n url: string | null;\r\n\r\n /**\r\n * The child nodes under this node. If empty, this node does not expand.\r\n */\r\n children: DDHTOCNode[];\r\n}\r\n\r\n/** Loads table of contents nodes from file */\r\nfunction getErrorNode(): DDHTOCNode[] {\r\n return [\r\n {\r\n key: null,\r\n pageId: null,\r\n title: i18n.t(\"TOCError\"),\r\n url: null,\r\n children: [],\r\n },\r\n ];\r\n}\r\n\r\nexport function getGlossary(locale: string): Promise\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t(\"ApplicationAcronym\")}\r\n \r\n \r\n \r\n \r\n \r\n {t(\"ApplicationTitle\")}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {t(\"ApplicationAcronym\")}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import { dom, library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport {\r\n faBook,\r\n faClipboardCheck,\r\n faExclamationCircle,\r\n faIndustry,\r\n faLink,\r\n faListAlt,\r\n faQuestion,\r\n faSearch,\r\n} from \"@fortawesome/free-solid-svg-icons\";\r\n// JavaScript and CSS\r\nimport \"bootstrap/dist/js/bootstrap.bundle.min.js\";\r\nimport React, { lazy, Suspense, useCallback, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { BrowserRouter, Route, Switch } from \"react-router-dom\";\r\n// Data\r\nimport { DDHPageContext, DDHPageState } from \"./components/DDHPageContext\";\r\nimport { IconLocator } from \"./components/IconRenderer\";\r\n// Components\r\nimport Loading from \"./components/Loading\";\r\nimport NavBar from \"./components/NavBar\";\r\nimport NavMenu from \"./components/NavMenu\";\r\nimport { PageFooter } from \"./components/PageFooter\";\r\nimport PageHeader from \"./components/PageHeader\";\r\nimport { showMobileTitle } from \"./datatypes/MobileTitle\";\r\nimport {\r\n getGlossary,\r\n getTableOfContents,\r\n getTOCDocuments,\r\n getTOCRequirements,\r\n} from \"./datatypes/TableOfContents\";\r\nimport { usePageTitle } from \"./hooks/usePageTitle\";\r\nimport { useRefreshToken } from \"./hooks/useRefreshToken\";\r\nimport { MobileTitlePage } from \"./pagetypes/MobileTitlePage\";\r\n\r\nlibrary.add(\r\n faClipboardCheck,\r\n faIndustry,\r\n faQuestion,\r\n faSearch,\r\n faListAlt,\r\n faLink,\r\n faExclamationCircle\r\n);\r\ndom.watch();\r\n\r\nconst HomePage = lazy(() => import(\"./pagetypes/HomePage\"));\r\nconst TopicPage = lazy(() => import(\"./pagetypes/TopicPage\"));\r\nconst RequirementsSearchPage = lazy(\r\n () => import(\"./pagetypes/RequirementsSearchPage\")\r\n);\r\nconst TableOfContentsPage = lazy(\r\n () => import(\"./pagetypes/TableOfContentsPage\")\r\n);\r\nconst AnswerDisplay = lazy(() => import(\"./pagetypes/AnswerDisplay\"));\r\nconst Version = lazy(() => import(\"./components/Version\"));\r\nconst Feedback = lazy(() => import(\"./pagetypes/Feedback\"));\r\nconst Contact = lazy(() => import(\"./pagetypes/Contact\"));\r\n\r\nexport interface AppProps {}\r\n\r\nexport function App(props: AppProps) {\r\n const { t, i18n } = useTranslation();\r\n const locale = i18n.language;\r\n\r\n const { refresh } = useRefreshToken();\r\n\r\n const [pageState, setPageState] = useState<\r\n Omit\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {t(\"ApplicationTitle\")}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n (\r\n \r\n getTableOfContents(locale)\r\n }\r\n />\r\n )}\r\n />\r\n (\r\n \r\n getGlossary(locale)\r\n }\r\n />\r\n )}\r\n />\r\n (\r\n \r\n getTOCDocuments(locale)\r\n }\r\n />\r\n )}\r\n />\r\n (\r\n \r\n getTOCRequirements(locale)\r\n }\r\n />\r\n )}\r\n />\r\n \r\n \r\n
\r\n