@redocly/theme 0.4.15 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{REAMDE.md → README.md} +0 -0
- package/lib/ApiOnboarding/AppCustomAttributes.d.ts +5 -0
- package/lib/ApiOnboarding/AppCustomAttributes.js +8 -0
- package/{Button → lib/Button}/Button.d.ts +0 -0
- package/lib/Button/Button.js +156 -0
- package/{Button → lib/Button}/index.d.ts +0 -0
- package/{Button → lib/Button}/index.js +1 -0
- package/{Cards → lib/Cards}/Card.d.ts +0 -0
- package/lib/Cards/Card.js +36 -0
- package/{Cards → lib/Cards}/CardsBlock.d.ts +0 -0
- package/lib/Cards/CardsBlock.js +15 -0
- package/{CodeBlock → lib/CodeBlock}/CodeBlock.d.ts +0 -0
- package/lib/CodeBlock/CodeBlock.js +103 -0
- package/{CodeBlock → lib/CodeBlock}/index.d.ts +0 -0
- package/{CodeBlock → lib/CodeBlock}/index.js +1 -0
- package/{ColorModeSwitcher → lib/ColorModeSwitcher}/ColorModeSwitcher.d.ts +0 -0
- package/{ColorModeSwitcher → lib/ColorModeSwitcher}/ColorModeSwitcher.js +22 -36
- package/{ColorModeSwitcher → lib/ColorModeSwitcher}/index.d.ts +0 -0
- package/{ColorModeSwitcher → lib/ColorModeSwitcher}/index.js +1 -0
- package/{CopyButton → lib/CopyButton}/CopyButton.d.ts +0 -0
- package/lib/CopyButton/CopyButton.js +50 -0
- package/{CopyButton → lib/CopyButton}/CopyButtonWrapper.d.ts +0 -0
- package/{CopyButton → lib/CopyButton}/CopyButtonWrapper.js +14 -15
- package/{CopyButton → lib/CopyButton}/index.d.ts +0 -0
- package/{CopyButton → lib/CopyButton}/index.js +1 -0
- package/{EditPageButton → lib/EditPageButton}/EditPageButton.d.ts +0 -0
- package/lib/EditPageButton/EditPageButton.js +36 -0
- package/{EditPageButton → lib/EditPageButton}/index.d.ts +0 -0
- package/{EditPageButton → lib/EditPageButton}/index.js +1 -0
- package/{Footer → lib/Footer}/CustomFooter.d.ts +0 -0
- package/lib/Footer/CustomFooter.js +35 -0
- package/{Footer → lib/Footer}/CustomFooterNavItem.d.ts +0 -0
- package/lib/Footer/CustomFooterNavItem.js +33 -0
- package/{Footer → lib/Footer}/Footer.d.ts +0 -0
- package/lib/Footer/Footer.js +35 -0
- package/{Footer → lib/Footer}/FooterColumn.d.ts +0 -0
- package/lib/Footer/FooterColumn.js +54 -0
- package/{Footer → lib/Footer}/FooterColumns.d.ts +0 -0
- package/lib/Footer/FooterColumns.js +44 -0
- package/{Footer → lib/Footer}/FooterCopyright.d.ts +0 -0
- package/lib/Footer/FooterCopyright.js +26 -0
- package/{Footer → lib/Footer}/index.d.ts +0 -0
- package/{Footer → lib/Footer}/index.js +1 -0
- package/{JsonViewer → lib/JsonViewer}/JsonViewer.d.ts +0 -0
- package/lib/JsonViewer/JsonViewer.js +240 -0
- package/{JsonViewer → lib/JsonViewer}/index.d.ts +0 -0
- package/{JsonViewer → lib/JsonViewer}/index.js +1 -0
- package/lib/LastUpdated/LastUpdated.d.ts +14 -0
- package/lib/LastUpdated/LastUpdated.js +52 -0
- package/{Layout → lib/Layout}/PageLayout.d.ts +0 -0
- package/lib/Layout/PageLayout.js +29 -0
- package/{Layout → lib/Layout}/RootLayout.d.ts +0 -0
- package/lib/Layout/RootLayout.js +19 -0
- package/{Layout → lib/Layout}/index.d.ts +0 -0
- package/{Layout → lib/Layout}/index.js +1 -0
- package/{Markdown → lib/Markdown}/Admonition.d.ts +0 -0
- package/lib/Markdown/Admonition.js +56 -0
- package/{Markdown → lib/Markdown}/CodeSample/CodeSample.d.ts +0 -0
- package/lib/Markdown/CodeSample/CodeSample.js +219 -0
- package/{Markdown → lib/Markdown}/CodeSample/index.d.ts +0 -0
- package/{Markdown → lib/Markdown}/CodeSample/index.js +1 -0
- package/{Markdown → lib/Markdown}/ContainerWrapper.d.ts +0 -0
- package/lib/Markdown/ContainerWrapper.js +26 -0
- package/{Markdown → lib/Markdown}/Details.d.ts +0 -0
- package/lib/Markdown/Details.js +17 -0
- package/{Markdown → lib/Markdown}/Heading.d.ts +0 -0
- package/{Markdown → lib/Markdown}/Heading.js +9 -9
- package/{Markdown → lib/Markdown}/MarkdownLayout.d.ts +1 -0
- package/lib/Markdown/MarkdownLayout.js +30 -0
- package/{Markdown → lib/Markdown}/MarkdownWrapper.d.ts +0 -0
- package/lib/Markdown/MarkdownWrapper.js +391 -0
- package/{Markdown → lib/Markdown}/Mermaid.d.ts +0 -0
- package/lib/Markdown/Mermaid.js +19 -0
- package/{Markdown → lib/Markdown}/PageWrapper.d.ts +0 -0
- package/lib/Markdown/PageWrapper.js +15 -0
- package/{Markdown → lib/Markdown}/Sup.d.ts +0 -0
- package/lib/Markdown/Sup.js +14 -0
- package/{Markdown → lib/Markdown}/Tabs/Tab.d.ts +0 -0
- package/lib/Markdown/Tabs/Tab.js +28 -0
- package/{Markdown → lib/Markdown}/Tabs/Tabs.d.ts +0 -0
- package/lib/Markdown/Tabs/Tabs.js +62 -0
- package/{Markdown → lib/Markdown}/Tabs/index.d.ts +0 -0
- package/{Markdown → lib/Markdown}/Tabs/index.js +1 -0
- package/{Markdown → lib/Markdown}/index.d.ts +0 -0
- package/{Markdown → lib/Markdown}/index.js +1 -0
- package/{Navbar → lib/Navbar}/MobileNavbarDropdown.d.ts +0 -0
- package/lib/Navbar/MobileNavbarDropdown.js +30 -0
- package/{Navbar → lib/Navbar}/MobileNavbarItem.d.ts +1 -1
- package/lib/Navbar/MobileNavbarItem.js +106 -0
- package/{Navbar → lib/Navbar}/MobileNavbarMenu.d.ts +0 -0
- package/lib/Navbar/MobileNavbarMenu.js +92 -0
- package/{Navbar → lib/Navbar}/MobileNavbarMenuButton.d.ts +0 -0
- package/lib/Navbar/MobileNavbarMenuButton.js +18 -0
- package/{Navbar → lib/Navbar}/Navbar.d.ts +0 -0
- package/lib/Navbar/Navbar.js +75 -0
- package/{Navbar → lib/Navbar}/NavbarDropdown.d.ts +0 -0
- package/lib/Navbar/NavbarDropdown.js +38 -0
- package/{Navbar → lib/Navbar}/NavbarItem.d.ts +1 -1
- package/lib/Navbar/NavbarItem.js +72 -0
- package/{Navbar → lib/Navbar}/NavbarMenu.d.ts +0 -0
- package/lib/Navbar/NavbarMenu.js +34 -0
- package/{Navbar → lib/Navbar}/index.d.ts +0 -0
- package/{Navbar → lib/Navbar}/index.js +1 -0
- package/{NavbarLogo → lib/NavbarLogo}/NavbarLogo.d.ts +0 -0
- package/lib/NavbarLogo/NavbarLogo.js +24 -0
- package/{NavbarLogo → lib/NavbarLogo}/index.d.ts +0 -0
- package/{NavbarLogo → lib/NavbarLogo}/index.js +1 -0
- package/{OperationBadge → lib/OperationBadge}/OperationBadge.d.ts +0 -0
- package/lib/OperationBadge/OperationBadge.js +68 -0
- package/{OperationBadge → lib/OperationBadge}/index.d.ts +0 -0
- package/{OperationBadge → lib/OperationBadge}/index.js +1 -0
- package/{PageNavigation → lib/PageNavigation}/NextPageLink.d.ts +0 -0
- package/lib/PageNavigation/NextPageLink.js +26 -0
- package/{PageNavigation → lib/PageNavigation}/PageNavigation.d.ts +0 -0
- package/lib/PageNavigation/PageNavigation.js +31 -0
- package/{PageNavigation → lib/PageNavigation}/PreviousPageLink.d.ts +0 -0
- package/lib/PageNavigation/PreviousPageLink.js +26 -0
- package/{PageNavigation → lib/PageNavigation}/index.d.ts +0 -0
- package/{PageNavigation → lib/PageNavigation}/index.js +1 -0
- package/{Panel → lib/Panel}/Panel.d.ts +0 -0
- package/lib/Panel/Panel.js +39 -0
- package/{Panel → lib/Panel}/PanelBody.d.ts +0 -0
- package/lib/Panel/PanelBody.js +59 -0
- package/{Panel → lib/Panel}/PanelComponent.d.ts +1 -1
- package/{Panel → lib/Panel}/PanelComponent.js +21 -36
- package/{Panel → lib/Panel}/PanelHeader.d.ts +0 -0
- package/lib/Panel/PanelHeader.js +33 -0
- package/{Panel → lib/Panel}/PanelHeaderTitle.d.ts +0 -0
- package/lib/Panel/PanelHeaderTitle.js +21 -0
- package/{Panel → lib/Panel}/index.d.ts +0 -0
- package/{Panel → lib/Panel}/index.js +1 -0
- package/{Profile → lib/Profile}/Profile.d.ts +0 -0
- package/lib/Profile/Profile.js +87 -0
- package/{Profile → lib/Profile}/index.d.ts +0 -0
- package/{Profile → lib/Profile}/index.js +1 -0
- package/{SamplesPanelControls → lib/SamplesPanelControls}/SamplesPanelControls.d.ts +0 -0
- package/lib/SamplesPanelControls/SamplesPanelControls.js +74 -0
- package/{SamplesPanelControls → lib/SamplesPanelControls}/index.d.ts +0 -0
- package/{SamplesPanelControls → lib/SamplesPanelControls}/index.js +1 -0
- package/{Search → lib/Search}/Autocomplete.d.ts +0 -0
- package/lib/Search/Autocomplete.js +105 -0
- package/{Search → lib/Search}/ClearIcon.d.ts +0 -0
- package/lib/Search/ClearIcon.js +26 -0
- package/{Search → lib/Search}/Input.d.ts +0 -0
- package/lib/Search/Input.js +30 -0
- package/{Search → lib/Search}/Parameters.d.ts +0 -0
- package/lib/Search/Parameters.js +55 -0
- package/{Search → lib/Search}/Popover.d.ts +0 -0
- package/lib/Search/Popover.js +26 -0
- package/{Search → lib/Search}/Search.d.ts +0 -0
- package/lib/Search/Search.js +27 -0
- package/{Search → lib/Search}/SearchIcon.d.ts +0 -0
- package/lib/Search/SearchIcon.js +27 -0
- package/{Search → lib/Search}/SearchItem.d.ts +0 -0
- package/lib/Search/SearchItem.js +98 -0
- package/{Search → lib/Search}/SidebarSearch.d.ts +0 -0
- package/lib/Search/SidebarSearch.js +20 -0
- package/{Search → lib/Search}/index.d.ts +0 -0
- package/{Search → lib/Search}/index.js +1 -0
- package/{Search → lib/Search}/utils.d.ts +0 -0
- package/{Search → lib/Search}/utils.js +8 -26
- package/{Sidebar → lib/Sidebar}/ApiCallItem.d.ts +0 -0
- package/lib/Sidebar/ApiCallItem.js +34 -0
- package/{Sidebar → lib/Sidebar}/ArrowBack.d.ts +0 -0
- package/lib/Sidebar/ArrowBack.js +22 -0
- package/{Sidebar → lib/Sidebar}/BackButton.d.ts +0 -0
- package/lib/Sidebar/BackButton.js +39 -0
- package/{Sidebar → lib/Sidebar}/Drilldown.d.ts +0 -0
- package/lib/Sidebar/Drilldown.js +43 -0
- package/{Sidebar → lib/Sidebar}/DrilldownMenu.d.ts +0 -0
- package/lib/Sidebar/DrilldownMenu.js +71 -0
- package/{Sidebar → lib/Sidebar}/DrilldownMenuItem.d.ts +0 -0
- package/lib/Sidebar/DrilldownMenuItem.js +42 -0
- package/{Sidebar → lib/Sidebar}/ExternalIcon.d.ts +0 -0
- package/lib/Sidebar/ExternalIcon.js +21 -0
- package/{Sidebar → lib/Sidebar}/Menu.d.ts +0 -0
- package/lib/Sidebar/Menu.js +17 -0
- package/{Sidebar → lib/Sidebar}/MenuContainer.d.ts +0 -0
- package/lib/Sidebar/MenuContainer.js +16 -0
- package/{Sidebar → lib/Sidebar}/MenuGroup.d.ts +0 -0
- package/lib/Sidebar/MenuGroup.js +88 -0
- package/{Sidebar → lib/Sidebar}/MenuItem.d.ts +0 -0
- package/{Sidebar → lib/Sidebar}/MenuItem.js +9 -14
- package/{Sidebar → lib/Sidebar}/MenuItemLabel.d.ts +0 -0
- package/lib/Sidebar/MenuItemLabel.js +46 -0
- package/lib/Sidebar/MenuLink.d.ts +4 -0
- package/lib/Sidebar/MenuLink.js +15 -0
- package/{Sidebar → lib/Sidebar}/MenuLinkItem.d.ts +0 -0
- package/lib/Sidebar/MenuLinkItem.js +15 -0
- package/{Sidebar → lib/Sidebar}/MobileSidebarButton.d.ts +0 -0
- package/lib/Sidebar/MobileSidebarButton.js +46 -0
- package/{Sidebar → lib/Sidebar}/Separator.d.ts +0 -0
- package/lib/Sidebar/Separator.js +18 -0
- package/{Sidebar → lib/Sidebar}/SeparatorItem.d.ts +0 -0
- package/lib/Sidebar/SeparatorItem.js +25 -0
- package/{Sidebar → lib/Sidebar}/SeparatorLine.d.ts +0 -0
- package/lib/Sidebar/SeparatorLine.js +15 -0
- package/{Sidebar → lib/Sidebar}/Sidebar.d.ts +0 -0
- package/lib/Sidebar/Sidebar.js +55 -0
- package/{Sidebar → lib/Sidebar}/SidebarLayout.d.ts +0 -0
- package/lib/Sidebar/SidebarLayout.js +31 -0
- package/{Sidebar → lib/Sidebar}/index.d.ts +0 -0
- package/{Sidebar → lib/Sidebar}/index.js +1 -0
- package/{Sidebar → lib/Sidebar}/types/DrilldownMenuProps.d.ts +0 -0
- package/{Sidebar → lib/Sidebar}/types/DrilldownMenuProps.js +1 -0
- package/{Sidebar → lib/Sidebar}/types/ItemState.d.ts +0 -0
- package/{Sidebar → lib/Sidebar}/types/ItemState.js +1 -0
- package/{Sidebar → lib/Sidebar}/types/MenuItemProps.d.ts +0 -0
- package/{Sidebar → lib/Sidebar}/types/MenuItemProps.js +1 -0
- package/{Sidebar → lib/Sidebar}/types/MenuStyle.d.ts +0 -0
- package/{Sidebar → lib/Sidebar}/types/MenuStyle.js +1 -0
- package/{Sidebar → lib/Sidebar}/types/NavItem.d.ts +0 -0
- package/{Sidebar → lib/Sidebar}/types/NavItem.js +1 -0
- package/{Sidebar → lib/Sidebar}/types/index.d.ts +0 -0
- package/{Sidebar → lib/Sidebar}/types/index.js +1 -0
- package/{SidebarLogo → lib/SidebarLogo}/SidebarLogo.d.ts +0 -0
- package/lib/SidebarLogo/SidebarLogo.js +31 -0
- package/{SidebarLogo → lib/SidebarLogo}/index.d.ts +0 -0
- package/{SidebarLogo → lib/SidebarLogo}/index.js +1 -0
- package/{SourceCode → lib/SourceCode}/SourceCode.d.ts +0 -0
- package/{SourceCode → lib/SourceCode}/SourceCode.js +14 -34
- package/{SourceCode → lib/SourceCode}/index.d.ts +0 -0
- package/{SourceCode → lib/SourceCode}/index.js +1 -0
- package/{TableOfContent → lib/TableOfContent}/TableOfContent.d.ts +0 -0
- package/lib/TableOfContent/TableOfContent.js +116 -0
- package/{TableOfContent → lib/TableOfContent}/index.d.ts +0 -0
- package/{TableOfContent → lib/TableOfContent}/index.js +1 -0
- package/{TableOfContent → lib/TableOfContent}/utils.d.ts +0 -0
- package/lib/TableOfContent/utils.js +41 -0
- package/{Tooltip → lib/Tooltip}/Tooltip.d.ts +0 -0
- package/lib/Tooltip/Tooltip.js +173 -0
- package/{Tooltip → lib/Tooltip}/index.d.ts +0 -0
- package/{Tooltip → lib/Tooltip}/index.js +1 -0
- package/{Typography → lib/Typography}/CompactTypography.d.ts +0 -0
- package/lib/Typography/CompactTypography.js +14 -0
- package/{Typography → lib/Typography}/Emphasis.d.ts +0 -0
- package/lib/Typography/Emphasis.js +13 -0
- package/{Typography → lib/Typography}/H1.d.ts +0 -0
- package/lib/Typography/H1.js +17 -0
- package/{Typography → lib/Typography}/H2.d.ts +0 -0
- package/lib/Typography/H2.js +17 -0
- package/{Typography → lib/Typography}/H3.d.ts +0 -0
- package/lib/Typography/H3.js +17 -0
- package/{Typography → lib/Typography}/SectionHeader.d.ts +0 -0
- package/lib/Typography/SectionHeader.js +19 -0
- package/{Typography → lib/Typography}/Typography.d.ts +0 -0
- package/lib/Typography/Typography.js +22 -0
- package/{Typography → lib/Typography}/index.d.ts +0 -0
- package/{Typography → lib/Typography}/index.js +1 -0
- package/{globalStyle.d.ts → lib/globalStyle.d.ts} +0 -0
- package/lib/globalStyle.js +1924 -0
- package/{hooks → lib/hooks}/__tests__/mocks/MockIntersectionObserver.d.ts +0 -0
- package/lib/hooks/__tests__/mocks/MockIntersectionObserver.js +79 -0
- package/{hooks → lib/hooks}/index.d.ts +0 -0
- package/{hooks → lib/hooks}/index.js +1 -0
- package/{hooks → lib/hooks}/useActiveHeading.d.ts +0 -0
- package/lib/hooks/useActiveHeading.js +85 -0
- package/{hooks → lib/hooks}/useActiveSectionId.d.ts +0 -0
- package/lib/hooks/useActiveSectionId.js +47 -0
- package/{hooks → lib/hooks}/useControl.d.ts +0 -0
- package/lib/hooks/useControl.js +16 -0
- package/{hooks → lib/hooks}/useDefaultThemeSettings.d.ts +0 -0
- package/{hooks → lib/hooks}/useDefaultThemeSettings.js +3 -2
- package/{hooks → lib/hooks}/useFullHeight.d.ts +0 -0
- package/{hooks → lib/hooks}/useFullHeight.js +13 -12
- package/{hooks → lib/hooks}/useMobileMenu.d.ts +0 -0
- package/lib/hooks/useMobileMenu.js +13 -0
- package/{hooks → lib/hooks}/useMount.d.ts +0 -0
- package/{hooks → lib/hooks}/useMount.js +4 -3
- package/{hooks → lib/hooks}/useNavbarHeight.d.ts +0 -0
- package/lib/hooks/useNavbarHeight.js +21 -0
- package/{hooks → lib/hooks}/useOutsideClick.d.ts +0 -0
- package/{hooks → lib/hooks}/useOutsideClick.js +5 -4
- package/{hooks → lib/hooks}/useUnmount.d.ts +0 -0
- package/{hooks → lib/hooks}/useUnmount.js +5 -4
- package/{icons → lib/icons}/AlertIcon/AlertIcon.d.ts +0 -0
- package/{icons → lib/icons}/AlertIcon/AlertIcon.js +22 -17
- package/{icons → lib/icons}/AlertIcon/index.d.ts +0 -0
- package/{icons → lib/icons}/AlertIcon/index.js +1 -0
- package/{icons → lib/icons}/ArrowIcon/ArrowIcon.d.ts +0 -0
- package/lib/icons/ArrowIcon/ArrowIcon.js +32 -0
- package/{icons → lib/icons}/ArrowIcon/index.d.ts +0 -0
- package/{icons → lib/icons}/ArrowIcon/index.js +1 -0
- package/{icons → lib/icons}/ColorModeIcon/ColorModeIcon.d.ts +0 -0
- package/{icons → lib/icons}/ColorModeIcon/ColorModeIcon.js +10 -11
- package/{icons → lib/icons}/ColorModeIcon/index.d.ts +0 -0
- package/{icons → lib/icons}/ColorModeIcon/index.js +1 -0
- package/{icons → lib/icons}/ShelfIcon/ShelfIcon.d.ts +0 -0
- package/lib/icons/ShelfIcon/ShelfIcon.js +52 -0
- package/{icons → lib/icons}/ShelfIcon/index.d.ts +0 -0
- package/{icons → lib/icons}/ShelfIcon/index.js +1 -0
- package/{icons → lib/icons}/index.d.ts +0 -0
- package/{icons → lib/icons}/index.js +1 -0
- package/{index.d.ts → lib/index.d.ts} +0 -0
- package/{index.js → lib/index.js} +1 -0
- package/{mocks → lib/mocks}/Link.d.ts +0 -0
- package/lib/mocks/Link.js +27 -0
- package/{mocks → lib/mocks}/constants/index.d.ts +0 -0
- package/{mocks → lib/mocks}/constants/index.js +1 -0
- package/{mocks → lib/mocks}/hooks/index.d.ts +0 -0
- package/{mocks → lib/mocks}/hooks/index.js +2 -1
- package/{mocks → lib/mocks}/hooks/usePageData.d.ts +0 -0
- package/{mocks → lib/mocks}/hooks/usePageData.js +1 -0
- package/{mocks → lib/mocks}/search.d.ts +0 -0
- package/{mocks → lib/mocks}/search.js +2 -1
- package/{mocks → lib/mocks}/types/index.d.ts +0 -0
- package/{mocks → lib/mocks}/types/index.js +1 -0
- package/lib/mocks/types.d.ts +14 -0
- package/{mocks → lib/mocks}/types.js +1 -0
- package/{mocks → lib/mocks}/usePreloadHistory.d.ts +0 -0
- package/{mocks → lib/mocks}/usePreloadHistory.js +3 -2
- package/{mocks → lib/mocks}/utils.d.ts +0 -0
- package/{mocks → lib/mocks}/utils.js +3 -2
- package/{ui → lib/ui}/Background.d.ts +0 -0
- package/lib/ui/Background.js +21 -0
- package/{ui → lib/ui}/Box.d.ts +0 -0
- package/lib/ui/Box.js +21 -0
- package/{ui → lib/ui}/Burger.d.ts +0 -0
- package/lib/ui/Burger.js +31 -0
- package/{ui → lib/ui}/Dropdown.d.ts +0 -0
- package/lib/ui/Dropdown.js +115 -0
- package/{ui → lib/ui}/Flex.d.ts +0 -0
- package/lib/ui/Flex.js +21 -0
- package/{ui → lib/ui}/Jumbotron.d.ts +0 -0
- package/lib/ui/Jumbotron.js +51 -0
- package/{ui → lib/ui}/Tiles/ThinTile.d.ts +1 -1
- package/lib/ui/Tiles/ThinTile.js +124 -0
- package/{ui → lib/ui}/Tiles/TileHeader.d.ts +0 -0
- package/lib/ui/Tiles/TileHeader.js +19 -0
- package/{ui → lib/ui}/Tiles/TileText.d.ts +0 -0
- package/lib/ui/Tiles/TileText.js +18 -0
- package/{ui → lib/ui}/Tiles/WideTile.d.ts +0 -0
- package/lib/ui/Tiles/WideTile.js +114 -0
- package/{ui → lib/ui}/Tiles/index.d.ts +0 -0
- package/{ui → lib/ui}/Tiles/index.js +1 -0
- package/{ui → lib/ui}/darkColors.d.ts +0 -0
- package/lib/ui/darkColors.js +70 -0
- package/{ui → lib/ui}/index.d.ts +0 -1
- package/{ui → lib/ui}/index.js +2 -5
- package/{utils → lib/utils}/ClipboardService.d.ts +0 -0
- package/{utils → lib/utils}/ClipboardService.js +11 -13
- package/{utils → lib/utils}/args-typecheck.d.ts +0 -0
- package/{utils → lib/utils}/args-typecheck.js +1 -0
- package/{utils → lib/utils}/class-names.d.ts +0 -0
- package/lib/utils/class-names.js +12 -0
- package/{utils → lib/utils}/color.d.ts +0 -0
- package/{utils → lib/utils}/color.js +7 -6
- package/{utils → lib/utils}/css-variables.d.ts +0 -0
- package/lib/utils/css-variables.js +6 -0
- package/{utils → lib/utils}/getNavbarElement.d.ts +0 -0
- package/{utils → lib/utils}/getNavbarElement.js +3 -2
- package/{utils → lib/utils}/highlight.d.ts +0 -0
- package/{utils → lib/utils}/highlight.js +10 -11
- package/{utils → lib/utils}/index.d.ts +0 -0
- package/{utils → lib/utils}/index.js +1 -0
- package/{utils → lib/utils}/isUrl.d.ts +0 -0
- package/{utils → lib/utils}/isUrl.js +6 -5
- package/{utils → lib/utils}/jsonToHtml.d.ts +0 -0
- package/lib/utils/jsonToHtml.js +180 -0
- package/{utils → lib/utils}/media-css.d.ts +0 -0
- package/lib/utils/media-css.js +13 -0
- package/{utils → lib/utils}/replaceHashInColor.d.ts +0 -0
- package/{utils → lib/utils}/replaceHashInColor.js +1 -0
- package/{utils → lib/utils}/theme-helpers.d.ts +0 -0
- package/lib/utils/theme-helpers.js +75 -0
- package/package.json +104 -5
- package/src/ApiOnboarding/AppCustomAttributes.tsx +6 -0
- package/src/Button/Button.tsx +2 -1
- package/src/Cards/Card.tsx +1 -2
- package/src/CopyButton/CopyButtonWrapper.tsx +1 -2
- package/src/EditPageButton/EditPageButton.tsx +4 -0
- package/src/Footer/CustomFooter.tsx +1 -2
- package/src/Footer/CustomFooterNavItem.tsx +1 -2
- package/src/Footer/Footer.tsx +1 -2
- package/src/Footer/FooterColumn.tsx +8 -3
- package/src/Footer/FooterColumns.tsx +1 -2
- package/src/JsonViewer/JsonViewer.tsx +2 -1
- package/src/LastUpdated/LastUpdated.tsx +41 -5
- package/src/Markdown/Admonition.tsx +3 -0
- package/src/Markdown/CodeSample/CodeSample.tsx +8 -0
- package/src/Markdown/Heading.tsx +2 -1
- package/src/Markdown/MarkdownLayout.tsx +2 -1
- package/src/Markdown/MarkdownWrapper.tsx +2 -1
- package/src/Markdown/Sup.tsx +2 -1
- package/src/Markdown/Tabs/Tabs.tsx +2 -1
- package/src/Navbar/MobileNavbarDropdown.tsx +1 -2
- package/src/Navbar/MobileNavbarItem.tsx +3 -4
- package/src/Navbar/MobileNavbarMenu.tsx +1 -2
- package/src/Navbar/Navbar.tsx +1 -2
- package/src/Navbar/NavbarDropdown.tsx +1 -2
- package/src/Navbar/NavbarItem.tsx +4 -5
- package/src/Navbar/NavbarMenu.tsx +1 -2
- package/src/NavbarLogo/NavbarLogo.tsx +1 -2
- package/src/PageNavigation/NextPageLink.tsx +1 -2
- package/src/PageNavigation/PageNavigation.tsx +4 -0
- package/src/PageNavigation/PreviousPageLink.tsx +1 -2
- package/src/Panel/PanelComponent.tsx +2 -2
- package/src/Panel/PanelHeader.ts +2 -1
- package/src/Search/Autocomplete.tsx +2 -2
- package/src/Search/ClearIcon.tsx +2 -1
- package/src/Search/Parameters.tsx +1 -2
- package/src/Search/SearchIcon.tsx +2 -1
- package/src/Search/SearchItem.tsx +1 -2
- package/src/Sidebar/ApiCallItem.tsx +1 -2
- package/src/Sidebar/Drilldown.tsx +1 -2
- package/src/Sidebar/DrilldownMenu.tsx +1 -2
- package/src/Sidebar/MenuGroup.tsx +1 -2
- package/src/Sidebar/MenuItem.tsx +1 -2
- package/src/Sidebar/MenuLink.tsx +3 -9
- package/src/Sidebar/MenuLinkItem.tsx +1 -2
- package/src/Sidebar/Separator.tsx +1 -2
- package/src/TableOfContent/TableOfContent.tsx +3 -4
- package/src/Tooltip/Tooltip.tsx +1 -0
- package/src/globalStyle.ts +28 -28
- package/src/hooks/__tests__/mocks/MockIntersectionObserver.ts +48 -0
- package/src/hooks/useActiveSectionId.ts +1 -0
- package/src/hooks/useDefaultThemeSettings.ts +1 -2
- package/src/hooks/useFullHeight.ts +2 -1
- package/src/hooks/useMobileMenu.ts +2 -1
- package/src/hooks/useNavbarHeight.ts +1 -0
- package/src/hooks/useOutsideClick.ts +2 -1
- package/src/mocks/Link.tsx +1 -2
- package/src/mocks/hooks/index.ts +1 -1
- package/src/mocks/types.ts +8 -1
- package/src/settings.yaml +1 -1
- package/src/types/portal/src/shared/constants.d.ts +33 -33
- package/src/types/portal/src/shared/types/markdown.d.ts +3 -3
- package/src/types/portal/src/shared/types/nav.d.ts +119 -106
- package/src/ui/Box.tsx +3 -2
- package/src/ui/Burger.tsx +2 -1
- package/src/ui/Dropdown.tsx +1 -2
- package/src/ui/Flex.tsx +2 -1
- package/src/ui/Tiles/ThinTile.tsx +2 -1
- package/src/ui/Tiles/WideTile.tsx +1 -2
- package/src/ui/index.tsx +0 -1
- package/src/utils/theme-helpers.ts +1 -0
- package/Button/Button.js +0 -87
- package/Cards/Card.js +0 -25
- package/Cards/CardsBlock.js +0 -15
- package/CodeBlock/CodeBlock.js +0 -16
- package/CopyButton/CopyButton.js +0 -100
- package/EditPageButton/EditPageButton.js +0 -24
- package/Footer/CustomFooter.js +0 -31
- package/Footer/CustomFooterNavItem.js +0 -25
- package/Footer/Footer.js +0 -29
- package/Footer/FooterColumn.js +0 -31
- package/Footer/FooterColumns.js +0 -34
- package/Footer/FooterCopyright.js +0 -19
- package/JsonViewer/JsonViewer.js +0 -147
- package/LastUpdated/LastUpdated.d.ts +0 -5
- package/LastUpdated/LastUpdated.js +0 -27
- package/Layout/PageLayout.js +0 -22
- package/Layout/RootLayout.js +0 -24
- package/Markdown/Admonition.js +0 -31
- package/Markdown/CodeSample/CodeSample.js +0 -93
- package/Markdown/ContainerWrapper.js +0 -21
- package/Markdown/Details.js +0 -22
- package/Markdown/MarkdownLayout.js +0 -31
- package/Markdown/MarkdownWrapper.js +0 -43
- package/Markdown/Mermaid.js +0 -19
- package/Markdown/PageWrapper.js +0 -15
- package/Markdown/Sup.js +0 -19
- package/Markdown/Tabs/Tab.js +0 -24
- package/Markdown/Tabs/Tabs.js +0 -72
- package/Navbar/MobileNavbarDropdown.js +0 -21
- package/Navbar/MobileNavbarItem.js +0 -102
- package/Navbar/MobileNavbarMenu.js +0 -32
- package/Navbar/MobileNavbarMenuButton.js +0 -19
- package/Navbar/Navbar.js +0 -64
- package/Navbar/NavbarDropdown.js +0 -21
- package/Navbar/NavbarItem.js +0 -53
- package/Navbar/NavbarMenu.js +0 -29
- package/NavbarLogo/NavbarLogo.js +0 -24
- package/OperationBadge/OperationBadge.js +0 -16
- package/PageNavigation/NextPageLink.js +0 -28
- package/PageNavigation/PageNavigation.js +0 -27
- package/PageNavigation/PreviousPageLink.js +0 -28
- package/Panel/Panel.js +0 -23
- package/Panel/PanelBody.js +0 -43
- package/Panel/PanelHeader.js +0 -24
- package/Panel/PanelHeaderTitle.js +0 -15
- package/Profile/Profile.js +0 -59
- package/SamplesPanelControls/SamplesPanelControls.js +0 -27
- package/Search/Autocomplete.js +0 -122
- package/Search/ClearIcon.js +0 -32
- package/Search/Input.js +0 -15
- package/Search/Parameters.js +0 -42
- package/Search/Popover.js +0 -15
- package/Search/Search.js +0 -29
- package/Search/SearchIcon.js +0 -32
- package/Search/SearchItem.js +0 -64
- package/Search/SidebarSearch.js +0 -17
- package/Sidebar/ApiCallItem.js +0 -29
- package/Sidebar/ArrowBack.js +0 -21
- package/Sidebar/BackButton.js +0 -22
- package/Sidebar/Drilldown.js +0 -50
- package/Sidebar/DrilldownMenu.js +0 -52
- package/Sidebar/DrilldownMenuItem.js +0 -25
- package/Sidebar/ExternalIcon.js +0 -23
- package/Sidebar/Menu.js +0 -15
- package/Sidebar/MenuContainer.js +0 -15
- package/Sidebar/MenuGroup.js +0 -95
- package/Sidebar/MenuItemLabel.js +0 -19
- package/Sidebar/MenuLink.d.ts +0 -5
- package/Sidebar/MenuLink.js +0 -16
- package/Sidebar/MenuLinkItem.js +0 -31
- package/Sidebar/MobileSidebarButton.js +0 -25
- package/Sidebar/Separator.js +0 -23
- package/Sidebar/SeparatorItem.js +0 -16
- package/Sidebar/SeparatorLine.js +0 -15
- package/Sidebar/Sidebar.js +0 -24
- package/Sidebar/SidebarLayout.js +0 -52
- package/SidebarLogo/SidebarLogo.js +0 -25
- package/TableOfContent/TableOfContent.js +0 -81
- package/TableOfContent/utils.js +0 -62
- package/Tooltip/Tooltip.js +0 -98
- package/Typography/CompactTypography.js +0 -18
- package/Typography/Emphasis.js +0 -15
- package/Typography/H1.js +0 -16
- package/Typography/H2.js +0 -16
- package/Typography/H3.js +0 -16
- package/Typography/SectionHeader.js +0 -15
- package/Typography/Typography.js +0 -45
- package/globalStyle.js +0 -38
- package/hooks/__tests__/mocks/MockIntersectionObserver.js +0 -39
- package/hooks/useActiveHeading.js +0 -100
- package/hooks/useActiveSectionId.js +0 -65
- package/hooks/useControl.js +0 -32
- package/hooks/useMobileMenu.js +0 -29
- package/hooks/useNavbarHeight.js +0 -36
- package/icons/ArrowIcon/ArrowIcon.js +0 -33
- package/icons/ShelfIcon/ShelfIcon.js +0 -52
- package/mocks/Link.js +0 -27
- package/mocks/types.d.ts +0 -7
- package/src/ui/UniversalLink.tsx +0 -96
- package/ui/Background.js +0 -16
- package/ui/Box.js +0 -16
- package/ui/Burger.js +0 -23
- package/ui/Dropdown.js +0 -89
- package/ui/Flex.js +0 -31
- package/ui/Jumbotron.js +0 -44
- package/ui/Tiles/ThinTile.js +0 -114
- package/ui/Tiles/TileHeader.js +0 -15
- package/ui/Tiles/TileText.js +0 -15
- package/ui/Tiles/WideTile.js +0 -109
- package/ui/UniversalLink.d.ts +0 -17
- package/ui/UniversalLink.js +0 -97
- package/ui/darkColors.js +0 -10
- package/utils/class-names.js +0 -15
- package/utils/css-variables.js +0 -8
- package/utils/jsonToHtml.js +0 -324
- package/utils/media-css.js +0 -50
- package/utils/theme-helpers.js +0 -121
package/CopyButton/CopyButton.js
DELETED
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
26
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
27
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
28
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
29
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
30
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
31
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
35
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
36
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
37
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
38
|
-
function step(op) {
|
|
39
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
40
|
-
while (_) try {
|
|
41
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
42
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
43
|
-
switch (op[0]) {
|
|
44
|
-
case 0: case 1: t = op; break;
|
|
45
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
46
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
47
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
48
|
-
default:
|
|
49
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
50
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
51
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
52
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
53
|
-
if (t[2]) _.ops.pop();
|
|
54
|
-
_.trys.pop(); continue;
|
|
55
|
-
}
|
|
56
|
-
op = body.call(thisArg, _);
|
|
57
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
58
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
62
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
63
|
-
if (!m) return o;
|
|
64
|
-
var i = m.call(o), r, ar = [], e;
|
|
65
|
-
try {
|
|
66
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
67
|
-
}
|
|
68
|
-
catch (error) { e = { error: error }; }
|
|
69
|
-
finally {
|
|
70
|
-
try {
|
|
71
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
72
|
-
}
|
|
73
|
-
finally { if (e) throw e.error; }
|
|
74
|
-
}
|
|
75
|
-
return ar;
|
|
76
|
-
};
|
|
77
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
78
|
-
exports.CopyButton = void 0;
|
|
79
|
-
var react_1 = __importStar(require("react"));
|
|
80
|
-
var Button_1 = require("../Button");
|
|
81
|
-
var CopyButton = function (_a) {
|
|
82
|
-
var text = _a.text, _b = _a.dataTestId, dataTestId = _b === void 0 ? 'copy-button' : _b;
|
|
83
|
-
var _c = __read((0, react_1.useState)('Copy'), 2), title = _c[0], setTitle = _c[1];
|
|
84
|
-
function write() {
|
|
85
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
86
|
-
return __generator(this, function (_a) {
|
|
87
|
-
switch (_a.label) {
|
|
88
|
-
case 0: return [4 /*yield*/, navigator.clipboard.writeText(text)];
|
|
89
|
-
case 1:
|
|
90
|
-
_a.sent();
|
|
91
|
-
setTitle('Copied!');
|
|
92
|
-
setTimeout(function () { return setTitle('Copy'); }, 1500);
|
|
93
|
-
return [2 /*return*/];
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
return (react_1.default.createElement(Button_1.Button, { color: "secondary", onClick: write, "data-cy": dataTestId, "data-component-name": "CopyButton/CopyButton" }, title));
|
|
99
|
-
};
|
|
100
|
-
exports.CopyButton = CopyButton;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.EditPageButton = void 0;
|
|
11
|
-
var react_1 = __importDefault(require("react"));
|
|
12
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
var Link_1 = require("../mocks/Link");
|
|
14
|
-
var EditPageButton = function (_a) {
|
|
15
|
-
var text = _a.text, to = _a.to, icon = _a.icon;
|
|
16
|
-
return (react_1.default.createElement(EditButton, { to: to },
|
|
17
|
-
react_1.default.createElement(ButtonIcon, { src: icon }),
|
|
18
|
-
react_1.default.createElement(ButtonText, null, text)));
|
|
19
|
-
};
|
|
20
|
-
exports.EditPageButton = EditPageButton;
|
|
21
|
-
var EditButton = (0, styled_components_1.default)(Link_1.Link)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-left: auto;\n display: inline-flex;\n color: var(--color-content);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-base);\n font-family: var(--font-family-base);\n text-decoration: none;\n"], ["\n margin-left: auto;\n display: inline-flex;\n color: var(--color-content);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-base);\n font-family: var(--font-family-base);\n text-decoration: none;\n"])));
|
|
22
|
-
var ButtonIcon = styled_components_1.default.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 14px;\n padding-right: 3px;\n"], ["\n height: 14px;\n padding-right: 3px;\n"])));
|
|
23
|
-
var ButtonText = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n line-height: 14px;\n"], ["\n line-height: 14px;\n"])));
|
|
24
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
package/Footer/CustomFooter.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.CustomFooter = void 0;
|
|
11
|
-
var react_1 = __importDefault(require("react"));
|
|
12
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
var CustomFooterNavItem_1 = require("../Footer/CustomFooterNavItem");
|
|
14
|
-
var FooterCopyright_1 = require("../Footer/FooterCopyright");
|
|
15
|
-
function CustomFooter(_a) {
|
|
16
|
-
var data = _a.data;
|
|
17
|
-
if (!data) {
|
|
18
|
-
return null;
|
|
19
|
-
}
|
|
20
|
-
return (react_1.default.createElement(FooterContainer, { "data-component-name": "Footer/CustomFooter" },
|
|
21
|
-
data.links.map(function (navItem, index) {
|
|
22
|
-
return (react_1.default.createElement(CustomFooterNavItem_1.CustomFooterNavItem, { key: "".concat(navItem.label, "_").concat(index), "data-cy": navItem.label, navItem: navItem }));
|
|
23
|
-
}),
|
|
24
|
-
react_1.default.createElement(FooterCopyright_1.FooterCopyright, { copyrightText: data.copyrightText })));
|
|
25
|
-
}
|
|
26
|
-
exports.CustomFooter = CustomFooter;
|
|
27
|
-
var FooterContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n list-style: none;\n margin: 0;\n padding: 0;\n display: block;\n background-color: var(--footer-background-color);\n text-align: center;\n font-family: var(--font-family-base);\n\n ", " {\n display: block;\n }\n"], ["\n list-style: none;\n margin: 0;\n padding: 0;\n display: block;\n background-color: var(--footer-background-color);\n text-align: center;\n font-family: var(--font-family-base);\n\n ", " {\n display: block;\n }\n"])), function (_a) {
|
|
28
|
-
var theme = _a.theme;
|
|
29
|
-
return theme.mediaQueries.medium;
|
|
30
|
-
});
|
|
31
|
-
var templateObject_1;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.CustomFooterNavItem = void 0;
|
|
11
|
-
var react_1 = __importDefault(require("react"));
|
|
12
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
var Link_1 = require("../mocks/Link");
|
|
14
|
-
function CustomFooterNavItem(_a) {
|
|
15
|
-
var navItem = _a.navItem;
|
|
16
|
-
var item = navItem;
|
|
17
|
-
return (react_1.default.createElement(FooterItem, { "data-component-name": "Navbar/NavbarItem" },
|
|
18
|
-
react_1.default.createElement(FooterLink, { to: item.link },
|
|
19
|
-
react_1.default.createElement(FooterLabel, null, item.label))));
|
|
20
|
-
}
|
|
21
|
-
exports.CustomFooterNavItem = CustomFooterNavItem;
|
|
22
|
-
var FooterItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n text-align: center;\n line-height: var(--line-height-base);\n font-size: var(--navbar-item-font-size);\n margin: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);\n font-weight: var(--font-weight-regular);\n"], ["\n display: inline-block;\n text-align: center;\n line-height: var(--line-height-base);\n font-size: var(--navbar-item-font-size);\n margin: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);\n font-weight: var(--font-weight-regular);\n"])));
|
|
23
|
-
var FooterLink = (0, styled_components_1.default)(Link_1.Link)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: var(--footer-text-color);\n text-decoration: none;\n"], ["\n color: var(--footer-text-color);\n text-decoration: none;\n"])));
|
|
24
|
-
var FooterLabel = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: pointer;\n vertical-align: middle;\n"], ["\n cursor: pointer;\n vertical-align: middle;\n"])));
|
|
25
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
package/Footer/Footer.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.Footer = void 0;
|
|
11
|
-
var react_1 = __importDefault(require("react"));
|
|
12
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
var FooterColumns_1 = require("../Footer/FooterColumns");
|
|
14
|
-
var FooterCopyright_1 = require("../Footer/FooterCopyright");
|
|
15
|
-
var utils_1 = require("../utils");
|
|
16
|
-
var useDefaultThemeSettings_1 = require("../hooks/useDefaultThemeSettings");
|
|
17
|
-
function Footer(_a) {
|
|
18
|
-
var _b = _a.data, columns = _b.columns, copyrightText = _b.copyrightText;
|
|
19
|
-
var footer = (0, useDefaultThemeSettings_1.useDefaultThemeSettings)().footer;
|
|
20
|
-
if ((0, utils_1.isEmptyArray)(columns) || !copyrightText || (footer === null || footer === void 0 ? void 0 : footer.hide)) {
|
|
21
|
-
return null;
|
|
22
|
-
}
|
|
23
|
-
return (react_1.default.createElement(FooterContainer, { "data-component-name": "Footer/Footer" },
|
|
24
|
-
react_1.default.createElement(FooterColumns_1.FooterColumns, { columns: columns }),
|
|
25
|
-
react_1.default.createElement(FooterCopyright_1.FooterCopyright, { copyrightText: copyrightText })));
|
|
26
|
-
}
|
|
27
|
-
exports.Footer = Footer;
|
|
28
|
-
var FooterContainer = styled_components_1.default.footer(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: var(--footer-font-size);\n flex-shrink: 0;\n background-color: var(--footer-background-color);\n color: var(--footer-text-color);\n font-family: var(--footer-font-family);\n font-weight: var(--footer-font-weight);\n a,\n a:hover {\n color: var(--footer-text-color);\n }\n"], ["\n font-size: var(--footer-font-size);\n flex-shrink: 0;\n background-color: var(--footer-background-color);\n color: var(--footer-text-color);\n font-family: var(--footer-font-family);\n font-weight: var(--footer-font-weight);\n a,\n a:hover {\n color: var(--footer-text-color);\n }\n"])));
|
|
29
|
-
var templateObject_1;
|
package/Footer/FooterColumn.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.FooterColumn = void 0;
|
|
11
|
-
var react_1 = __importDefault(require("react"));
|
|
12
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
var Link_1 = require("../mocks/Link");
|
|
14
|
-
function FooterColumn(_a) {
|
|
15
|
-
var _b;
|
|
16
|
-
var column = _a.column;
|
|
17
|
-
return (react_1.default.createElement(FooterColumnContainer, { "data-component-name": "Footer/FooterColumn" },
|
|
18
|
-
react_1.default.createElement(FooterColumnTitle, null, column.label), (_b = column === null || column === void 0 ? void 0 : column.items) === null || _b === void 0 ? void 0 :
|
|
19
|
-
_b.map(function (columnItem, columnItemIndex) {
|
|
20
|
-
if (columnItem.type === 'error') {
|
|
21
|
-
return null;
|
|
22
|
-
}
|
|
23
|
-
return columnItem.type === 'separator' ? (react_1.default.createElement(FooterSeparator, { key: columnItem.label + '_' + columnItemIndex }, columnItem.label)) : (react_1.default.createElement(FooterLink, { key: columnItemIndex, to: columnItem.link, "data-cy": columnItem.label }, columnItem.label));
|
|
24
|
-
})));
|
|
25
|
-
}
|
|
26
|
-
exports.FooterColumn = FooterColumn;
|
|
27
|
-
var FooterColumnTitle = styled_components_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n font-weight: var(--footer-title-font-weight);\n font-size: var(--footer-title-font-size);\n margin-bottom: var(--footer-title-margin-vertical);\n font-family: var(--footer-font-family);\n color: var(--footer-title-text-color);\n"], ["\n display: inline-block;\n font-weight: var(--footer-title-font-weight);\n font-size: var(--footer-title-font-size);\n margin-bottom: var(--footer-title-margin-vertical);\n font-family: var(--footer-font-family);\n color: var(--footer-title-text-color);\n"])));
|
|
28
|
-
var FooterSeparator = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n opacity: 0.75;\n margin: 10px 0 5px 0;\n font-size: 0.75em;\n text-transform: uppercase;\n font-family: var(--footer-font-family);\n"], ["\n opacity: 0.75;\n margin: 10px 0 5px 0;\n font-size: 0.75em;\n text-transform: uppercase;\n font-family: var(--footer-font-family);\n"])));
|
|
29
|
-
var FooterColumnContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n text-align: left;\n margin: var(--footer-column-margin-horizontal) var(--footer-column-margin-vertical);\n width: var(--footer-column-width);\n word-break: break-word;\n"], ["\n display: flex;\n flex-direction: column;\n text-align: left;\n margin: var(--footer-column-margin-horizontal) var(--footer-column-margin-vertical);\n width: var(--footer-column-width);\n word-break: break-word;\n"])));
|
|
30
|
-
var FooterLink = (0, styled_components_1.default)(Link_1.Link)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-weight: var(--font-weight-bold);\n padding: var(--footer-item-padding-vertical) var(--footer-item-padding-horizontal);\n color: var(--footer-link-text-color);\n text-decoration: none;\n &:hover {\n color: var(--footer-link-hover-color);\n }\n"], ["\n font-weight: var(--font-weight-bold);\n padding: var(--footer-item-padding-vertical) var(--footer-item-padding-horizontal);\n color: var(--footer-link-text-color);\n text-decoration: none;\n &:hover {\n color: var(--footer-link-hover-color);\n }\n"])));
|
|
31
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
package/Footer/FooterColumns.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.FooterRow = exports.FooterColumnsContainer = exports.FooterColumns = void 0;
|
|
11
|
-
var react_1 = __importDefault(require("react"));
|
|
12
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
var FooterColumn_1 = require("../Footer/FooterColumn");
|
|
14
|
-
function FooterColumns(_a) {
|
|
15
|
-
var columns = _a.columns;
|
|
16
|
-
if (!(columns === null || columns === void 0 ? void 0 : columns.length)) {
|
|
17
|
-
return null;
|
|
18
|
-
}
|
|
19
|
-
return (react_1.default.createElement(exports.FooterColumnsContainer, { "data-component-name": "Footer/FooterColumns" },
|
|
20
|
-
react_1.default.createElement(exports.FooterRow, null, columns.map(function (column, index) { return (react_1.default.createElement(FooterColumn_1.FooterColumn, { key: "".concat(column.label, "_").concat(index), column: column })); }))));
|
|
21
|
-
}
|
|
22
|
-
exports.FooterColumns = FooterColumns;
|
|
23
|
-
exports.FooterColumnsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: var(--footer-padding-vertical) var(--footer-padding-horizontal);\n display: flex;\n flex-direction: column;\n justify-content: center;\n max-width: var(--footer-container-max-width);\n margin: 0 auto;\n\n ", " {\n padding: 5.625em 20px 3.9375em 20px;\n }\n\n ", " {\n color: black;\n display: none;\n }\n"], ["\n padding: var(--footer-padding-vertical) var(--footer-padding-horizontal);\n display: flex;\n flex-direction: column;\n justify-content: center;\n max-width: var(--footer-container-max-width);\n margin: 0 auto;\n\n ", " {\n padding: 5.625em 20px 3.9375em 20px;\n }\n\n ", " {\n color: black;\n display: none;\n }\n"])), function (_a) {
|
|
24
|
-
var theme = _a.theme;
|
|
25
|
-
return theme.mediaQueries.small;
|
|
26
|
-
}, function (_a) {
|
|
27
|
-
var theme = _a.theme;
|
|
28
|
-
return theme.mediaQueries.print;
|
|
29
|
-
});
|
|
30
|
-
exports.FooterRow = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n\n ", " {\n justify-content: space-evenly;\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n\n ", " {\n justify-content: space-evenly;\n }\n"])), function (_a) {
|
|
31
|
-
var theme = _a.theme;
|
|
32
|
-
return theme.mediaQueries.small;
|
|
33
|
-
});
|
|
34
|
-
var templateObject_1, templateObject_2;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.FooterCopyright = void 0;
|
|
11
|
-
var react_1 = __importDefault(require("react"));
|
|
12
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
function FooterCopyright(_a) {
|
|
14
|
-
var _b = _a.copyrightText, copyrightText = _b === void 0 ? '' : _b;
|
|
15
|
-
return copyrightText ? (react_1.default.createElement(Wrapper, { "data-component-name": "Footer/FooterCopyright" }, copyrightText)) : null;
|
|
16
|
-
}
|
|
17
|
-
exports.FooterCopyright = FooterCopyright;
|
|
18
|
-
var Wrapper = styled_components_1.default.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n font-size: 0.875em;\n padding: 1.5em 3em;\n font-weight: var(--font-weight-bold);\n background-color: var(--footer-background-color);\n color: var(--footer-text-color);\n text-align: center;\n span {\n max-width: var(--footer-container-max-width);\n }\n"], ["\n display: flex;\n justify-content: center;\n font-size: 0.875em;\n padding: 1.5em 3em;\n font-weight: var(--font-weight-bold);\n background-color: var(--footer-background-color);\n color: var(--footer-text-color);\n text-align: center;\n span {\n max-width: var(--footer-container-max-width);\n }\n"])));
|
|
19
|
-
var templateObject_1;
|
package/JsonViewer/JsonViewer.js
DELETED
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
-
}
|
|
12
|
-
Object.defineProperty(o, k2, desc);
|
|
13
|
-
}) : (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
o[k2] = m[k];
|
|
16
|
-
}));
|
|
17
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
18
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
19
|
-
}) : function(o, v) {
|
|
20
|
-
o["default"] = v;
|
|
21
|
-
});
|
|
22
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
23
|
-
if (mod && mod.__esModule) return mod;
|
|
24
|
-
var result = {};
|
|
25
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
26
|
-
__setModuleDefault(result, mod);
|
|
27
|
-
return result;
|
|
28
|
-
};
|
|
29
|
-
var __values = (this && this.__values) || function(o) {
|
|
30
|
-
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
|
31
|
-
if (m) return m.call(o);
|
|
32
|
-
if (o && typeof o.length === "number") return {
|
|
33
|
-
next: function () {
|
|
34
|
-
if (o && i >= o.length) o = void 0;
|
|
35
|
-
return { value: o && o[i++], done: !o };
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
|
39
|
-
};
|
|
40
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
-
};
|
|
43
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
|
-
exports.StyledCodeBlock = exports.JsonViewerWrap = exports.JsonViewer = exports.Json = void 0;
|
|
45
|
-
var react_1 = __importStar(require("react"));
|
|
46
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
47
|
-
var CopyButton_1 = require("../CopyButton");
|
|
48
|
-
var SamplesPanelControls_1 = require("../SamplesPanelControls");
|
|
49
|
-
var utils_1 = require("../utils");
|
|
50
|
-
var hooks_1 = require("../hooks");
|
|
51
|
-
var CodeBlock_1 = require("../CodeBlock");
|
|
52
|
-
function JsonComponent(_a) {
|
|
53
|
-
var data = _a.data, jsonSampleExpandLevel = _a.jsonSampleExpandLevel, className = _a.className, withLineNumbers = _a.withLineNumbers, startLineNumber = _a.startLineNumber, onCopyClick = _a.onCopyClick;
|
|
54
|
-
var node = (0, react_1.useRef)(null);
|
|
55
|
-
(0, hooks_1.useMount)(function () {
|
|
56
|
-
var _a;
|
|
57
|
-
(_a = node === null || node === void 0 ? void 0 : node.current) === null || _a === void 0 ? void 0 : _a.addEventListener('click', clickListener);
|
|
58
|
-
});
|
|
59
|
-
(0, hooks_1.useUnmount)(function () {
|
|
60
|
-
var _a;
|
|
61
|
-
(_a = node === null || node === void 0 ? void 0 : node.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', clickListener);
|
|
62
|
-
});
|
|
63
|
-
var expandAll = function () {
|
|
64
|
-
var e_1, _a;
|
|
65
|
-
var _b, _c;
|
|
66
|
-
var elements = (_b = node === null || node === void 0 ? void 0 : node.current) === null || _b === void 0 ? void 0 : _b.getElementsByClassName('collapsible');
|
|
67
|
-
try {
|
|
68
|
-
for (var _d = __values(Array.prototype.slice.call(elements)), _e = _d.next(); !_e.done; _e = _d.next()) {
|
|
69
|
-
var collapsed = _e.value;
|
|
70
|
-
var parentNode = collapsed.parentNode;
|
|
71
|
-
if (!parentNode)
|
|
72
|
-
continue;
|
|
73
|
-
parentNode.classList.remove('collapsed');
|
|
74
|
-
(_c = parentNode.querySelector('.collapser')) === null || _c === void 0 ? void 0 : _c.setAttribute('aria-label', 'collapse');
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
78
|
-
finally {
|
|
79
|
-
try {
|
|
80
|
-
if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
|
|
81
|
-
}
|
|
82
|
-
finally { if (e_1) throw e_1.error; }
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
var collapseAll = function () {
|
|
86
|
-
var e_2, _a;
|
|
87
|
-
var _b, _c;
|
|
88
|
-
var elements = (_b = node === null || node === void 0 ? void 0 : node.current) === null || _b === void 0 ? void 0 : _b.getElementsByClassName('collapsible');
|
|
89
|
-
// skip first item to avoid collapsing whole object/array
|
|
90
|
-
var elementsArr = Array.prototype.slice.call(elements, 1);
|
|
91
|
-
try {
|
|
92
|
-
for (var elementsArr_1 = __values(elementsArr), elementsArr_1_1 = elementsArr_1.next(); !elementsArr_1_1.done; elementsArr_1_1 = elementsArr_1.next()) {
|
|
93
|
-
var expanded = elementsArr_1_1.value;
|
|
94
|
-
var parentNode = expanded.parentNode;
|
|
95
|
-
if (!parentNode)
|
|
96
|
-
continue;
|
|
97
|
-
parentNode.classList.add('collapsed');
|
|
98
|
-
(_c = parentNode.querySelector('.collapser')) === null || _c === void 0 ? void 0 : _c.setAttribute('aria-label', 'expand');
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
catch (e_2_1) { e_2 = { error: e_2_1 }; }
|
|
102
|
-
finally {
|
|
103
|
-
try {
|
|
104
|
-
if (elementsArr_1_1 && !elementsArr_1_1.done && (_a = elementsArr_1.return)) _a.call(elementsArr_1);
|
|
105
|
-
}
|
|
106
|
-
finally { if (e_2) throw e_2.error; }
|
|
107
|
-
}
|
|
108
|
-
};
|
|
109
|
-
var collapseElement = function (target) {
|
|
110
|
-
var _a, _b;
|
|
111
|
-
if (target.parentElement && target.className === 'collapser') {
|
|
112
|
-
var collapsed = target.parentElement.getElementsByClassName('collapsible')[0];
|
|
113
|
-
if ((_a = collapsed === null || collapsed === void 0 ? void 0 : collapsed.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains('collapsed')) {
|
|
114
|
-
collapsed.parentElement.classList.remove('collapsed');
|
|
115
|
-
target.setAttribute('aria-label', 'collapse');
|
|
116
|
-
}
|
|
117
|
-
else {
|
|
118
|
-
(_b = collapsed === null || collapsed === void 0 ? void 0 : collapsed.parentElement) === null || _b === void 0 ? void 0 : _b.classList.add('collapsed');
|
|
119
|
-
target.setAttribute('aria-label', 'expand');
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
var clickListener = function (event) {
|
|
124
|
-
collapseElement(event.target);
|
|
125
|
-
};
|
|
126
|
-
var renderInner = function (_a) {
|
|
127
|
-
var renderCopyButton = _a.renderCopyButton;
|
|
128
|
-
var showFoldingButtons = data && Object.values(data).some(function (value) { return typeof value === 'object' && value !== null; });
|
|
129
|
-
return (react_1.default.createElement(exports.JsonViewerWrap, { "data-cy": "json-viewer" },
|
|
130
|
-
react_1.default.createElement(SamplesPanelControls_1.SampleControls, { "data-cy": "buttons" },
|
|
131
|
-
renderCopyButton(),
|
|
132
|
-
showFoldingButtons && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
133
|
-
react_1.default.createElement(SamplesPanelControls_1.SamplesControlButton, { onClick: expandAll, "data-cy": "expand-all" }, "Expand all"),
|
|
134
|
-
react_1.default.createElement(SamplesPanelControls_1.SamplesControlButton, { onClick: collapseAll, "data-cy": "collapse-all" }, "Collapse all")))),
|
|
135
|
-
react_1.default.createElement(exports.StyledCodeBlock, { className: withLineNumbers ? "".concat(className, " line-numbers") : className, ref: node, dangerouslySetInnerHTML: {
|
|
136
|
-
__html: (0, utils_1.jsonToHTML)(data, jsonSampleExpandLevel, startLineNumber),
|
|
137
|
-
} })));
|
|
138
|
-
};
|
|
139
|
-
return (react_1.default.createElement(CopyButton_1.CopyButtonWrapper, { "data-cy": "copy-button", data: data, onCopyClick: onCopyClick }, renderInner));
|
|
140
|
-
}
|
|
141
|
-
exports.Json = (0, react_1.memo)(JsonComponent);
|
|
142
|
-
exports.JsonViewer = (0, styled_components_1.default)(exports.Json).attrs(function () { return ({
|
|
143
|
-
'data-component-name': 'JsonViewer/JsonViewer',
|
|
144
|
-
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .redoc-json code {\n background-color: var(--panel-samples-code-block-background-color);\n color: var(--text-color-inverse);\n padding: inherit;\n border: none;\n }\n\n contain: content;\n overflow-x: auto;\n position: relative;\n padding: 10px;\n border-radius: var(--border-radius);\n background-color: var(--panel-samples-code-block-background-color);\n color: var(--text-color-inverse);\n font-size: var(--code-font-size);\n font-family: var(--code-font-family);\n white-space: var(--code-wrap, pre);\n\n &.line-numbers {\n padding: 20px 20px 20px 3em;\n\n *[data-line]:not(.collapsed *[data-line]) {\n &:before {\n content: attr(data-line);\n position: absolute;\n left: 0;\n min-width: 2em;\n text-align: right;\n pointer-events: none;\n user-select: none;\n padding: 0 0.5em;\n font-size: 13px;\n }\n }\n }\n\n .callback-function {\n color: gray;\n }\n\n .ellipsis:after {\n content: ' \u2026 ';\n }\n\n .collapsible {\n padding-left: 2ch;\n display: inline-block;\n }\n\n .hoverable {\n padding: 1px 2px;\n display: inline-block;\n }\n\n .collapsed {\n white-space: nowrap;\n\n & > .collapser:after {\n content: '+';\n }\n }\n\n .hovered {\n background-color: rgba(235, 238, 249, 1);\n }\n\n .collapser {\n --size: 15px;\n --margin-right: 3px;\n\n display: inline-block;\n background-color: transparent;\n border: 0;\n padding: 1px;\n color: #fff;\n width: var(--size);\n height: var(--size);\n margin-left: calc((var(--size) + var(--margin-right)) * -1);\n margin-right: var(--margin-right);\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n font-family: var(--code-font-family);\n font-size: var(--code-font-size);\n\n &:after {\n content: '-';\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n }\n\n &:focus {\n outline: #fff dotted 1px;\n }\n }\n\n .selected {\n outline-width: 1px;\n outline-style: dotted;\n }\n\n .collapsed > .collapsible {\n display: none;\n }\n\n .ellipsis {\n display: none;\n }\n\n .collapsed > .ellipsis {\n display: inline;\n }\n"], ["\n .redoc-json code {\n background-color: var(--panel-samples-code-block-background-color);\n color: var(--text-color-inverse);\n padding: inherit;\n border: none;\n }\n\n contain: content;\n overflow-x: auto;\n position: relative;\n padding: 10px;\n border-radius: var(--border-radius);\n background-color: var(--panel-samples-code-block-background-color);\n color: var(--text-color-inverse);\n font-size: var(--code-font-size);\n font-family: var(--code-font-family);\n white-space: var(--code-wrap, pre);\n\n &.line-numbers {\n padding: 20px 20px 20px 3em;\n\n *[data-line]:not(.collapsed *[data-line]) {\n &:before {\n content: attr(data-line);\n position: absolute;\n left: 0;\n min-width: 2em;\n text-align: right;\n pointer-events: none;\n user-select: none;\n padding: 0 0.5em;\n font-size: 13px;\n }\n }\n }\n\n .callback-function {\n color: gray;\n }\n\n .ellipsis:after {\n content: ' \u2026 ';\n }\n\n .collapsible {\n padding-left: 2ch;\n display: inline-block;\n }\n\n .hoverable {\n padding: 1px 2px;\n display: inline-block;\n }\n\n .collapsed {\n white-space: nowrap;\n\n & > .collapser:after {\n content: '+';\n }\n }\n\n .hovered {\n background-color: rgba(235, 238, 249, 1);\n }\n\n .collapser {\n --size: 15px;\n --margin-right: 3px;\n\n display: inline-block;\n background-color: transparent;\n border: 0;\n padding: 1px;\n color: #fff;\n width: var(--size);\n height: var(--size);\n margin-left: calc((var(--size) + var(--margin-right)) * -1);\n margin-right: var(--margin-right);\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n font-family: var(--code-font-family);\n font-size: var(--code-font-size);\n\n &:after {\n content: '-';\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n }\n\n &:focus {\n outline: #fff dotted 1px;\n }\n }\n\n .selected {\n outline-width: 1px;\n outline-style: dotted;\n }\n\n .collapsed > .collapsible {\n display: none;\n }\n\n .ellipsis {\n display: none;\n }\n\n .collapsed > .ellipsis {\n display: inline;\n }\n"])));
|
|
145
|
-
exports.JsonViewerWrap = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n flex: 1;\n\n &:hover > ", " {\n opacity: 1;\n }\n"], ["\n display: flex;\n flex-direction: column;\n flex: 1;\n\n &:hover > ", " {\n opacity: 1;\n }\n"])), SamplesPanelControls_1.SampleControls);
|
|
146
|
-
exports.StyledCodeBlock = (0, styled_components_1.default)(CodeBlock_1.CodeBlock)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1;\n\n code {\n font-family: var(--code-font-family);\n font-size: 14px;\n line-height: 18px;\n }\n"], ["\n flex: 1;\n\n code {\n font-family: var(--code-font-family);\n font-size: 14px;\n line-height: 18px;\n }\n"])));
|
|
147
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.LastUpdated = void 0;
|
|
11
|
-
var react_1 = __importDefault(require("react"));
|
|
12
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
var timeago_js_1 = require("timeago.js");
|
|
14
|
-
var useDefaultThemeSettings_1 = require("../hooks/useDefaultThemeSettings");
|
|
15
|
-
function LastUpdated(_a) {
|
|
16
|
-
var lastModified = _a.lastModified;
|
|
17
|
-
var lastUpdatedBlock = (0, useDefaultThemeSettings_1.useDefaultThemeSettings)().lastUpdatedBlock;
|
|
18
|
-
if (lastUpdatedBlock === null || lastUpdatedBlock === void 0 ? void 0 : lastUpdatedBlock.hide) {
|
|
19
|
-
return null;
|
|
20
|
-
}
|
|
21
|
-
return (react_1.default.createElement(Wrapper, { "data-component-name": "LastUpdated/LastUpdated" },
|
|
22
|
-
"Last updated ",
|
|
23
|
-
(0, timeago_js_1.format)(lastModified)));
|
|
24
|
-
}
|
|
25
|
-
exports.LastUpdated = LastUpdated;
|
|
26
|
-
var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--last-updated-text-color);\n font-size: var(--last-updated-font-size);\n font-family: var(--last-updated-font-family);\n line-height: var(--last-updated-line-height);\n padding-bottom: 30px;\n"], ["\n color: var(--last-updated-text-color);\n font-size: var(--last-updated-font-size);\n font-family: var(--last-updated-font-family);\n line-height: var(--last-updated-line-height);\n padding-bottom: 30px;\n"])));
|
|
27
|
-
var templateObject_1;
|
package/Layout/PageLayout.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.PageLayout = void 0;
|
|
11
|
-
var react_1 = __importDefault(require("react"));
|
|
12
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
function PageLayout(_a) {
|
|
14
|
-
var sidebar = _a.sidebar, children = _a.children;
|
|
15
|
-
return (react_1.default.createElement(Container, { "data-component-name": "Layout/PageLayout" },
|
|
16
|
-
sidebar,
|
|
17
|
-
react_1.default.createElement(ContentContainer, null, children)));
|
|
18
|
-
}
|
|
19
|
-
exports.PageLayout = PageLayout;
|
|
20
|
-
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n min-height: calc(100vh - var(--navbar-height));\n"], ["\n display: flex;\n flex-direction: row;\n min-height: calc(100vh - var(--navbar-height));\n"])));
|
|
21
|
-
var ContentContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex: 1 0 0;\n /*\n flex-basis is ignored for nested flex in Chrome, need to set width\n See more here: https://stackoverflow.com/a/34355447\n */\n width: 0;\n max-width: 100%;\n"], ["\n flex: 1 0 0;\n /*\n flex-basis is ignored for nested flex in Chrome, need to set width\n See more here: https://stackoverflow.com/a/34355447\n */\n width: 0;\n max-width: 100%;\n"])));
|
|
22
|
-
var templateObject_1, templateObject_2;
|
package/Layout/RootLayout.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.RootLayout = void 0;
|
|
11
|
-
var react_1 = __importDefault(require("react"));
|
|
12
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
14
|
-
function RootLayout(_a) {
|
|
15
|
-
var navbar = _a.navbar, footer = _a.footer, children = _a.children;
|
|
16
|
-
return (
|
|
17
|
-
// TODO: rewrite it to avoid passing components as props
|
|
18
|
-
react_1.default.createElement(Wrapper, { "data-component-name": "Layout/RootLayout" },
|
|
19
|
-
navbar,
|
|
20
|
-
children,
|
|
21
|
-
footer));
|
|
22
|
-
}
|
|
23
|
-
exports.RootLayout = RootLayout;
|
|
24
|
-
var templateObject_1;
|
package/Markdown/Admonition.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.Admonition = void 0;
|
|
11
|
-
var react_1 = __importDefault(require("react"));
|
|
12
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
var AlertIcon_1 = require("../icons/AlertIcon/AlertIcon");
|
|
14
|
-
function Admonition(_a) {
|
|
15
|
-
var _b = _a.type, type = _b === void 0 ? 'info' : _b, name = _a.name, children = _a.children;
|
|
16
|
-
return (react_1.default.createElement(Wrapper, { type: type, "data-component-name": "Markdown/Admonition" },
|
|
17
|
-
react_1.default.createElement(AlertIcon_1.AlertIcon, { type: type }),
|
|
18
|
-
name ? react_1.default.createElement(Heading, { type: type }, name) : null,
|
|
19
|
-
react_1.default.createElement(Content, null, children)));
|
|
20
|
-
}
|
|
21
|
-
exports.Admonition = Admonition;
|
|
22
|
-
var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n align-items: center;\n margin: var(--admonition-margin-vertical) var(--admonition-margin-horizontal);\n padding: var(--admonition-padding-vertical) var(--admonition-padding-horizontal);\n padding-left: calc(var(--admonition-padding-horizontal) * 2 + var(--admonition-icon-size));\n border-radius: var(--admonition-border-radius);\n font-size: var(--admonition-font-size);\n font-weight: var(--admonition-font-weight);\n line-height: var(--admonition-line-height);\n\n ", "\n"], ["\n position: relative;\n align-items: center;\n margin: var(--admonition-margin-vertical) var(--admonition-margin-horizontal);\n padding: var(--admonition-padding-vertical) var(--admonition-padding-horizontal);\n padding-left: calc(var(--admonition-padding-horizontal) * 2 + var(--admonition-icon-size));\n border-radius: var(--admonition-border-radius);\n font-size: var(--admonition-font-size);\n font-weight: var(--admonition-font-weight);\n line-height: var(--admonition-line-height);\n\n ", "\n"])), function (_a) {
|
|
23
|
-
var type = _a.type;
|
|
24
|
-
return "\n background-color: var(--admonition-".concat(type, "-background-color);\n color: var(--admonition-").concat(type, "-text-color);\n border: var(--admonition-").concat(type, "-border);\n ");
|
|
25
|
-
});
|
|
26
|
-
var Heading = styled_components_1.default.h5(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n margin: 0 0 10px;\n\n letter-spacing: var(--admonition-heading-letter-spacing);\n color: ", ";\n\n && {\n font-size: var(--admonition-heading-font-size);\n font-weight: var(--admonition-heading-font-weight);\n line-height: var(--admonition-line-height);\n text-transform: var(--admonition-heading-transform);\n }\n"], ["\n display: block;\n margin: 0 0 10px;\n\n letter-spacing: var(--admonition-heading-letter-spacing);\n color: ", ";\n\n && {\n font-size: var(--admonition-heading-font-size);\n font-weight: var(--admonition-heading-font-weight);\n line-height: var(--admonition-line-height);\n text-transform: var(--admonition-heading-transform);\n }\n"])), function (_a) {
|
|
27
|
-
var type = _a.type;
|
|
28
|
-
return "var(--admonition-".concat(type, "-heading-text-color)");
|
|
29
|
-
});
|
|
30
|
-
var Content = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n & > p:first-child {\n margin-top: 0;\n }\n"], ["\n & > p:first-child {\n margin-top: 0;\n }\n"])));
|
|
31
|
-
var templateObject_1, templateObject_2, templateObject_3;
|