@redocly/theme 0.1.13 → 0.1.16
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/CopyButton/CopyButton.js +24 -13
- package/CopyButton/CopyButtonWrapper.js +25 -13
- package/Footer/Footer.js +4 -13
- package/Footer/FooterColumn.js +9 -18
- package/Footer/FooterColumns.js +3 -13
- package/Footer/FooterCopyright.js +2 -13
- package/JsonViewer/JsonViewer.js +33 -16
- package/Layout/PageLayout.js +4 -13
- package/Layout/RootLayout.js +5 -13
- package/Markdown/Admonition.js +5 -13
- package/Markdown/CodeSample/CodeSample.d.ts +8 -0
- package/Markdown/CodeSample/CodeSample.js +46 -0
- package/Markdown/CodeSample/index.d.ts +2 -0
- package/Markdown/CodeSample/index.js +18 -0
- package/Markdown/CodeSample/styled.d.ts +4 -0
- package/Markdown/CodeSample/styled.js +85 -0
- package/Markdown/Heading.js +29 -15
- package/Markdown/MarkdownLayout.js +8 -12
- package/Markdown/Mermaid.js +2 -2
- package/Markdown/Tabs/Tab.js +2 -13
- package/Markdown/Tabs/Tabs.js +33 -20
- package/Markdown/index.d.ts +1 -0
- package/Markdown/index.js +1 -0
- package/Navbar/Navbar.js +5 -13
- package/Navbar/NavbarItem.js +4 -13
- package/Navbar/NavbarMenu.js +4 -15
- package/NavbarLogo/NavbarLogo.js +3 -14
- package/PageNavigation/NextPageLink.js +8 -14
- package/PageNavigation/PageNavigation.js +4 -13
- package/PageNavigation/PreviousPageLink.js +8 -14
- package/Panel/PanelComponent.js +30 -14
- package/Search/Autocomplete.js +30 -3
- package/Search/ClearIcon.js +3 -2
- package/Search/Parameters.js +17 -17
- package/Search/Search.js +3 -13
- package/Search/SearchIcon.js +3 -2
- package/Search/SearchItem.js +30 -13
- package/Search/utils.js +28 -2
- package/Sidebar/ApiCallItem.js +7 -13
- package/Sidebar/ArrowBack.js +5 -13
- package/Sidebar/BackButton.js +4 -13
- package/Sidebar/Drilldown.js +6 -2
- package/Sidebar/DrilldownMenu.js +10 -13
- package/Sidebar/DrilldownMenuItem.js +6 -13
- package/Sidebar/ExternalIcon.js +7 -13
- package/Sidebar/MenuGroup.js +8 -13
- package/Sidebar/MenuItem.js +7 -13
- package/Sidebar/MenuLinkItem.js +2 -2
- package/Sidebar/Separator.js +4 -13
- package/Sidebar/SidebarLayout.js +6 -13
- package/SidebarLogo/SidebarLogo.js +3 -14
- package/SourceCode/SourceCode.js +11 -17
- package/TableOfContent/TableOfContent.js +40 -26
- package/Tooltip/Tooltip.js +4 -14
- package/icons/ShelfIcon/ShelfIcon.js +4 -13
- package/mocks/Link.js +5 -2
- package/mocks/hooks/usePageData.d.ts +1 -1
- package/package.json +1 -1
- package/src/Markdown/CodeSample/CodeSample.tsx +39 -0
- package/src/Markdown/CodeSample/index.ts +2 -0
- package/src/Markdown/CodeSample/styled.ts +209 -0
- package/src/Markdown/index.ts +1 -0
- package/src/PageNavigation/NextPageLink.tsx +2 -2
- package/src/PageNavigation/PreviousPageLink.tsx +2 -2
- package/src/Search/SearchItem.tsx +1 -1
- package/src/mocks/hooks/usePageData.ts +1 -1
- package/src/utils/ClipboardService.ts +1 -1
- package/ui/AlertIcon.js +20 -17
- package/ui/Arrow.js +4 -13
- package/ui/Button.js +6 -3
- package/ui/Dropdown.js +32 -14
- package/ui/Flex.js +2 -2
- package/ui/Tiles/ThinTile.js +29 -13
- package/ui/Tiles/WideTile.js +29 -13
- package/ui/UniversalLink.js +26 -3
- package/utils/ClipboardService.js +1 -1
package/Markdown/Heading.js
CHANGED
|
@@ -1,23 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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;
|
|
12
24
|
};
|
|
13
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
26
|
exports.Heading = void 0;
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
|
|
27
|
+
var react_1 = __importStar(require("react"));
|
|
28
|
+
var SvgIcon = (react_1.default.createElement("svg", { "aria-hidden": "true", focusable: "false", height: "16", version: "1.1", viewBox: "0 0 16 16", width: "16" },
|
|
29
|
+
react_1.default.createElement("path", { fillRule: "evenodd", d: "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" })));
|
|
18
30
|
function Heading(_a) {
|
|
19
31
|
var level = _a.level, id = _a.id, children = _a.children;
|
|
20
|
-
var linkEl = (
|
|
21
|
-
return (0, react_1.createElement)("h".concat(level), { id: id, className: 'heading-anchor', 'data-component-name': 'Markdown/Heading/Heading' },
|
|
32
|
+
var linkEl = (react_1.default.createElement("a", { href: "#".concat(id), className: "anchor before" }, SvgIcon));
|
|
33
|
+
return (0, react_1.createElement)("h".concat(level), { id: id, className: 'heading-anchor', 'data-component-name': 'Markdown/Heading/Heading' }, react_1.default.createElement(react_1.default.Fragment, null,
|
|
34
|
+
linkEl,
|
|
35
|
+
children));
|
|
22
36
|
}
|
|
23
37
|
exports.Heading = Heading;
|
|
@@ -1,23 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
12
4
|
};
|
|
13
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
6
|
exports.MarkdownLayout = void 0;
|
|
15
|
-
var
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
16
8
|
var PageWrapper_1 = require("../Markdown/PageWrapper");
|
|
17
9
|
var ContentWrapper_1 = require("../Markdown/ContentWrapper");
|
|
18
10
|
var PageNavigation_1 = require("../PageNavigation/PageNavigation");
|
|
19
11
|
function MarkdownLayout(_a) {
|
|
20
12
|
var tableOfContent = _a.tableOfContent, markdownWrapper = _a.markdownWrapper;
|
|
21
|
-
return (
|
|
13
|
+
return (react_1.default.createElement(PageWrapper_1.PageWrapper, { "data-component-name": "Markdown/MarkdownLayout" },
|
|
14
|
+
react_1.default.createElement(ContentWrapper_1.ContentWrapper, { withToc: true },
|
|
15
|
+
markdownWrapper,
|
|
16
|
+
react_1.default.createElement(PageNavigation_1.PageNavigation, null)),
|
|
17
|
+
tableOfContent));
|
|
22
18
|
}
|
|
23
19
|
exports.MarkdownLayout = MarkdownLayout;
|
package/Markdown/Mermaid.js
CHANGED
|
@@ -8,11 +8,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Mermaid = void 0;
|
|
11
|
-
var
|
|
11
|
+
var react_1 = __importDefault(require("react"));
|
|
12
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
13
|
function Mermaid(_a) {
|
|
14
14
|
var diagramHtml = _a.diagramHtml;
|
|
15
|
-
return (
|
|
15
|
+
return (react_1.default.createElement(Wrapper, { className: "mermaid-wrapper", dangerouslySetInnerHTML: { __html: diagramHtml }, "data-component-name": "Markdown/Mermaid/Mermaid" }));
|
|
16
16
|
}
|
|
17
17
|
exports.Mermaid = Mermaid;
|
|
18
18
|
var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .mermaid > svg {\n font-size: 14px !important;\n max-width: 100%;\n }\n"], ["\n .mermaid > svg {\n font-size: 14px !important;\n max-width: 100%;\n }\n"])));
|
package/Markdown/Tabs/Tab.js
CHANGED
|
@@ -3,28 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
6
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
8
|
};
|
|
20
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
10
|
exports.Tab = void 0;
|
|
22
|
-
var
|
|
11
|
+
var react_1 = __importDefault(require("react"));
|
|
23
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
13
|
function Tab(_a) {
|
|
25
14
|
var activeTab = _a.activeTab, label = _a.label, onClick = _a.onClick;
|
|
26
15
|
var isActive = activeTab === label;
|
|
27
|
-
return (
|
|
16
|
+
return (react_1.default.createElement(TabItem, { active: isActive, onClick: function () { return onClick(label); }, "data-component-name": "Markdown/Tabs/Tab" }, label));
|
|
28
17
|
}
|
|
29
18
|
exports.Tab = Tab;
|
|
30
19
|
var TabItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n list-style: none;\n margin-bottom: -1px;\n padding: 0.75rem 1rem;\n cursor: pointer;\n\n ", "\n"], ["\n display: inline-block;\n list-style: none;\n margin-bottom: -1px;\n padding: 0.75rem 1rem;\n cursor: pointer;\n\n ", "\n"])), function (_a) {
|
package/Markdown/Tabs/Tabs.js
CHANGED
|
@@ -3,38 +3,51 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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;
|
|
16
28
|
};
|
|
17
29
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
30
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
31
|
};
|
|
20
32
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
33
|
exports.Tabs = void 0;
|
|
22
|
-
var
|
|
23
|
-
var react_1 = require("react");
|
|
34
|
+
var react_1 = __importStar(require("react"));
|
|
24
35
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
25
36
|
var Tab_1 = require("../../Markdown/Tabs/Tab");
|
|
26
37
|
function Tabs(_a) {
|
|
27
38
|
var children = _a.children;
|
|
28
39
|
var _b = (0, react_1.useState)(children[0].props.label), activeTab = _b[0], setActiveTab = _b[1];
|
|
29
40
|
var onTabSelect = function (label) { return setActiveTab(label); };
|
|
30
|
-
return (
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
41
|
+
return (react_1.default.createElement(TabsContainer, { "data-component-name": "Markdown/Tabs/Tabs" },
|
|
42
|
+
react_1.default.createElement(TabList, null, children.map(function (child) {
|
|
43
|
+
var label = child.props.label;
|
|
44
|
+
return react_1.default.createElement(Tab_1.Tab, { activeTab: activeTab, key: label, label: label, onClick: onTabSelect });
|
|
45
|
+
})),
|
|
46
|
+
react_1.default.createElement(TabContent, null, children.map(function (child) {
|
|
47
|
+
if (child.props.label !== activeTab)
|
|
48
|
+
return undefined;
|
|
49
|
+
return child.props.children;
|
|
50
|
+
}))));
|
|
38
51
|
}
|
|
39
52
|
exports.Tabs = Tabs;
|
|
40
53
|
var TabsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 10px 0;\n"], ["\n margin: 10px 0;\n"])));
|
package/Markdown/index.d.ts
CHANGED
package/Markdown/index.js
CHANGED
|
@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("../Markdown/CodeSample"), exports);
|
|
17
18
|
__exportStar(require("../Markdown/Tabs"), exports);
|
|
18
19
|
__exportStar(require("../Markdown/Admonition"), exports);
|
|
19
20
|
__exportStar(require("../Markdown/ContentWrapper"), exports);
|
package/Navbar/Navbar.js
CHANGED
|
@@ -3,27 +3,19 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
6
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
8
|
};
|
|
20
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
10
|
exports.NavbarContainer = exports.Navbar = void 0;
|
|
22
|
-
var
|
|
11
|
+
var react_1 = __importDefault(require("react"));
|
|
23
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
13
|
function Navbar(_a) {
|
|
25
14
|
var menu = _a.menu, logo = _a.logo, search = _a.search;
|
|
26
|
-
return (
|
|
15
|
+
return (react_1.default.createElement(exports.NavbarContainer, { "data-component-name": "Navbar/Navbar" },
|
|
16
|
+
logo,
|
|
17
|
+
menu,
|
|
18
|
+
search));
|
|
27
19
|
}
|
|
28
20
|
exports.Navbar = Navbar;
|
|
29
21
|
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-text-color);\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-background-color);\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-text-color);\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-background-color);\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) {
|
package/Navbar/NavbarItem.js
CHANGED
|
@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
6
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
8
|
};
|
|
20
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
10
|
exports.NavbarItem = exports.MenuStyle = void 0;
|
|
22
|
-
var
|
|
11
|
+
var react_1 = __importDefault(require("react"));
|
|
23
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
13
|
var react_router_dom_1 = require("react-router-dom");
|
|
25
14
|
var Link_1 = require("../mocks/Link");
|
|
@@ -32,7 +21,9 @@ function NavbarItem(_a) {
|
|
|
32
21
|
var navItem = _a.navItem;
|
|
33
22
|
var pathname = (0, react_router_dom_1.useLocation)().pathname;
|
|
34
23
|
var isActive = pathname === (0, utils_1.withPathPrefix)(navItem.link);
|
|
35
|
-
return (
|
|
24
|
+
return (react_1.default.createElement(NavMenuItem, { active: isActive, "data-component-name": "Navbar/NavbarItem" },
|
|
25
|
+
react_1.default.createElement(NavLink, { to: navItem.link, active: isActive },
|
|
26
|
+
react_1.default.createElement(NavLabel, null, navItem.label))));
|
|
36
27
|
}
|
|
37
28
|
exports.NavbarItem = NavbarItem;
|
|
38
29
|
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) {
|
package/Navbar/NavbarMenu.js
CHANGED
|
@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
6
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
8
|
};
|
|
20
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
10
|
exports.NavbarMenu = void 0;
|
|
22
|
-
var
|
|
11
|
+
var react_1 = __importDefault(require("react"));
|
|
23
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
13
|
var NavbarItem_1 = require("../Navbar/NavbarItem");
|
|
25
14
|
function NavbarMenu(_a) {
|
|
@@ -27,9 +16,9 @@ function NavbarMenu(_a) {
|
|
|
27
16
|
if (!(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length)) {
|
|
28
17
|
return null;
|
|
29
18
|
}
|
|
30
|
-
return (
|
|
31
|
-
|
|
32
|
-
|
|
19
|
+
return (react_1.default.createElement(NavItemsContainer, { "data-component-name": "Navbar/NavbarMenu" }, menuItems.map(function (navItem, index) {
|
|
20
|
+
return react_1.default.createElement(NavbarItem_1.NavbarItem, { key: index, "data-cy": navItem.label, navItem: navItem });
|
|
21
|
+
})));
|
|
33
22
|
}
|
|
34
23
|
exports.NavbarMenu = NavbarMenu;
|
|
35
24
|
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) {
|
package/NavbarLogo/NavbarLogo.js
CHANGED
|
@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
6
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
8
|
};
|
|
20
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
10
|
exports.NavbarLogo = void 0;
|
|
22
|
-
var
|
|
11
|
+
var react_1 = __importDefault(require("react"));
|
|
23
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
13
|
var Link_1 = require("../mocks/Link");
|
|
25
14
|
function NavbarLogo(_a) {
|
|
@@ -27,8 +16,8 @@ function NavbarLogo(_a) {
|
|
|
27
16
|
if (!logo.image) {
|
|
28
17
|
return null;
|
|
29
18
|
}
|
|
30
|
-
var img = (
|
|
31
|
-
return logo.link ?
|
|
19
|
+
var img = (react_1.default.createElement(NavLogo, { src: logo.image, alt: logo.altText, "data-component-name": "NavbarLogo/NavbarLogo" }));
|
|
20
|
+
return logo.link ? react_1.default.createElement(Link_1.Link, { to: logo.link }, img) : img;
|
|
32
21
|
}
|
|
33
22
|
exports.NavbarLogo = NavbarLogo;
|
|
34
23
|
var NavLogo = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: var(--logo-max-width);\n max-height: var(--logo-max-height);\n height: var(--logo-height);\n margin: var(--logo-margin);\n"], ["\n max-width: var(--logo-max-width);\n max-height: var(--logo-max-height);\n height: var(--logo-height);\n margin: var(--logo-margin);\n"])));
|
|
@@ -1,25 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
12
4
|
};
|
|
13
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
6
|
exports.NextPageLink = void 0;
|
|
15
|
-
var
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
16
8
|
var usePageData_1 = require("../mocks/hooks/usePageData");
|
|
17
9
|
var ui_1 = require("../ui");
|
|
18
10
|
function NextPageLink() {
|
|
19
|
-
var nextPage = (0, usePageData_1.usePageData)().nextPage;
|
|
11
|
+
var nextPage = ((0, usePageData_1.usePageData)() || {}).nextPage;
|
|
20
12
|
if (!nextPage) {
|
|
21
|
-
return
|
|
13
|
+
return react_1.default.createElement("div", null, "\u00A0");
|
|
22
14
|
}
|
|
23
|
-
return (
|
|
15
|
+
return (react_1.default.createElement(ui_1.Button, { variant: "outlined", size: "large", to: nextPage.link },
|
|
16
|
+
"Next to ",
|
|
17
|
+
nextPage.label));
|
|
24
18
|
}
|
|
25
19
|
exports.NextPageLink = NextPageLink;
|
|
@@ -3,28 +3,19 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
6
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
8
|
};
|
|
20
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
10
|
exports.PageNavigation = void 0;
|
|
22
|
-
var
|
|
11
|
+
var react_1 = __importDefault(require("react"));
|
|
23
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
13
|
var PreviousPageLink_1 = require("../PageNavigation/PreviousPageLink");
|
|
25
14
|
var NextPageLink_1 = require("../PageNavigation/NextPageLink");
|
|
26
15
|
function PageNavigation() {
|
|
27
|
-
return (
|
|
16
|
+
return (react_1.default.createElement(PageNavigationWrapper, { "data-component-name": "PageNavigation/PageNavigation" },
|
|
17
|
+
react_1.default.createElement(PreviousPageLink_1.PreviousPageLink, null),
|
|
18
|
+
react_1.default.createElement(NextPageLink_1.NextPageLink, null)));
|
|
28
19
|
}
|
|
29
20
|
exports.PageNavigation = PageNavigation;
|
|
30
21
|
var PageNavigationWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin: 25px 0px;\n"], ["\n display: flex;\n justify-content: space-between;\n margin: 25px 0px;\n"])));
|
|
@@ -1,25 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
12
4
|
};
|
|
13
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
6
|
exports.PreviousPageLink = void 0;
|
|
15
|
-
var
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
16
8
|
var usePageData_1 = require("../mocks/hooks/usePageData");
|
|
17
9
|
var ui_1 = require("../ui");
|
|
18
10
|
function PreviousPageLink() {
|
|
19
|
-
var prevPage = (0, usePageData_1.usePageData)().prevPage;
|
|
11
|
+
var prevPage = ((0, usePageData_1.usePageData)() || {}).prevPage;
|
|
20
12
|
if (!prevPage) {
|
|
21
|
-
return
|
|
13
|
+
return react_1.default.createElement("div", null, "\u00A0");
|
|
22
14
|
}
|
|
23
|
-
return (
|
|
15
|
+
return (react_1.default.createElement(ui_1.Button, { variant: "outlined", size: "large", to: prevPage.link },
|
|
16
|
+
"Back to ",
|
|
17
|
+
prevPage.label));
|
|
24
18
|
}
|
|
25
19
|
exports.PreviousPageLink = PreviousPageLink;
|
package/Panel/PanelComponent.js
CHANGED
|
@@ -3,24 +3,35 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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;
|
|
16
28
|
};
|
|
17
29
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
30
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
31
|
};
|
|
20
32
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
33
|
exports.InlineBox = exports.PanelComponent = void 0;
|
|
22
|
-
var
|
|
23
|
-
var react_1 = require("react");
|
|
34
|
+
var react_1 = __importStar(require("react"));
|
|
24
35
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
25
36
|
var icons_1 = require("../icons");
|
|
26
37
|
var PanelBody_1 = require("../Panel/PanelBody");
|
|
@@ -39,8 +50,13 @@ function PanelComponent(_a) {
|
|
|
39
50
|
onToggle === null || onToggle === void 0 ? void 0 : onToggle(!isExpanded);
|
|
40
51
|
};
|
|
41
52
|
(0, react_1.useEffect)(function () { return setExpanded(expanded); }, [expanded]);
|
|
42
|
-
return (
|
|
43
|
-
|
|
53
|
+
return (react_1.default.createElement("div", { className: className, "data-cy": typeof header === 'string' ? ('panel-' + header).replace(/ /g, '-').toLowerCase() : null },
|
|
54
|
+
header &&
|
|
55
|
+
(typeof header === 'function' ? (header({ expanded: isExpanded, toggle: toggle })) : (react_1.default.createElement(PanelHeader_1.PanelHeader, { "data-cy": "panel-header", onClick: toggle, expanded: isExpanded },
|
|
56
|
+
react_1.default.createElement(exports.InlineBox, null,
|
|
57
|
+
react_1.default.createElement(PanelHeaderTitle_1.PanelHeaderTitle, { "data-cy": "title" }, header),
|
|
58
|
+
react_1.default.createElement(icons_1.ShelfIcon, { direction: isExpanded ? 'down' : 'right' }))))),
|
|
59
|
+
isExpanded && (react_1.default.createElement(PanelBody_1.PanelBody, { "data-cy": "panel-body", hidden: !isExpanded, animate: animate }, children))));
|
|
44
60
|
}
|
|
45
61
|
exports.PanelComponent = PanelComponent;
|
|
46
62
|
exports.InlineBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n"], ["\n display: inline-flex;\n align-items: center;\n"])));
|
package/Search/Autocomplete.js
CHANGED
|
@@ -14,13 +14,35 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
16
|
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
17
40
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
41
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
42
|
};
|
|
20
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
44
|
exports.Autocomplete = void 0;
|
|
22
|
-
var
|
|
23
|
-
var react_1 = require("react");
|
|
45
|
+
var react_1 = __importStar(require("react"));
|
|
24
46
|
var react_router_dom_1 = require("react-router-dom");
|
|
25
47
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
26
48
|
var Input_1 = require("../Search/Input");
|
|
@@ -69,7 +91,12 @@ function Autocomplete(_a) {
|
|
|
69
91
|
return renderItem(__assign(__assign({}, item), { active: active }));
|
|
70
92
|
};
|
|
71
93
|
(0, react_1.useEffect)(close, [location]);
|
|
72
|
-
return (
|
|
94
|
+
return (react_1.default.createElement(Wrapper, { "data-component-name": "Search/Autocomplete" },
|
|
95
|
+
isOpen ? react_1.default.createElement(Overlay, { onClick: close }) : null,
|
|
96
|
+
react_1.default.createElement(AutocompleteBox, { onKeyDown: onKeydown },
|
|
97
|
+
react_1.default.createElement(Input_1.FormInput, { value: value, placeholder: placeholder, onChange: onChange, onFocus: open, onClick: stopPropagation }), children === null || children === void 0 ? void 0 :
|
|
98
|
+
children(isOpen, reset),
|
|
99
|
+
isOpen && value ? (react_1.default.createElement(Popover_1.Popover, null, items.length ? items.map(mapItem) : react_1.default.createElement(Message, null, "No results"))) : null)));
|
|
73
100
|
}
|
|
74
101
|
exports.Autocomplete = Autocomplete;
|
|
75
102
|
var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
package/Search/ClearIcon.js
CHANGED
|
@@ -19,9 +19,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
21
|
exports.ClearIcon = void 0;
|
|
22
|
-
var
|
|
22
|
+
var react_1 = __importDefault(require("react"));
|
|
23
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
|
-
var Icon = function (props) { return (
|
|
24
|
+
var Icon = function (props) { return (react_1.default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 298.7 298.7", "data-component-name": "Search/ClearIcon" }, props),
|
|
25
|
+
react_1.default.createElement("polygon", { points: "298.7 30.2 268.5 0 149.3 119.1 30.2 0 0 30.2 119.1 149.3 0 268.5 30.2 298.7 149.3 179.5 268.5 298.7 298.7 268.5 179.5 149.3 " }))); };
|
|
25
26
|
exports.ClearIcon = (0, styled_components_1.default)(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n cursor: pointer;\n width: 0.5em;\n height: 0.5em;\n right: 1.2em;\n fill: var(--search-input-text-color);\n\n ", " {\n width: 0.625em;\n height: 0.625em;\n }\n"], ["\n position: absolute;\n cursor: pointer;\n width: 0.5em;\n height: 0.5em;\n right: 1.2em;\n fill: var(--search-input-text-color);\n\n ", " {\n width: 0.625em;\n height: 0.625em;\n }\n"])), function (_a) {
|
|
26
27
|
var theme = _a.theme;
|
|
27
28
|
return theme.mediaQueries.medium;
|