@redocly/theme 0.1.8 → 0.1.9
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/Footer/Footer.d.ts +1 -1
- package/Footer/Footer.js +5 -4
- package/Footer/FooterColumn.d.ts +1 -1
- package/Footer/FooterColumn.js +2 -1
- package/Footer/FooterColumns.d.ts +1 -1
- package/Footer/FooterColumns.js +4 -4
- package/Footer/FooterCopyright.d.ts +1 -1
- package/Footer/FooterCopyright.js +2 -1
- package/Footer/index.d.ts +4 -4
- package/Footer/index.js +17 -11
- package/Layout/PageLayout.d.ts +1 -1
- package/Layout/PageLayout.js +2 -1
- package/Layout/RootLayout.d.ts +1 -1
- package/Layout/RootLayout.js +2 -1
- package/Layout/index.d.ts +2 -2
- package/Layout/index.js +15 -7
- package/Logo/index.d.ts +1 -0
- package/Logo/index.js +17 -0
- package/Markdown/{Admonition/Admonition.d.ts → Admonition.d.ts} +0 -0
- package/Markdown/{Admonition/Admonition.js → Admonition.js} +1 -1
- package/Markdown/CodeSample/index.d.ts +3 -0
- package/Markdown/CodeSample/index.js +19 -0
- package/Markdown/{Heading/Heading.d.ts → Heading.d.ts} +0 -0
- package/Markdown/{Heading/Heading.js → Heading.js} +0 -0
- package/Markdown/{Mermaid/Mermaid.d.ts → Mermaid.d.ts} +0 -0
- package/Markdown/{Mermaid/Mermaid.js → Mermaid.js} +0 -0
- package/Markdown/Tabs/index.d.ts +2 -0
- package/Markdown/Tabs/index.js +18 -0
- package/Markdown/index.d.ts +9 -0
- package/Markdown/index.js +25 -0
- package/Navbar/Navbar.d.ts +1 -1
- package/Navbar/Navbar.js +2 -2
- package/Navbar/NavbarItem.d.ts +1 -1
- package/Navbar/NavbarItem.js +2 -2
- package/Navbar/NavbarMenu.d.ts +1 -1
- package/Navbar/NavbarMenu.js +4 -3
- package/Search/index.d.ts +9 -0
- package/Search/index.js +25 -0
- package/Sidebar/ApiCallItem.d.ts +2 -2
- package/Sidebar/ApiCallItem.js +6 -6
- package/Sidebar/ArrowBack.d.ts +1 -2
- package/Sidebar/ArrowBack.js +2 -1
- package/Sidebar/BackButton.d.ts +1 -1
- package/Sidebar/BackButton.js +4 -3
- package/Sidebar/Drilldown.d.ts +2 -2
- package/Sidebar/Drilldown.js +8 -7
- package/Sidebar/DrilldownMenu.d.ts +2 -2
- package/Sidebar/DrilldownMenu.js +5 -7
- package/Sidebar/DrilldownMenuItem.d.ts +2 -2
- package/Sidebar/DrilldownMenuItem.js +2 -1
- package/Sidebar/ExternalIcon.d.ts +1 -2
- package/Sidebar/ExternalIcon.js +2 -1
- package/Sidebar/Menu.d.ts +1 -2
- package/Sidebar/Menu.js +2 -1
- package/Sidebar/MenuContainer.d.ts +1 -2
- package/Sidebar/MenuContainer.js +2 -1
- package/Sidebar/MenuGroup.d.ts +1 -1
- package/Sidebar/MenuGroup.js +6 -6
- package/Sidebar/MenuItem.d.ts +2 -2
- package/Sidebar/MenuItem.js +7 -6
- package/Sidebar/MenuItemLabel.d.ts +1 -2
- package/Sidebar/MenuItemLabel.js +2 -1
- package/Sidebar/MenuLink.d.ts +1 -2
- package/Sidebar/MenuLink.js +2 -1
- package/Sidebar/MenuLinkItem.d.ts +2 -2
- package/Sidebar/MenuLinkItem.js +4 -3
- package/Sidebar/MobileSidebarButton.d.ts +1 -2
- package/Sidebar/MobileSidebarButton.js +2 -1
- package/Sidebar/Separator.d.ts +2 -2
- package/Sidebar/Separator.js +5 -4
- package/Sidebar/SeparatorItem.d.ts +1 -2
- package/Sidebar/SeparatorItem.js +3 -2
- package/Sidebar/SeparatorLine.d.ts +1 -2
- package/Sidebar/SeparatorLine.js +2 -1
- package/Sidebar/Sidebar.d.ts +2 -2
- package/Sidebar/Sidebar.js +2 -1
- package/Sidebar/SidebarLayout.d.ts +1 -1
- package/Sidebar/SidebarLayout.js +6 -5
- package/Sidebar/index.d.ts +19 -0
- package/Sidebar/index.js +35 -0
- package/Sidebar/types/DrilldownMenuProps.d.ts +2 -2
- package/Sidebar/types/ItemState.d.ts +2 -3
- package/Sidebar/types/MenuItemProps.d.ts +2 -2
- package/Sidebar/types/NavItem.d.ts +1 -1
- package/Sidebar/types/index.d.ts +5 -0
- package/Sidebar/types/index.js +21 -0
- package/TableOfContent/TableOfContent.d.ts +1 -1
- package/TableOfContent/TableOfContent.js +2 -1
- package/TableOfContent/index.d.ts +1 -0
- package/TableOfContent/index.js +17 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/package.json +1 -1
- package/src/Footer/Footer.tsx +3 -3
- package/src/Footer/FooterColumn.tsx +1 -1
- package/src/Footer/FooterColumns.tsx +2 -2
- package/src/Footer/FooterCopyright.tsx +1 -1
- package/src/Footer/index.ts +4 -0
- package/src/Layout/PageLayout.tsx +1 -1
- package/src/Layout/RootLayout.tsx +1 -1
- package/src/Layout/index.ts +2 -0
- package/src/Logo/index.ts +1 -0
- package/src/Markdown/{Admonition/Admonition.tsx → Admonition.tsx} +0 -0
- package/src/Markdown/CodeSample/index.ts +3 -0
- package/src/Markdown/{Heading/Heading.tsx → Heading.tsx} +0 -0
- package/src/Markdown/{Mermaid/Mermaid.tsx → Mermaid.tsx} +0 -0
- package/src/Markdown/Tabs/index.ts +2 -0
- package/src/Markdown/index.ts +9 -0
- package/src/Navbar/Navbar.stories.tsx +2 -2
- package/src/Navbar/Navbar.tsx +1 -1
- package/src/Navbar/NavbarItem.tsx +1 -1
- package/src/Navbar/NavbarMenu.tsx +2 -2
- package/src/Search/index.ts +9 -0
- package/src/Sidebar/ApiCallItem.tsx +5 -5
- package/src/Sidebar/ArrowBack.tsx +1 -1
- package/src/Sidebar/BackButton.tsx +2 -2
- package/src/Sidebar/Drilldown.tsx +6 -6
- package/src/Sidebar/DrilldownMenu.tsx +4 -4
- package/src/Sidebar/DrilldownMenuItem.tsx +2 -2
- package/src/Sidebar/ExternalIcon.tsx +1 -1
- package/src/Sidebar/Menu.tsx +1 -1
- package/src/Sidebar/MenuContainer.tsx +1 -1
- package/src/Sidebar/MenuGroup.tsx +5 -5
- package/src/Sidebar/MenuItem.tsx +6 -6
- package/src/Sidebar/MenuItemLabel.tsx +1 -1
- package/src/Sidebar/MenuLink.tsx +1 -1
- package/src/Sidebar/MenuLinkItem.tsx +3 -3
- package/src/Sidebar/MobileSidebarButton.tsx +1 -1
- package/src/Sidebar/Separator.tsx +4 -4
- package/src/Sidebar/SeparatorItem.tsx +2 -2
- package/src/Sidebar/SeparatorLine.tsx +1 -1
- package/src/Sidebar/Sidebar.tsx +1 -1
- package/src/Sidebar/SidebarLayout.tsx +4 -4
- package/src/Sidebar/index.ts +19 -0
- package/src/Sidebar/types/DrilldownMenuProps.ts +2 -2
- package/src/Sidebar/types/ItemState.ts +2 -4
- package/src/Sidebar/types/MenuItemProps.ts +2 -2
- package/src/Sidebar/types/NavItem.ts +1 -1
- package/src/Sidebar/types/index.ts +5 -0
- package/src/TableOfContent/TableOfContent.stories.tsx +39 -0
- package/src/TableOfContent/TableOfContent.tsx +1 -1
- package/src/TableOfContent/index.ts +1 -0
- package/src/index.ts +1 -0
- package/src/ui/{Arrow/Arrow.tsx → Arrow.tsx} +0 -0
- package/src/ui/Dropdown.tsx +1 -1
- package/src/ui/Tiles/index.ts +4 -0
- package/src/ui/UniversalLink.tsx +2 -2
- package/src/ui/index.tsx +8 -3
- package/src/utils/isUrl.ts +1 -1
- package/src/utils/replaceHashInColor.ts +1 -1
- package/ui/{Arrow/Arrow.d.ts → Arrow.d.ts} +0 -0
- package/ui/{Arrow/Arrow.js → Arrow.js} +0 -0
- package/ui/Dropdown.d.ts +1 -1
- package/ui/Dropdown.js +2 -1
- package/ui/Tiles/index.d.ts +4 -0
- package/ui/Tiles/index.js +20 -0
- package/ui/UniversalLink.js +4 -4
- package/ui/index.d.ts +7 -3
- package/ui/index.js +7 -3
- package/utils/isUrl.d.ts +1 -1
- package/utils/isUrl.js +2 -1
- package/utils/replaceHashInColor.d.ts +1 -1
- package/utils/replaceHashInColor.js +2 -1
- package/src/Footer/index.tsx +0 -4
- package/src/Layout/index.tsx +0 -2
package/Footer/Footer.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { FooterConfig } from '@theme/types/portal';
|
|
3
|
-
export
|
|
3
|
+
export declare function Footer({ columns, copyrightText, }: React.PropsWithChildren<FooterConfig>): JSX.Element | null;
|
package/Footer/Footer.js
CHANGED
|
@@ -18,17 +18,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.Footer = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
|
-
var FooterColumns_1 =
|
|
24
|
-
var FooterCopyright_1 =
|
|
24
|
+
var FooterColumns_1 = require("../Footer/FooterColumns");
|
|
25
|
+
var FooterCopyright_1 = require("../Footer/FooterCopyright");
|
|
25
26
|
function Footer(_a) {
|
|
26
27
|
var columns = _a.columns, copyrightText = _a.copyrightText;
|
|
27
28
|
if (!((columns === null || columns === void 0 ? void 0 : columns.length) || copyrightText)) {
|
|
28
29
|
return null;
|
|
29
30
|
}
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)(FooterContainer, __assign({ "data-component-name": "Footer/Footer" }, { children: [(0, jsx_runtime_1.jsx)(FooterColumns_1.
|
|
31
|
+
return ((0, jsx_runtime_1.jsxs)(FooterContainer, __assign({ "data-component-name": "Footer/Footer" }, { children: [(0, jsx_runtime_1.jsx)(FooterColumns_1.FooterColumns, { columns: columns }), (0, jsx_runtime_1.jsx)(FooterCopyright_1.FooterCopyright, { copyrightText: copyrightText })] })));
|
|
31
32
|
}
|
|
32
|
-
exports.
|
|
33
|
+
exports.Footer = Footer;
|
|
33
34
|
var FooterContainer = styled_components_1.default.footer(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: 1rem;\n flex-shrink: 0;\n background-color: var(--footer-color-background);\n color: var(--footer-color-text);\n font-family: var(--font-family-primary);\n a,\n a:hover {\n color: var(--footer-color-text);\n }\n"], ["\n font-size: 1rem;\n flex-shrink: 0;\n background-color: var(--footer-color-background);\n color: var(--footer-color-text);\n font-family: var(--font-family-primary);\n a,\n a:hover {\n color: var(--footer-color-text);\n }\n"])));
|
|
34
35
|
var templateObject_1;
|
package/Footer/FooterColumn.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ import type { FooterColumn as Column } from '@theme/types/portal';
|
|
|
3
3
|
interface FooterColumnProps {
|
|
4
4
|
column: Column;
|
|
5
5
|
}
|
|
6
|
-
export
|
|
6
|
+
export declare function FooterColumn({ column }: FooterColumnProps): JSX.Element;
|
|
7
7
|
export {};
|
package/Footer/FooterColumn.js
CHANGED
|
@@ -18,6 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.FooterColumn = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
24
|
var Link_1 = require("../mocks/Link");
|
|
@@ -30,7 +31,7 @@ function FooterColumn(_a) {
|
|
|
30
31
|
return columnItem.type === 'separator' ? ((0, jsx_runtime_1.jsx)(FooterSeparator, { children: columnItem.label }, columnItem.label + '_' + columnItemInex)) : ((0, jsx_runtime_1.jsx)(FooterLink, __assign({ to: columnItem.link, "data-cy": columnItem.label }, { children: columnItem.label }), columnItemInex));
|
|
31
32
|
})] })));
|
|
32
33
|
}
|
|
33
|
-
exports.
|
|
34
|
+
exports.FooterColumn = FooterColumn;
|
|
34
35
|
var FooterColumnTitle = styled_components_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n font-weight: var(--font-weight-regular);\n font-size: 24px;\n margin-bottom: 1.5em;\n font-family: var(--font-family-h);\n"], ["\n display: inline-block;\n font-weight: var(--font-weight-regular);\n font-size: 24px;\n margin-bottom: 1.5em;\n font-family: var(--font-family-h);\n"])));
|
|
35
36
|
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(--font-family-h);\n"], ["\n opacity: 0.75;\n margin: 10px 0 5px 0;\n font-size: 0.75em;\n text-transform: uppercase;\n font-family: var(--font-family-h);\n"])));
|
|
36
37
|
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: 0px 30px;\n"], ["\n display: flex;\n flex-direction: column;\n text-align: left;\n margin: 0px 30px;\n"])));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { FooterConfig } from '@theme/types/portal';
|
|
3
|
-
export
|
|
3
|
+
export declare function FooterColumns({ columns, }: React.PropsWithChildren<{
|
|
4
4
|
columns?: FooterConfig['columns'];
|
|
5
5
|
}>): JSX.Element | null;
|
|
6
6
|
export declare const FooterColumnsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
package/Footer/FooterColumns.js
CHANGED
|
@@ -18,18 +18,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.FooterRow = exports.FooterColumnsContainer = void 0;
|
|
21
|
+
exports.FooterRow = exports.FooterColumnsContainer = exports.FooterColumns = void 0;
|
|
22
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
|
-
var FooterColumn_1 =
|
|
24
|
+
var FooterColumn_1 = require("../Footer/FooterColumn");
|
|
25
25
|
function FooterColumns(_a) {
|
|
26
26
|
var _b = _a.columns, columns = _b === void 0 ? [] : _b;
|
|
27
27
|
if (!(columns === null || columns === void 0 ? void 0 : columns.length)) {
|
|
28
28
|
return null;
|
|
29
29
|
}
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(exports.FooterColumnsContainer, __assign({ "data-component-name": "Footer/FooterColumns" }, { children: (0, jsx_runtime_1.jsx)(exports.FooterRow, { children: columns.map(function (column, index) { return ((0, jsx_runtime_1.jsx)(FooterColumn_1.
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)(exports.FooterColumnsContainer, __assign({ "data-component-name": "Footer/FooterColumns" }, { children: (0, jsx_runtime_1.jsx)(exports.FooterRow, { children: columns.map(function (column, index) { return ((0, jsx_runtime_1.jsx)(FooterColumn_1.FooterColumn, { column: column }, index)); }) }) })));
|
|
31
31
|
}
|
|
32
|
-
exports.
|
|
32
|
+
exports.FooterColumns = FooterColumns;
|
|
33
33
|
exports.FooterColumnsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 3em 20px 1em 20px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n max-width: 1200px;\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: 3em 20px 1em 20px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n max-width: 1200px;\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) {
|
|
34
34
|
var theme = _a.theme;
|
|
35
35
|
return theme.mediaQueries.small;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { FooterConfig } from '@theme/types/portal';
|
|
3
|
-
export
|
|
3
|
+
export declare function FooterCopyright({ copyrightText, }: React.PropsWithChildren<{
|
|
4
4
|
copyrightText?: FooterConfig['copyrightText'];
|
|
5
5
|
}>): JSX.Element | null;
|
|
@@ -18,12 +18,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.FooterCopyright = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
24
|
function FooterCopyright(_a) {
|
|
24
25
|
var _b = _a.copyrightText, copyrightText = _b === void 0 ? '' : _b;
|
|
25
26
|
return copyrightText ? ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ "data-component-name": "Footer/FooterCopyright" }, { children: copyrightText }))) : null;
|
|
26
27
|
}
|
|
27
|
-
exports.
|
|
28
|
+
exports.FooterCopyright = FooterCopyright;
|
|
28
29
|
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-color-background);\n color: var(--footer-color-text);\n text-align: center;\n span {\n max-width: 1200px;\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-color-background);\n color: var(--footer-color-text);\n text-align: center;\n span {\n max-width: 1200px;\n }\n"])));
|
|
29
30
|
var templateObject_1;
|
package/Footer/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
1
|
+
export * from './Footer';
|
|
2
|
+
export * from './FooterColumn';
|
|
3
|
+
export * from './FooterColumns';
|
|
4
|
+
export * from './FooterCopyright';
|
package/Footer/index.js
CHANGED
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
4
15
|
};
|
|
5
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
Object.defineProperty(exports, "FooterColumn", { enumerable: true, get: function () { return __importDefault(FooterColumn_1).default; } });
|
|
11
|
-
var FooterColumns_1 = require("./FooterColumns");
|
|
12
|
-
Object.defineProperty(exports, "FooterColumns", { enumerable: true, get: function () { return __importDefault(FooterColumns_1).default; } });
|
|
13
|
-
var FooterCopyright_1 = require("./FooterCopyright");
|
|
14
|
-
Object.defineProperty(exports, "FooterCopyright", { enumerable: true, get: function () { return __importDefault(FooterCopyright_1).default; } });
|
|
17
|
+
__exportStar(require("./Footer"), exports);
|
|
18
|
+
__exportStar(require("./FooterColumn"), exports);
|
|
19
|
+
__exportStar(require("./FooterColumns"), exports);
|
|
20
|
+
__exportStar(require("./FooterCopyright"), exports);
|
package/Layout/PageLayout.d.ts
CHANGED
|
@@ -2,5 +2,5 @@ import React from 'react';
|
|
|
2
2
|
interface PageLayoutProps {
|
|
3
3
|
sidebar?: React.ReactNode;
|
|
4
4
|
}
|
|
5
|
-
export
|
|
5
|
+
export declare function PageLayout({ sidebar, children, }: React.PropsWithChildren<PageLayoutProps>): JSX.Element;
|
|
6
6
|
export {};
|
package/Layout/PageLayout.js
CHANGED
|
@@ -18,13 +18,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.PageLayout = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
24
|
function PageLayout(_a) {
|
|
24
25
|
var sidebar = _a.sidebar, children = _a.children;
|
|
25
26
|
return ((0, jsx_runtime_1.jsxs)(Container, __assign({ "data-component-name": "Layout/PageLayout" }, { children: [sidebar, (0, jsx_runtime_1.jsx)(ContentContainer, { children: children })] })));
|
|
26
27
|
}
|
|
27
|
-
exports.
|
|
28
|
+
exports.PageLayout = PageLayout;
|
|
28
29
|
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"])));
|
|
29
30
|
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"])));
|
|
30
31
|
var templateObject_1, templateObject_2;
|
package/Layout/RootLayout.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ interface LayoutConfig {
|
|
|
3
3
|
navbar: React.ReactNode;
|
|
4
4
|
footer: React.ReactNode;
|
|
5
5
|
}
|
|
6
|
-
export
|
|
6
|
+
export declare function RootLayout({ navbar, footer, children, }: React.PropsWithChildren<LayoutConfig>): JSX.Element;
|
|
7
7
|
export {};
|
package/Layout/RootLayout.js
CHANGED
|
@@ -18,6 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.RootLayout = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
24
|
var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
@@ -27,5 +28,5 @@ function RootLayout(_a) {
|
|
|
27
28
|
// TODO: rewrite it to avoid passing components as props
|
|
28
29
|
(0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Layout/RootLayout" }, { children: [navbar, children, footer] })));
|
|
29
30
|
}
|
|
30
|
-
exports.
|
|
31
|
+
exports.RootLayout = RootLayout;
|
|
31
32
|
var templateObject_1;
|
package/Layout/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export * from './RootLayout';
|
|
2
|
+
export * from './PageLayout';
|
package/Layout/index.js
CHANGED
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
4
15
|
};
|
|
5
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
Object.defineProperty(exports, "RootLayout", { enumerable: true, get: function () { return __importDefault(RootLayout_1).default; } });
|
|
9
|
-
var PageLayout_1 = require("./PageLayout");
|
|
10
|
-
Object.defineProperty(exports, "PageLayout", { enumerable: true, get: function () { return __importDefault(PageLayout_1).default; } });
|
|
17
|
+
__exportStar(require("./RootLayout"), exports);
|
|
18
|
+
__exportStar(require("./PageLayout"), exports);
|
package/Logo/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Logo';
|
package/Logo/index.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Logo"), exports);
|
|
File without changes
|
|
@@ -21,7 +21,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
21
21
|
exports.Admonition = void 0;
|
|
22
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
|
-
var AlertIcon_1 = require("
|
|
24
|
+
var AlertIcon_1 = require("../ui/AlertIcon");
|
|
25
25
|
function Admonition(_a) {
|
|
26
26
|
var _b = _a.type, type = _b === void 0 ? 'info' : _b, name = _a.name, children = _a.children;
|
|
27
27
|
return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ type: type, "data-component-name": "Markdown/Admonition/Admonition" }, { children: [(0, jsx_runtime_1.jsx)(AlertIcon_1.AlertIcon, { type: type }), name ? (0, jsx_runtime_1.jsx)(Heading, __assign({ type: type }, { children: name })) : null, (0, jsx_runtime_1.jsx)(Content, { children: children })] })));
|
|
@@ -0,0 +1,19 @@
|
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./CodeSample"), exports);
|
|
18
|
+
__exportStar(require("./styled"), exports);
|
|
19
|
+
__exportStar(require("./types"), exports);
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,18 @@
|
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Tab"), exports);
|
|
18
|
+
__exportStar(require("./Tabs"), exports);
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './CodeSample';
|
|
2
|
+
export * from './Tabs';
|
|
3
|
+
export * from './Admonition';
|
|
4
|
+
export * from './ContentWrapper';
|
|
5
|
+
export * from './Heading';
|
|
6
|
+
export * from './MarkdownLayout';
|
|
7
|
+
export * from './Mermaid';
|
|
8
|
+
export * from './PageWrapper';
|
|
9
|
+
export * from './StyledMarkdown';
|
|
@@ -0,0 +1,25 @@
|
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./CodeSample"), exports);
|
|
18
|
+
__exportStar(require("./Tabs"), exports);
|
|
19
|
+
__exportStar(require("./Admonition"), exports);
|
|
20
|
+
__exportStar(require("./ContentWrapper"), exports);
|
|
21
|
+
__exportStar(require("./Heading"), exports);
|
|
22
|
+
__exportStar(require("./MarkdownLayout"), exports);
|
|
23
|
+
__exportStar(require("./Mermaid"), exports);
|
|
24
|
+
__exportStar(require("./PageWrapper"), exports);
|
|
25
|
+
__exportStar(require("./StyledMarkdown"), exports);
|
package/Navbar/Navbar.d.ts
CHANGED
|
@@ -5,6 +5,6 @@ interface NavbarProps {
|
|
|
5
5
|
search: React.ReactNode;
|
|
6
6
|
theme: any;
|
|
7
7
|
}
|
|
8
|
-
export
|
|
8
|
+
export declare function Navbar({ menu, logo, search }: NavbarProps): JSX.Element;
|
|
9
9
|
export declare const NavbarContainer: import("styled-components").StyledComponent<"nav", any, {}, never>;
|
|
10
10
|
export {};
|
package/Navbar/Navbar.js
CHANGED
|
@@ -18,14 +18,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.NavbarContainer = void 0;
|
|
21
|
+
exports.NavbarContainer = exports.Navbar = void 0;
|
|
22
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
24
|
function Navbar(_a) {
|
|
25
25
|
var menu = _a.menu, logo = _a.logo, search = _a.search;
|
|
26
26
|
return ((0, jsx_runtime_1.jsxs)(exports.NavbarContainer, __assign({ "data-component-name": "Navbar/Navbar" }, { children: [logo, menu, search] })));
|
|
27
27
|
}
|
|
28
|
-
exports.
|
|
28
|
+
exports.Navbar = Navbar;
|
|
29
29
|
exports.NavbarContainer = styled_components_1.default.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: var(--navbar-height);\n box-sizing: border-box;\n display: flex;\n color: var(--navbar-color-text);\n align-items: center;\n justify-content: space-between;\n flex-shrink: 0;\n\n font-size: 0.875rem;\n position: sticky;\n top: 0;\n z-index: 200;\n padding: 10px var(--sidebar-margin-left);\n background: var(--navbar-color-background);\n font-family: var(--h-font-family);\n\n ", " {\n padding: 10px var(--sidebar-margin-left);\n font-size: 1rem;\n }\n\n ", " {\n background: transparent;\n display: none;\n > :not(a, img) {\n display: none !important;\n }\n img {\n padding: 0;\n margin: 0;\n }\n }\n"], ["\n height: var(--navbar-height);\n box-sizing: border-box;\n display: flex;\n color: var(--navbar-color-text);\n align-items: center;\n justify-content: space-between;\n flex-shrink: 0;\n\n font-size: 0.875rem;\n position: sticky;\n top: 0;\n z-index: 200;\n padding: 10px var(--sidebar-margin-left);\n background: var(--navbar-color-background);\n font-family: var(--h-font-family);\n\n ", " {\n padding: 10px var(--sidebar-margin-left);\n font-size: 1rem;\n }\n\n ", " {\n background: transparent;\n display: none;\n > :not(a, img) {\n display: none !important;\n }\n img {\n padding: 0;\n margin: 0;\n }\n }\n"])), function (_a) {
|
|
30
30
|
var theme = _a.theme;
|
|
31
31
|
return theme.mediaQueries.medium;
|
package/Navbar/NavbarItem.d.ts
CHANGED
|
@@ -36,5 +36,5 @@ export declare type ResolvedNavItem = ResolvedNavLinkItem | ResolvedNavGroupItem
|
|
|
36
36
|
interface NavbarItemProps {
|
|
37
37
|
navItem: ResolvedNavLinkItem;
|
|
38
38
|
}
|
|
39
|
-
export
|
|
39
|
+
export declare function NavbarItem({ navItem }: NavbarItemProps): JSX.Element;
|
|
40
40
|
export {};
|
package/Navbar/NavbarItem.js
CHANGED
|
@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.MenuStyle = void 0;
|
|
21
|
+
exports.NavbarItem = exports.MenuStyle = void 0;
|
|
22
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
24
|
var react_router_dom_1 = require("react-router-dom");
|
|
@@ -34,7 +34,7 @@ function NavbarItem(_a) {
|
|
|
34
34
|
var isActive = pathname === (0, utils_1.withPathPrefix)(navItem.link);
|
|
35
35
|
return ((0, jsx_runtime_1.jsx)(NavMenuItem, __assign({ active: isActive, "data-component-name": "Navbar/NavbarItem" }, { children: (0, jsx_runtime_1.jsx)(NavLink, __assign({ to: navItem.link, active: isActive }, { children: (0, jsx_runtime_1.jsx)(NavLabel, { children: navItem.label }) })) })));
|
|
36
36
|
}
|
|
37
|
-
exports.
|
|
37
|
+
exports.NavbarItem = NavbarItem;
|
|
38
38
|
var NavMenuItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n padding: 20px calc(var(--sidebar-spacing-horizontal) * 2);\n text-align: center;\n line-height: 1;\n font-size: var(--navbar-item-font-size);\n margin-left: var(--navbar-item-margin-horizontal);\n margin-right: var(--navbar-item-margin-horizontal);\n border-radius: var(--navbar-item-border-radius);\n font-weight: var(--navbar-item-font-weight);\n background: ", ";\n"], ["\n display: inline-block;\n padding: 20px calc(var(--sidebar-spacing-horizontal) * 2);\n text-align: center;\n line-height: 1;\n font-size: var(--navbar-item-font-size);\n margin-left: var(--navbar-item-margin-horizontal);\n margin-right: var(--navbar-item-margin-horizontal);\n border-radius: var(--navbar-item-border-radius);\n font-weight: var(--navbar-item-font-weight);\n background: ", ";\n"])), function (_a) {
|
|
39
39
|
var active = _a.active;
|
|
40
40
|
return (active ? 'var(--navbar-item-active-background-color)' : 'none');
|
package/Navbar/NavbarMenu.d.ts
CHANGED
package/Navbar/NavbarMenu.js
CHANGED
|
@@ -18,19 +18,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.NavbarMenu = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
|
-
var NavbarItem_1 =
|
|
24
|
+
var NavbarItem_1 = require("../Navbar/NavbarItem");
|
|
24
25
|
function NavbarMenu(_a) {
|
|
25
26
|
var menuItems = _a.menuItems;
|
|
26
27
|
if (!menuItems || !menuItems.length) {
|
|
27
28
|
return null;
|
|
28
29
|
}
|
|
29
30
|
return ((0, jsx_runtime_1.jsx)(NavItemsContainer, __assign({ "data-component-name": "Navbar/NavbarMenu" }, { children: menuItems.map(function (navItem, index) {
|
|
30
|
-
return (0, jsx_runtime_1.jsx)(NavbarItem_1.
|
|
31
|
+
return (0, jsx_runtime_1.jsx)(NavbarItem_1.NavbarItem, { "data-cy": navItem.label, navItem: navItem }, index);
|
|
31
32
|
}) })));
|
|
32
33
|
}
|
|
33
|
-
exports.
|
|
34
|
+
exports.NavbarMenu = NavbarMenu;
|
|
34
35
|
var NavItemsContainer = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n list-style: none;\n margin: 0;\n padding: 0;\n display: block;\n\n ", " {\n display: block;\n }\n"], ["\n list-style: none;\n margin: 0;\n padding: 0;\n display: block;\n\n ", " {\n display: block;\n }\n"])), function (_a) {
|
|
35
36
|
var theme = _a.theme;
|
|
36
37
|
return theme.mediaQueries.medium;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './Autocomplete';
|
|
2
|
+
export * from './ClearIcon';
|
|
3
|
+
export * from './Input';
|
|
4
|
+
export * from './Parameters';
|
|
5
|
+
export * from './Popover';
|
|
6
|
+
export * from './Search';
|
|
7
|
+
export * from './SearchIcon';
|
|
8
|
+
export * from './SearchItem';
|
|
9
|
+
export * from './utils';
|
package/Search/index.js
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Autocomplete"), exports);
|
|
18
|
+
__exportStar(require("./ClearIcon"), exports);
|
|
19
|
+
__exportStar(require("./Input"), exports);
|
|
20
|
+
__exportStar(require("./Parameters"), exports);
|
|
21
|
+
__exportStar(require("./Popover"), exports);
|
|
22
|
+
__exportStar(require("./Search"), exports);
|
|
23
|
+
__exportStar(require("./SearchIcon"), exports);
|
|
24
|
+
__exportStar(require("./SearchItem"), exports);
|
|
25
|
+
__exportStar(require("./utils"), exports);
|
package/Sidebar/ApiCallItem.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import MenuItemProps from '../Sidebar/types/MenuItemProps';
|
|
3
|
-
export
|
|
2
|
+
import { MenuItemProps } from '../Sidebar/types/MenuItemProps';
|
|
3
|
+
export declare function ApiCallItem({ item }: MenuItemProps): JSX.Element;
|
|
4
4
|
export declare const Badge: import("styled-components").StyledComponent<"span", any, {
|
|
5
5
|
className: `operation-type ${string}`;
|
|
6
6
|
} & {
|
package/Sidebar/ApiCallItem.js
CHANGED
|
@@ -18,18 +18,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.Badge = void 0;
|
|
21
|
+
exports.Badge = exports.ApiCallItem = void 0;
|
|
22
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
24
|
var OperationBadge_1 = require("../OperationBadge");
|
|
25
|
-
var MenuLinkItem_1 =
|
|
26
|
-
var SeparatorLine_1 =
|
|
27
|
-
var MenuItemLabel_1 =
|
|
25
|
+
var MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
|
|
26
|
+
var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
|
|
27
|
+
var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
|
|
28
28
|
function ApiCallItem(_a) {
|
|
29
29
|
var item = _a.item;
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/ApiCallItem" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.
|
|
30
|
+
return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/ApiCallItem" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.MenuLinkItem, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuItemLabel_1.MenuItemLabel, __assign({ active: item.active }, { children: [(0, jsx_runtime_1.jsx)(exports.Badge, __assign({ type: item.httpVerb || 'event' }, { children: item.httpVerb === 'hook' ? 'event' : item.httpVerb })), item.label] })) })), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
|
|
31
31
|
}
|
|
32
|
-
exports.
|
|
32
|
+
exports.ApiCallItem = ApiCallItem;
|
|
33
33
|
var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
34
34
|
exports.Badge = (0, styled_components_1.default)(OperationBadge_1.OperationBadge)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-shrink: 0;\n margin-top: 0;\n"], ["\n flex-shrink: 0;\n margin-top: 0;\n"])));
|
|
35
35
|
var templateObject_1, templateObject_2;
|
package/Sidebar/ArrowBack.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const
|
|
2
|
+
export declare const ArrowBack: import("styled-components").StyledComponent<({ className }: {
|
|
3
3
|
className?: string | undefined;
|
|
4
4
|
}) => JSX.Element, any, {}, never>;
|
|
5
|
-
export default _default;
|
package/Sidebar/ArrowBack.js
CHANGED
|
@@ -18,11 +18,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.ArrowBack = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
24
|
var Arrow = function (_a) {
|
|
24
25
|
var className = _a.className;
|
|
25
26
|
return ((0, jsx_runtime_1.jsx)("span", __assign({ "data-component-name": "Sidebar/ArrowBack" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 10", width: "12px", height: "10px", className: className }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M2.414 5l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L2.414 5z" }), (0, jsx_runtime_1.jsx)("path", { d: "M2 5a1 1 0 011-1h8a1 1 0 110 2H3a1 1 0 01-1-1z" })] })) })));
|
|
26
27
|
};
|
|
27
|
-
exports.
|
|
28
|
+
exports.ArrowBack = (0, styled_components_1.default)(Arrow)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n fill: var(--sidebar-chevron-color);\n"], ["\n fill: var(--sidebar-chevron-color);\n"])));
|
|
28
29
|
var templateObject_1;
|
package/Sidebar/BackButton.d.ts
CHANGED
|
@@ -2,5 +2,5 @@ import React from 'react';
|
|
|
2
2
|
interface BackButtonProps {
|
|
3
3
|
back: () => void;
|
|
4
4
|
}
|
|
5
|
-
export
|
|
5
|
+
export declare function BackButton({ children, back, }: React.PropsWithChildren<BackButtonProps>): JSX.Element;
|
|
6
6
|
export {};
|
package/Sidebar/BackButton.js
CHANGED
|
@@ -18,13 +18,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.BackButton = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
|
-
var ArrowBack_1 =
|
|
24
|
+
var ArrowBack_1 = require("../Sidebar/ArrowBack");
|
|
24
25
|
function BackButton(_a) {
|
|
25
26
|
var children = _a.children, back = _a.back;
|
|
26
|
-
return ((0, jsx_runtime_1.jsxs)(Button, __assign({ onClick: back, "data-component-name": "Sidebar/BackButton" }, { children: [(0, jsx_runtime_1.jsx)(ArrowBack_1.
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)(Button, __assign({ onClick: back, "data-component-name": "Sidebar/BackButton" }, { children: [(0, jsx_runtime_1.jsx)(ArrowBack_1.ArrowBack, {}), children] })));
|
|
27
28
|
}
|
|
28
|
-
exports.
|
|
29
|
+
exports.BackButton = BackButton;
|
|
29
30
|
var Button = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n background-color: transparent;\n padding: 0;\n border: 0;\n outline: 0;\n color: var(--color-secondary-contrast);\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: var(--sidebar-font-size);\n transition: color 0.25s ease;\n text-align: left;\n margin-bottom: calc(var(--sidebar-spacing-padding-vertical) * 3);\n\n svg {\n margin-right: calc(var(--sidebar-spacing-unit) * 1.5);\n }\n\n &:hover {\n color: var(--sidebar-text-color);\n }\n"], ["\n width: 100%;\n background-color: transparent;\n padding: 0;\n border: 0;\n outline: 0;\n color: var(--color-secondary-contrast);\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: var(--sidebar-font-size);\n transition: color 0.25s ease;\n text-align: left;\n margin-bottom: calc(var(--sidebar-spacing-padding-vertical) * 3);\n\n svg {\n margin-right: calc(var(--sidebar-spacing-unit) * 1.5);\n }\n\n &:hover {\n color: var(--sidebar-text-color);\n }\n"])));
|
|
30
31
|
var templateObject_1;
|
package/Sidebar/Drilldown.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import DrilldownMenuProps from '../Sidebar/types/DrilldownMenuProps';
|
|
2
|
+
import { DrilldownMenuProps } from '../Sidebar/types/DrilldownMenuProps';
|
|
3
3
|
interface DrilldownProps extends DrilldownMenuProps {
|
|
4
4
|
isExpanded: boolean;
|
|
5
5
|
expand: () => void;
|
|
6
6
|
}
|
|
7
|
-
export
|
|
7
|
+
export declare function Drilldown({ isExpanded, item, expand, ...props }: React.PropsWithChildren<DrilldownProps>): JSX.Element;
|
|
8
8
|
export {};
|